iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

30天學習30套前端技術(2018年) 系列

用淺顯易懂的說明方式,簡易入門2018年必須具備的前端相關技術。

鐵人鍊成 | 共 61 篇文章 | 263 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 [十分鐘學習] DataTables - 替表格穿上鋼鐵衣

DataTables是jQuery的JavaScript函式庫,目的是強化表格操作(如搜尋、排序),並自動加入元件引入表格中,使用非常靈活且簡易 GitHu...

2017-12-20 ‧ 由 mfhsueh 分享
DAY 2

[十分鐘學習] Lazy Load - 上班打卡外,圖片也要壓線載入

Lazy Load幫高度較長的網頁,進行延遲載入圖片,尚未瀏覽到該部份時,不會載入視角外的圖片,提高效率 GitHub Star: 6,900Javascr...

2017-12-21 ‧ 由 mfhsueh 分享
DAY 3

[十分鐘學習] JQuery lightSlider - 圖片滑起來

JQuery lightSlider是一套輕量且響應式的跑馬燈/幻燈片、附有縮圖導覽。另有相本功能、垂直跑馬燈,應用層面廣泛 GitHub Star: 1,...

2017-12-22 ‧ 由 mfhsueh 分享
DAY 4

[十分鐘學習] ALERTIFY.js - 提示訊息美肌

ALERTIFY.js是為了美化通知訊息而生的JavaScript框架 GitHub Star: 4,300Javascripting Overall: 6...

2017-12-23 ‧ 由 mfhsueh 分享
DAY 5

[十分鐘學習] pickadate.js - 日期/時間選擇器

對行動裝置友善、響應式且輕量化的日期/時間選擇器 GitHub Star: 7,200Javascripting Overall: 81%瀏覽器: Chro...

2017-12-24 ‧ 由 mfhsueh 分享
DAY 6

[十分鐘學習] Chosen - 下拉式選單全面進化

Chosen是一套jQuery的套件,目的是讓又長又笨重的下拉式選單變得更友善 GitHub Star: 21,000Javascripting Overa...

2017-12-25 ‧ 由 mfhsueh 分享
DAY 7

[十分鐘學習] typeahead.js - 文字欄位顯示建議列表

由Twitter所推出,靈活紮實的建議列表函式庫 GitHub Star: 14,800Javascripting Overall: 85%瀏覽器: Chr...

2017-12-26 ‧ 由 mfhsueh 分享
DAY 8

[十分鐘學習] Textillate.js - 絢麗文字動畫特效

Textillate.js結合很多很棒的函式庫,簡單應用CSS3動畫特效 GitHub Star: 3,100Javascripting Overall:...

2017-12-27 ‧ 由 mfhsueh 分享
DAY 9

[十分鐘學習] Chart.js - 圖表繪製

對設計師或開發人員,淺顯易懂的的JavaScript圖表應用 GitHub Star: 34,100Javascripting Overall: 97%瀏覽...

2017-12-28 ‧ 由 mfhsueh 分享
DAY 10

[十分鐘學習] highlight.js - 程式碼上色外掛

針對Web程式碼所做的高亮顯示上色 GitHub Star: 11,300Javascripting Overall: 90%瀏覽器: Chrome、Fir...

2017-12-29 ‧ 由 mfhsueh 分享