iT邦幫忙

前端相關文章
共有 615 則文章
鐵人賽 其他技術 DAY 7

技術 Day7– 前端小字典三十天【每日一字】– meta

第一次看到這個單字,是在html 裡,看到有一個元素名稱為meta 例如: <meta charset="utf-8"> 代表...

鐵人賽 其他技術 DAY 6

技術 Day6– 前端小字典三十天【每日一字】– HTTPS

今天要筆記的內容如下: Https和Http的差別? Http的狀態碼 Https和Http的差別? 圖片來源 在上一篇文章在說明HTTP協定時有提到: 在R...

技術 [鼠年全馬鐵人挑戰] Week01 - 非本科系零經驗超新手前端之路

在接觸程式前在我的基本認知裡覺得程式碼真的是一個非常複雜的東西呀這要本科系又是頭腦很好的神人才有辦法寫的吧XD所以壓根沒想到之後的我會開始學習程式 至於 為何會...

鐵人賽 開發技術 DAY 7

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#7-- JavaScript入門 (I)

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 Modern Web DAY 1
AMP 系列 第 1

技術 AMP(Lession 1) - 初步了解AMP

初步了解AMP 什麼是 AMP ? Accelerated Mobile Pages Google團隊為了讓手機頁面能快速被讀取,而採取的技術為網站另做個cac...

鐵人賽 其他技術 DAY 29

技術 Day29– 前端小字典三十天【每日一字】– Grunt 與 Gulp

圖片來源 Grunt是什麼? 官方解釋: 「The JavaScript Task Runner」 Grunt是一個JavaScript的任務(Task)自...

鐵人賽 Modern Web DAY 17

技術 【D17 - Vue說他願意共用!?】Vue 的 Mixins

我這次標題直接給她猛烈的亂下,但其實Mixins就真的是代表一個 讓元件共用的方法,Mixin 就是指這個共用的元件,而這個元件可以包含任何的componen...

鐵人賽 Modern Web DAY 2
JavaScript 初心者筆記 系列 第 2

技術 JavaScript 初心者筆記: JavaScript 如何在網頁上運作

在正式進入基礎 JavaScript 之前,必須先初步了解它是如何與網頁中的 HTML、CSS 共同運作的。 HTML、CSS、JS 之間的關連 HTML:網頁...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10:Webpack 學習筆記

一、前言 Webpack 是網頁的打包工具。當我們的網頁越寫越大,檔案越來越多(例如一個網站有好幾個.html檔案),甚至還有使用到框架。這時候我們可以使用...

鐵人賽 Modern Web DAY 4

技術 Day 04 - 行前說明 — 談談元件化開發與開發流程

如昨天預告的一樣,今天來介紹元件化開發的技術背景,它是什麼、為什麼重要,最後再講一下元件的開發流程。 首先,「元件化開發」是由於前後端分離跟前端框架的興起而達成...

技術 [鼠年全馬鐵人挑戰] Week15 - 超新手學前端 - Bootstrap 4 概念筆記

什麼是 Bootstrap 4 Bootstrap 是一種由 HTML、CSS 和 JavaScript 寫成的前端框架,可以更快更方便的開發網站Bootstr...

鐵人賽 其他技術 DAY 16

技術 Day16– 前端小字典三十天【每日一字】– API

圖片來源 API是什麼? 圖片來源 API Application Programming Interface(應用程式介面) API 是應用程式介面, 廣...

鐵人賽 Modern Web DAY 1

達標好文 技術 【D1 - 歡迎來到前端學到暈島】我要怎麼學前端?

村長 : 請輸入您的島的名稱...: ...「前端學到暈島」 各位當你踏上這個島你就要注意到幾件事情~ 前端是一個肥大的東西,當你想要學一個工具~你就要繼...

鐵人賽 其他技術 DAY 15

技術 Day15– 前端小字典三十天【每日一字】– RWD

RWD是什麼? 圖片來源 響應式設計 (Responsive Web Design) 什麼是響應式設計, 以網路的世界來說就是, 網站會隨著設備(桌機、平板、...

鐵人賽 Modern Web DAY 10
菜菜菜的前端學習日誌 系列 第 10

技術 animation 動畫

菜菜菜的前端學習日誌 - Day10 animation 動畫 animation 就是動畫,其實它跟transition有一點像。但又有不一樣,那又有哪裡不一...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 CSS position之想去哪就去哪

瞭解 position 設定,讓網頁元素想去哪裡就去哪裡 在網頁排版設計中,並不是所有元素都會依照水平及垂直的一定流向排列,有時其中一個元素需偏向某一個方向,或...

鐵人賽 Modern Web DAY 24
AMP 系列 第 24

技術 AMP(Lession 24) - AMP 中的 iframe

AMP 中的 iframe 使用 amp-iframe 之前,有個極為重要的觀念一定要知道! amp-iframe 絕對不能主要用在顯示廣告上(請使用 amp-...

技術 【課程推薦】前端開發課程 - Sass實戰教學

各位朋友們好: 我是去年有參與第六屆it鐵人邦,分享的內容是SASS教學, 近年因應開發技術的更新,網頁/前端設計師在寫CSS時也會開始導入Sass、Less之...

鐵人賽 Modern Web DAY 7

技術 Day 07 - Design System — 前端工程師也該知道的那些事

在前一天我們知道了 Design System 為什麼出現、它試圖解決的問題和一些使用上的 Mindset 後,今天要來介紹 Design System 到底...

鐵人賽 其他技術 DAY 5

技術 Day5– 前端小字典三十天【每日一字】– HTTP

今天要筆記的內容如下: Http是什麼? URI 是什麼? Http的請求方法? Https和Http的差別? Http的狀態碼 圖片來源 Http是什麼?...

鐵人賽 自我挑戰組 DAY 7

技術 【Day7】ChatGPT請教教我:網頁入門 - jQuery

jQuery是一個2006年推出的JS函式庫三大框架盛行的至今,到了2023年還是有許多台灣的企業還在使用jQuery以初學網頁的角度,我個人認同jQuery是...

鐵人賽 Modern Web DAY 29
認識 Chrome 開發者工具 系列 第 29

技術 使用效能面版來檢測記憶體洩漏

今天算是正式文章的最後一篇 (明天要發完賽感言XD),在鐵人賽一開始的時候,我本來想規劃幾天的時間來跟大家一起來討論效能面版 (Performance pane...

鐵人賽 Modern Web DAY 28

技術 【D28 - 用Vue實作網頁】postman是哪個男人?要怎麼用他(羞)!?

postman 不是人而是一個software,專門拿來測試API~ 我曾經在這裡【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!講到API的...

技術 「Web前端程式開發實務」教材分享

昨天聽了 TonyQ 希望能讓「前端工程」真的在台灣成為一個重要的產業,深受感動。決定將先前在外面講課的講義:「Web前端程式開發實務」,分享出來。希望能夠多少...

技術 【前端動手玩創意】等待的轉圈圈效果 (1)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

鐵人賽 Modern Web DAY 21
JavaScript 初心者筆記 系列 第 21

技術 JavaScript 初心者筆記: 應用 innerHTML 與 for 迴圈將資料渲染至網頁

學會了在 HTML 新增內容之後,就可以接著學習如何運用之前學到的 for 迴圈,把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體,介紹如何將資料...

鐵人賽 自我挑戰組 DAY 9

技術 DAY09: 圖解 HTTP Chapter06 HTTP 首部 筆記精要(上)

HTTP 訊息的 header HTTP 協議的請求和回應一定含有 http header,客戶端和伺服端的 header 內容,針對處理請求和回應有所不同。請...

鐵人賽 Modern Web DAY 2

技術 【D2 - 前端島生存守則】先拿好你的地圖

要能學好前端有非常多條路~ 我自學期間合作開發了很多專案包括到職場去進修,其實大家的開發流程根所需技術都是不一樣的所以我在這邊統整出一個前端地圖~如果想要做出...

鐵人賽 Modern Web DAY 28
認識 Chrome 開發者工具 系列 第 28

技術 記憶體面版 - 記憶體分配分析器

今天我們要介紹的工具是記憶體面版中的最後一個工具: Record Allocation Profiler,這個工具可以讓我們按函數來檢視說那些函數佔用了許多記憶...

技術 JQuery 學習紀錄(1)

各位好,小弟為前端初學者,最近剛學完JQuery的一些基礎,想要將自己所理解的知識,轉化為文章分享出來,以日後忘記時,還能在文章中查找,釐清自己當時的想法,而有...