iT邦幫忙

前端相關文章
共有 536 則文章
鐵人賽 Modern Web DAY 27
認識 Chrome 開發者工具 系列 第 27

技術 記憶體面版 - 記憶體分配時間線

今天我們要透過記憶體面版的另一個工具來檢測記憶體洩漏的這個問題,先來看一下今天我們要用來檢測的程式: 今天的測試程式範例一樣來自官方文件,而我也把範例程式放到...

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

技術 JavaScript 初心者筆記: 簡易 to-do list 練習

學會了 localStorage 跟 data-* 屬性後,今天就可以結合這兩者試著寫一個 to-do list 囉! 先貼個成品的程式碼連結。 HTML 部...

鐵人賽 自我挑戰組 DAY 3

技術 Day03:JavaScript 設計模式 第四章函式 筆記精要(上)

接下來會學習到不同定義的函式,首先是函式表達式和函式宣告式,接著看函式作用域與 hosting 如何運作。 背景 JavaScript 有兩個主要特色: 函式...

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

技術 網路面版 - HTTP 請求列表

今天我們要來看 HTTP 請求列表的欄位所代表的意義 HTTP 請求列表 請先打開開發者工具並切換到網路面版,然後重新載入畫面一次。這時候你的 HTTP 請求列...

徵才 「傑富資訊」專注研發! 持續擴大招募中!

◆公司簡介【專注研發,追求創新】我們是一群致力於遊戲軟體開發,流著年輕活力血液的創新團隊,傑富資訊總部坐落於台中市北屯區,公園綠景與風格建築比鄰而居,星巴克、春...

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

技術 AMP(Lession 27) - sidebar 的設定

sidebar 的設定 在手機網站上,常常會有把頁面選項放在 sidebar 中的狀況;就像下圖這樣: 按了某個按鈕,才會出現 Required Script...

鐵人賽 Modern Web DAY 16

技術 【D16 - 用Vue實作網頁】等等!!我還對JacaScript不熟www

昨天寫到了一串code,如果對於JS沒有基礎的人可能會頭很大XD .then(function(data) { this.blogs = data....

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

技術 AMP(Lession 9) - AMP中使用Lightbox

AMP中使用Lightbox 在上一篇文章我們有點到 lightbox ,現在我們就來講講 lightbox 吧! 在 AMP 中有2個套件具有 lightbo...

鐵人賽 Modern Web DAY 5

技術 HTML Tags

菜菜菜的前端學習日誌 - Day5 Html Tags 首先先講一下Html Tags大部分由一個 開始Tag 及一個 結束Tag 所組成 例如上一篇所講到的段...

活動 [台北科大 分享會] Google Chart 網頁圖表產生器

[台北科大 分享會 Tech Workshop] Google Chart 網頁圖表產生器 2017/01/18 週三 晚上 19:30~21:00 課程主...

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

技術 JavaScript 初心者筆記: 物件簡介

物件的意義 物件就是將各種變數與函式整理成一個懶人包,不過在物件中,變數稱為「特性」,特性可以告訴我們有關物件的特徵;而函式稱為「方法」,方法代表物件所連結的相...

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

技術 AMP(Lession 8) - carousel輪播圖片〈進階篇〉

carousel輪播圖片〈進階篇〉 為 amp-carousel 設定 id 後跳轉圖片 透過 <amp-carousel> 給定 id 值;例:...

鐵人賽 自我挑戰組 DAY 2

技術 Day2:YDKJS 第二次讀書會

本週進度: Chapter5 值 大家的三個重點: Andy: array 是被數字索引的(正如你所想的那樣),但微妙的是它們也是 Object ,可...

技術 2020 最新前后端编程学习视频

2020 最新前后端编程学习视频 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程(63 个视频...

鐵人賽 Modern Web DAY 25

技術 【D25 - Vuex】給你一個方便的儲藏室!!

Vuex是一個非常方便且非常好用的的開發vue工具,他有點類似於react的redux~ 今天簡短介紹一下Vuex,明天就可以來實踐今天講到的東西囉! 甚麼...

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

技術 指南針效果

菜菜菜的前端學習日誌 - Day22 好玩兒~ 最近接了一個小案子是要做手機版的網頁,其中有一個小功能就是指南針!! 當下茫茫然...不知道要如何下手做@口@...

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

技術 JavaScript 初心者筆記: this 關鍵字

關於 this 有許多大神有相當詳盡的解說,例如 Kuro 大的優質好文,不過身為一個初心者,先對 this 有個粗淺的認識再延伸閱讀,我想會比較適合。 關鍵...

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

技術 寫在最後

今天是鐵人賽的最後一天,本來這一天也是要寫技術內容,不過後來想想還是來寫參賽的心得好了XD 其實這並不是我第一次參加鐵人賽,去年我也有報名並且也有發文,雖然只發...

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

技術 JavaScript 初心者筆記: 在迴圈中 take a "break"

當我們在執行迴圈時,不一定要從頭到尾都做完,有時候只要找到一個符合條件的值,後面就可以不用跑程式碼了。如果是這種情形,那就可以用關鍵字 break 退出迴圈。...

技術 前端面試必考題: Promise

這篇文章會是參考這篇文章,並且濃縮出重點,最後也會有幾題測驗,方便驗收學習狀況,那麼我們進入今天的文章: Promise 什麼是 Promise? Promis...

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

技術 好用的Array Method(賦值)

菜菜菜的前端學習日誌 - Day16 Array Method(賦值) 昨天已經介紹了幾個好用的Array Method,今天兒在介紹一些常用的Method~一...

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

技術 AMP(Lession 14) - Facebook 的粉絲專頁外掛程式

Facebook 的粉絲專頁外掛程式 方便您在自己的網站上內嵌和推廣任何公開的 Facebook 粉絲專頁。user 不用離開網站,便可對粉絲專頁按讚和分享。...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11:Position 功能實作

組件實作 : Demo、Demo2 一、前言 原本預定這篇要來寫 pug 的學習筆記, 但是對於 CSS 的 Position 的用法還有一點不熟悉,所以...

鐵人賽 Modern Web DAY 10

技術 Day 10:Form 驗證功能實作

組件實作 : Demo 一、前言 驗證功能(Validate)用途在於能夠避免使用者輸入不符合格式的資料,統一的資料格式方便讓程式處理。Form 表單內容...

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

技術 AMP(Lession 5) - 依區塊而改變文字大小 amp-fit-text

依區塊而改變文字大小的 amp-fix-text 支援的 layout 值 可使用在具有 display: block 與 display: inlline-b...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10:Webpack 學習筆記

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

鐵人賽 Modern Web DAY 2

技術 我的武器從一把槍變成了電腦-中

菜菜菜的前端學習日誌 - Day2 好勒!!天橋下說書第二集要開始啦 花錢 在決定要成為一名軟體工程師後,我我我......花了一大筆錢去了某知名電腦補習班,報...

技術 深入理解React Diff算法

點擊進入React源碼調試倉庫。 上壹篇React狀態計算解密 之後,我們來分析壹下Diff的過程。 fiber上的updateQueue經過React的壹番計...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12:Google Maps API

組件實作 : Demo 一、前言 網頁上要顯示店家、場地等地理位置資訊,都會使用到 Google 地圖來輔助。在這個篇章中,我們要來研究關於 Google...

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

技術 AMP(Lession 29) - 視覺效果的集合

視覺效果的集合 amp-fx-collection 能幫我實現,所有的願望(誇張了) 今天要講的 amp-fx-collection 可以幫我們在 AMP 的世...