iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 3787 瀏覽

鐵人賽 Modern Web DAY 27

新手也能懂的JS30 系列第 27 篇

技術 JS30-Day27-Click & Drag

Day27-課題內容 JS30 進入倒數第四天，在今天的課題中，我們的目標是做出可以拖曳的目錄效果。[1]實作連結進入課題要做出拖曳的功能，我們要結合目前為...

王郁翔 ‧ 2018-01-15 ‧團隊好想工作室第一屆鐵人賽

0 Like 1 留言 5905 瀏覽

鐵人賽自我挑戰組 DAY 27

Good Morning, JS functional Programing. 系列第 27 篇

技術 Good Morning, Functional JS (Day 26, Tail Calls 尾調用)

本系列文章，內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主目標：是讀懂 FP，能用 code...

LeeBoy ‧ 2018-01-15 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 4418 瀏覽

鐵人賽 Modern Web DAY 26

I Want To Know JS 系列第 26 篇

技術 JavaScript - Coding Style (2)

上一篇中，我們主要專注在討論偏向命名、排版等大多數與易讀性直接相關的議題。這篇中，我則想要分享的更偏向一些讓程式更為簡潔的小技巧。相較於上一篇，今天要講的許多...

Henry Chang ‧ 2018-01-14

0 Like 0 留言 2995 瀏覽

鐵人賽 Modern Web DAY 26

新手也能懂的JS30 系列第 26 篇

技術 JS30-Day26-Stripe Follow Along Nav

Day26-課題內容在今天的課題當中，我們要將第22天的課題 Follow Along Link HighLighter 聚光燈的效果，做進一步的利用。當我們...

王郁翔 ‧ 2018-01-14 ‧團隊好想工作室第一屆鐵人賽

1 Like 1 留言 2922 瀏覽

鐵人賽 Modern Web DAY 26

那些年，我們一起錯過的Javascript 系列第 26 篇

技術 Day26_真的頂不住了，差點陣亡。

Functional Programming 我們明白Javascript的函式是first class function，也就是function可以被當成va...

Ben the dust ‧ 2018-01-14 ‧團隊30天熱度

0 Like 0 留言 6629 瀏覽

鐵人賽自我挑戰組 DAY 26

Good Morning, JS functional Programing. 系列第 26 篇

技術 Good Morning, Functional JS (Day 25, Recursion 遞迴)

本系列文章，內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主目標：是讀懂 FP，能用 code...

LeeBoy ‧ 2018-01-14 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 12880 瀏覽

鐵人賽 Modern Web DAY 25

I Want To Know JS 系列第 25 篇

技術 JavaScript - Coding Style (1)

不論在各種程式語言中，保持良好的 Coding Style 都是很重要的。良好的 Coding Style 可以使程式邏輯更易於瞭解，不但增加專案的易讀性以及...

Henry Chang ‧ 2018-01-13

0 Like 0 留言 3582 瀏覽

鐵人賽 Modern Web DAY 25

菜鳥前端奮鬥史(欸? 系列第 25 篇

技術 Day25 「想要的參數在不同頁怎麼辦？」 ─ 把它們丟到網址上吧！ - 使用網址傳參數

各位看官大家好，台嘎後，今天要來還週末債了今日中部風光明媚，不過聽說好天氣只會持續到週四，大家要把握機會外出踏青呀上一回我們講到了可以透過給予 api 特...

阿陰 ‧ 2018-01-13 ‧團隊Lorem100+tab

1 Like 0 留言 1963 瀏覽

鐵人賽 Modern Web DAY 25

那些年，我們一起錯過的Javascript 系列第 25 篇

技術 Day25_let 薑母鴨 = New hotspot('薑母鴨')

Constructors & prototype 前面我們提到了prototype的概念，也知道了物件裡的prototype chain是怎麼回事，我們...

Ben the dust ‧ 2018-01-13 ‧團隊30天熱度

1 Like 0 留言 7153 瀏覽

技術 [ES6-重點紀錄] 開發環境建置(下) - ESLint 偵錯工具

在上一篇開發環境建置(上) - Babel 編譯工具講解 Babel 後，這篇將來介紹 ESLint ，使用 ESLint 偵錯工具來檢查 JavaScri...

Vision ‧ 2018-01-13

1 Like 0 留言 3903 瀏覽

鐵人賽自我挑戰組 DAY 25

Good Morning, JS functional Programing. 系列第 25 篇

技術 Good Morning, Functional JS (Day 24, 使用 Immutable.js)

本系列文章，內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主目標：是讀懂 FP，能用 code...

LeeBoy ‧ 2018-01-13 ‧團隊好想工作室第一屆鐵人賽

1 Like 0 留言 2993 瀏覽

鐵人賽 Modern Web DAY 25

新手也能懂的JS30 系列第 25 篇

技術 JS25-Event Capture, Propagation, Bubling & Once

Day25-課題內容在今天的課題當中，我們要針對常用的 EventTarget.addEventListener 做進一步的認識。[1] EventTarge...

王郁翔 ‧ 2018-01-13 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 12984 瀏覽

技術 [ES6-重點紀錄] 開發環境建置(上) - Babel 編譯工具

已經寫了好幾篇介紹 ES6 特色的文章，這次就來詳細介紹 JavaScript ES6 的開發環境要如何建立吧！由於文章內容有點長，就分為兩篇來討論，此篇主軸為...

Vision ‧ 2018-01-13

0 Like 0 留言 5360 瀏覽

鐵人賽 Modern Web DAY 24

I Want To Know JS 系列第 24 篇

技術 JavaScript - Prototype Chain

在之前的篇章裡已經詳細的介紹過要如何建立 JavaScript 的物件導向程式，然而我們尚未好好的看過整個全局為什麼這麼說呢？讓我們回到 Animal 與 D...

Henry Chang ‧ 2018-01-12

0 Like 0 留言 2292 瀏覽

鐵人賽 Modern Web DAY 24

那些年，我們一起錯過的Javascript 系列第 24 篇

技術 Day24_Prototype，很不Pro的筆記

Everything is Object 今天來談談prototype一些注意的細節，我們知道Javascript裡面所有的變數都是一個物件不然就是Primti...

Ben the dust ‧ 2018-01-12 ‧團隊30天熱度

0 Like 1 留言 13526 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 [十分鐘學習] Timeline.js - 時間軸

jQuery時間軸套件，使用簡單是它的優點 GitHub Star: 469Javascripting Overall: -瀏覽器: Chrome、Firef...

mfhsueh ‧ 2018-01-15

0 Like 0 留言 2350 瀏覽

鐵人賽自我挑戰組 DAY 24

Good Morning, JS functional Programing. 系列第 24 篇

技術 Good Morning, Functional JS (Day 23, Immutability 值不可變性)

本系列文章，內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主目標：是讀懂 FP，能用 code...

LeeBoy ‧ 2018-01-12 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 3594 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 [十分鐘學習] KUTE.js - 做動畫金柑單

一套成熟的原生的JavaScript動畫引擎，提供給網站開發者、設計師、動畫師相當多基本的功能，淺顯易懂的操作方式，跨瀏覽器動畫，擁有著高質量、靈活、專業且輕...

mfhsueh ‧ 2018-01-14

0 Like 0 留言 5231 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 [十分鐘學習] iCheck - 免出國，也可以幫C先生和R先生做Face Off

專為jQuery和Zepto做的高彈性客製化checkbox和radio按鈕的套件 GitHub Star: 7,000Javascripting Over...

mfhsueh ‧ 2018-01-13

1 Like 0 留言 5155 瀏覽

鐵人賽 Modern Web DAY 24

新手也能懂的JS30 系列第 24 篇

技術 JS30-Day24-Sticky Nav

Day24-課題內容進入JS30的倒數第七天，今天將透過捲動事件加上 CSS屬性的更動，讓我們的導覽列在即將滾出畫面的時候，可以固定在畫面最上方，而不會消失在...

王郁翔 ‧ 2018-01-12 ‧團隊好想工作室第一屆鐵人賽

8 Like 2 留言 5815 瀏覽

鐵人賽 Modern Web

重新認識 JavaScript 系列第 35 篇

技術重新認識 JavaScript 番外篇 (5) - 鐵人賽戰況分析 II

本系列文章已重新編修，並在加入部分 ES6 新篇章後集結成書，有興趣的朋友可至天瓏書局選購，感謝大家支持。購書連結 https://www.tenlong....

Kuro Hsu ‧ 2018-01-12

0 Like 0 留言 3924 瀏覽

鐵人賽 Modern Web DAY 23

I Want To Know JS 系列第 23 篇

技術 JavaScript 物件導向 (4) - With ES6

到上一篇為止，我們已經學會了如何使用 JavaScript 的 Prototype 寫出類似物件導向的程式。雖然如此，但是 Prototype 的繼承寫法會讓人...

Henry Chang ‧ 2018-01-11

0 Like 0 留言 1972 瀏覽

鐵人賽自我挑戰組 DAY 23

Good Morning, JS functional Programing. 系列第 23 篇

技術 Good Morning, Functional JS (Day 22, 減少副作用的方法)

本系列文章，內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主目標：是讀懂 FP，能用 code...

LeeBoy ‧ 2018-01-11 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 5916 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 [十分鐘學習] nanoScroller.js - Mac OS風格捲軸

nanoScroller.js是一套用簡單方法做出類似Mac OS X風格捲軸的jQuery套件，儘管目前沒有在持續維護，但使用上相當簡單且支援性高仍然是不錯...

mfhsueh ‧ 2018-01-12

0 Like 1 留言 1845 瀏覽

鐵人賽 Modern Web DAY 23

那些年，我們一起錯過的Javascript 系列第 23 篇

技術 Day23_先別管鐵人賽拉，你們看過新的勞基法了嗎。

prototype Prototype可以說是Javascript至關重要的一環，嚴格來說Prototype不管在哪個程式語言都是很重要的觀念，但Javascr...

Ben the dust ‧ 2018-01-11 ‧團隊30天熱度

1 Like 1 留言 7425 瀏覽

鐵人賽 Modern Web DAY 23

新手也能懂的JS30 系列第 23 篇

技術 JS30-Day23-Speech Synthesis

Day23-課題內容在第20天的課題當中，我們透過 Web API 中的 SpeechRecognition 介面，將輸入的聲音轉成字串。而今天我們要透過另一...

王郁翔 ‧ 2018-01-11 ‧團隊好想工作室第一屆鐵人賽

7 Like 0 留言 8543 瀏覽

鐵人賽 Modern Web

重新認識 JavaScript 系列第 34 篇

技術重新認識 JavaScript 番外篇 (4) - 台灣街景封面產生器 with Google map 街景

本系列文章已重新編修，並在加入部分 ES6 新篇章後集結成書，有興趣的朋友可至天瓏書局選購，感謝大家支持。購書連結 https://www.tenlong....

Kuro Hsu ‧ 2018-01-11

1 Like 0 留言 8610 瀏覽

鐵人賽 Modern Web DAY 22

I Want To Know JS 系列第 22 篇

技術 JavaScript 物件導向 (3) - 繼承原型方法

到目前為止，我們已經介紹了如何新建同個子型別的物件，以及如何讓這些物件都可能共有相同的函式。現在，我們的 JavaScript 物件導向程式已經有一個雛型了。...

Henry Chang ‧ 2018-01-10

2 Like 0 留言 2121 瀏覽

鐵人賽 Modern Web DAY 22

那些年，我們一起錯過的Javascript 系列第 22 篇

技術 Day22_褲子快掉了

Asynchronous 眾所皆知Javascript是synchronicity的，也就是同一個時間只能執行一件事情，但我們常常會聽到Asynchronous...

Ben the dust ‧ 2018-01-10 ‧團隊30天熱度

0 Like 1 留言 3445 瀏覽

鐵人賽 Modern Web DAY 23

菜鳥前端奮鬥史(欸? 系列第 23 篇

技術 Day23 「來個小插曲，聊聊心得」 ─ 那些你用過的技術，才是你的

今天從「使用網頁等公車」系列文中跳出來一下，來聊聊一些心得感言開頭就先講個結論血淋淋的體悟那些沒真正用過的技術，都不要以為自己已經懂了啊　其實我在撰...

阿陰 ‧ 2018-01-11 ‧團隊Lorem100+tab

技術 JS30-Day27-Click & Drag

技術 Good Morning, Functional JS (Day 26, Tail Calls 尾調用)

技術 JavaScript - Coding Style (2)

技術 JS30-Day26-Stripe Follow Along Nav

技術 Day26_真的頂不住了，差點陣亡。

技術 Good Morning, Functional JS (Day 25, Recursion 遞迴)

技術 JavaScript - Coding Style (1)

技術 Day25 「想要的參數在不同頁怎麼辦？」 ─ 把它們丟到網址上吧！ - 使用網址傳參數

技術 Day25_let 薑母鴨 = New hotspot('薑母鴨')

技術 [ES6-重點紀錄] 開發環境建置(下) - ESLint 偵錯工具

技術 Good Morning, Functional JS (Day 24, 使用 Immutable.js)

技術 JS25-Event Capture, Propagation, Bubling & Once

技術 [ES6-重點紀錄] 開發環境建置(上) - Babel 編譯工具

技術 JavaScript - Prototype Chain

技術 Day24_Prototype，很不Pro的筆記

技術 [十分鐘學習] Timeline.js - 時間軸

技術 Good Morning, Functional JS (Day 23, Immutability 值不可變性)

技術 [十分鐘學習] KUTE.js - 做動畫金柑單

技術 [十分鐘學習] iCheck - 免出國，也可以幫C先生和R先生做Face Off

技術 JS30-Day24-Sticky Nav

技術 重新認識 JavaScript 番外篇 (5) - 鐵人賽戰況分析 II

技術 JavaScript 物件導向 (4) - With ES6

技術 Good Morning, Functional JS (Day 22, 減少副作用的方法)

技術 [十分鐘學習] nanoScroller.js - Mac OS風格捲軸

技術 Day23_先別管鐵人賽拉，你們看過新的勞基法了嗎。

技術 JS30-Day23-Speech Synthesis

技術 重新認識 JavaScript 番外篇 (4) - 台灣街景封面產生器 with Google map 街景

技術 JavaScript 物件導向 (3) - 繼承原型方法

技術 Day22_褲子快掉了

技術 Day23 「來個小插曲，聊聊心得」 ─ 那些你用過的技術，才是你的

標記使用者

技術重新認識 JavaScript 番外篇 (5) - 鐵人賽戰況分析 II

技術重新認識 JavaScript 番外篇 (4) - 台灣街景封面產生器 with Google map 街景