iT邦幫忙

前端相關文章
共有 536 則文章
鐵人賽 自我挑戰組 DAY 11

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

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

鐵人賽 Modern Web DAY 17

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

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

技術 【前端技術分享】利用 Material-UI 統一 UI framework(by 均一前端工程師宜陞)

Why we do this: 統一「自由奔放」的 UI 框架 1 個網站套用 5 個 UI 框架 開發前端 APP 的前置作業,不外乎是根據設計師送來的設計...

鐵人賽 Modern Web DAY 2

技術 一點點前端除錯的歷史

圖 1 : 在早期電腦中發現真正的臭蟲 較早期的除錯方式 今天要來談談一點前端除錯的歷史。在開發者工具出來前,比較常見用來除錯的JavaScript 工具有 a...

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

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

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

鐵人賽 其他技術 DAY 15

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

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

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

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

鐵人賽 其他技術 DAY 1

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

圖片來源 前端需要的技能很多,需要程式與設計的跨部門溝通。 圖片來源 我很幸運有機會接觸資訊和設計領域, 踏入前端,我的學習方法是: 找幾本自己看得下去的書...

鐵人賽 Modern Web DAY 20

技術 【D20 - 用Vue實作網頁】Vue+Firebase 火力無法擋

相信很多人都知道火力基地到底有多火了XD,火力基地就是我們熟悉的Firebase~ 今天要帶各位看一下firebase基本功能還有要如何應用到我們的proje...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 其他技術 DAY 11

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

Cookies是什麼? 圖片來源 網頁與網頁間本身沒有記憶, 當你登入網站後,透過cookie 就不需要在每一個網頁都要重新登入, cookie 就像是一把鑰...

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

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

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

鐵人賽 自我挑戰組 DAY 29

技術 Day 29:前端面試題目整理

一、前言 本篇要來整理常見的面試題目,整理的目的只是為了日後方便閱讀,文章內的資訊都是從網路上收集而來,若是有侵權情況,煩請告知謝謝! 二、非關技術問題 2...

鐵人賽 Modern Web DAY 6

技術 CSS Attribute

菜菜菜的前端學習日誌 - Day6 Css Attribute 今天兒呢來一點常用的CSS屬性 CSS撰寫位置 CSS屬性該寫在哪兒呢?! 寫在<sty...

鐵人賽 自我挑戰組 DAY 7

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

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

技術 (假日研討會)台北,Muki老師-- RWD前端設計一日研討會(使用Boostrap)

(假日研討會)台北,Muki老師-- RWD前端設計一日研討會 Responsive Web Design一日實作 (使用Boostrap) http://ww...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06:Git 學習筆記

一、前言 不管前端或是後端,Git 都是一個重要的工具,Git 其實就是一堆用來控制版本狀態的指令(版本控制),還有另外一個東西叫做 GitHub,它能夠遠端...

鐵人賽 Modern Web DAY 7

技術 元素面版 - 動態編輯文件物件模型 1

今天要一起來看的面版是元素面版,如果你是第一次使用 Chrome 開發者工具,元素面版應該就會是你打開開發者工具後的第一個面版,這個面版其實是由幾個小的控制面版...

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

技術 迴圈與函數

菜菜菜的前端學習日誌 - Day13 迴圈 for 迴圈也有很多種類,而最常用的就是for迴圈for迴圈使用來執行重複的程式,最常用來取陣列的值那要怎麼寫呢 v...

技術 JQuery 學習紀錄(1)

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

技術 【課程推薦】Sass開發實戰 - 前端版型管理

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

鐵人賽 Modern Web DAY 28

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

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

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

技術 控制台面版 2 - 結合元素面版

昨天我們簡單的介紹了控制台面版的讀取-求值-輸出循環功能,今天我們要一起要來看它提供的一些方便的 API,以及如何透過這些 API 與元素面版一起使用。 常見...

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

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

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

鐵人賽 Modern Web DAY 5

技術 開發者工具面版簡介 3 - 記憶體面版、行動裝置工具欄及其他工具

到目前為止我們已經看過幾個主要的面版,今天要介紹剩下的一個面版:記憶體面版。但是除了這些面版外,其實 Chrome 開發者工具裡還有提供一些方便的工具來協助工程...

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

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

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

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

技術 原始碼面版 - 找到那個 Bug

今天我們要把 JS 除錯控制台 裡的功能講完,然後再介紹在中斷點作用中的時候,我們如何使用控制台 (Console) 來快速除錯。 使用 JS 除錯控制台 在開...

鐵人賽 自我挑戰組 DAY 22

技術 美好的幻覺:Frontend 前端

先分享下 Frontend 的發音https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fro...

鐵人賽 自我挑戰組 DAY 6

技術 不夠 Modern 不能稱之為是 Modern Web

各家的網頁、網站 開發語言,或是 相關的前後端工具,甚至是UI/UX相關的方法或是實作。 現在都是與日俱進,不管是前端的進步也好,還是前後端分離這件事情,甚至是...

鐵人賽 Modern Web DAY 10

技術 【D10 - Directives】今晚,我想對DOM做點甚麼?

前言 昨天講到了{{}}這個Vue的雙下巴之外,也提到了一些資料綁定 (Data Binding)的部分~ 但Vue可以綁定得遠遠不只頁面上的內容,Vue也可以...