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

1 Like 2 留言 2963 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day20 「使用網頁等公車」 ─ 台中公車動態系統 - 序

各位看官大家好，台嘎後鐵人賽進入了最後十天衝刺也終於可以把之前一直在說的 JS 部分拿出來說啦！這幾期開始會進入小菜鳥最近的 side project　──　...

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

1 Like 0 留言 1633 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day20_This is Ben，這是Ben你知道的。

This 今天我們講講This，到底this是this什麼東西，榮登Javascript界Top3疑惑的傢伙，常常看到別人的程式碼this來this去的到底在搞...

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

0 Like 0 留言 2648 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Good Morning, Functional JS (Day 19, Side effects)

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

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

0 Like 0 留言 4721 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 JS30-Day20-Speech Detection

Day20-課題內容在昨天的課題中我們玩了一下視訊鏡頭，今天要來玩一下麥克風聲控！[1]實作連結 Speech Recognition 透過 Web Spee...

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

0 Like 0 留言 3166 瀏覽

技術 [ES6-重點紀錄] 其他的 API 與特性擴展

在 JavaScript ES6 標準規範中，其實還有很多的新擴展、新語法、新 API 都很有特色，只是這些就比較不常用了，大部分的功能也都能使用舊方法去實現，...

Vision ‧ 2018-01-07

0 Like 1 留言 3025 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Good Morning, Functional JS (Day 18, Ramda 實作)

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

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

0 Like 0 留言 3067 瀏覽

鐵人賽 Modern Web DAY 19

I Want To Know JS 系列第 19 篇

技術 JavaScript - This Priority

在前兩篇中我們詳細的介紹了 this 的五種繫結：預設繫結隱含繫結明確繫結 new 繫結語彙繫結那當出現了同時符合兩種繫結的套用規則時，到底誰的優...

Henry Chang ‧ 2018-01-07

0 Like 0 留言 3192 瀏覽

技術 [ES6-重點紀錄] Module System 模組系統

ES6 導入了模組系統的支援，它採用了 CommonJS 與 AMD 的優點，在編譯時進行靜態加載，而且可以使用於瀏覽器與伺服器端。概念上是將一個大程序拆分成互...

Vision ‧ 2018-01-06

0 Like 0 留言 3114 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 JS30-Day19-Webcam Fun

Day14-課題內容在今天的課題當中，我們要將鏡頭攝影機所取得的影像資料，轉到 canvas 的畫布上，再將 canvas 上的像素資料透過一些方法，將我們的...

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

1 Like 0 留言 2437 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day18_開開關關這是開還是關

Closures Closures可以說是Javascript內的九陰真經，想真的精通Javascript，這是絕對、必須、不得不去完整明白的一個概念。而同時它...

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

0 Like 0 留言 2298 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 JS30-Day18-Add Up Times with Reduce

Day18-課題內容進入JS30的第十八天，今天的課題中，我們也要來處理陣列中的資料，而這次處理的資料對象為時間，我們要將每個元素的時間加總起來。[1] 進入...

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

0 Like 0 留言 3145 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Good Morning, Functional JS (Day 17, Composition - pipe )

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

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

2 Like 0 留言 21819 瀏覽

技術 [ES6-重點紀錄] Map 物件

這是 ES6 中一種新的資料結構，每組資料都有對應的 key 值與 value 值，所以 Map 在意義上類似於物件。而 key 值的範圍不限於字串，可以是各...

Vision ‧ 2018-01-06

2 Like 0 留言 10457 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 [十分鐘學習] Parallax - 某站做出視覺效果竟然是靠它

對任何裝置、相容性高的視差引擎 GitHub Star: 12,400Javascripting Overall: 85%瀏覽器: Chrome、Firef...

mfhsueh ‧ 2018-01-08

0 Like 1 留言 5530 瀏覽

鐵人賽 Modern Web DAY 18

I Want To Know JS 系列第 18 篇

技術 JavaScript - This (2)

先讓我們前情提要一下，JavaScript 中的 this 取決於 Function 的執行情境與方式，而在 You don't know JS 中，詳細的說明...

Henry Chang ‧ 2018-01-06

1 Like 1 留言 8020 瀏覽

鐵人賽 Modern Web DAY 17

I Want To Know JS 系列第 17 篇

技術 JavaScript - This (1)

在 C++ 與 Java 這類的強行別語言中，this 往往代表著物件本身。我們在這些語言中操作 this 時，就整於是直接操作物件本身。換句話說，this 在...

Henry Chang ‧ 2018-01-05

1 Like 0 留言 1732 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day17_短短的Scope2

Scope(2) 在昨天我們大概了解了Scope的原理，避免大家有瞬間失憶的困擾，我們複習一下，當我們提到 Scope 就要記得想到，我們在哪裡可以存取到變數，...

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

0 Like 0 留言 1965 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Good Morning, Functional JS (Day 16, Composition part 2)

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

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

1 Like 0 留言 12155 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 [十分鐘學習] Fine Uploader - 拖曳上傳

導入拖曳上傳檔案的好選擇，跨瀏覽器、原生JavaScript又加上百分百免費開源，只要載入一隻JavaScript就可以開始運作，不依賴其他程式 GitHu...

mfhsueh ‧ 2018-01-07

0 Like 0 留言 3209 瀏覽

技術 [ES6-重點紀錄] Symbol 資料類型

這是 ES6 中一種新的原始資料類型，表示獨一無二的值，Symbol 的值通過Symbol函數生成，可以保證不會與其他屬性名或數值產生衝突，所以很適合用來代替傳...

Vision ‧ 2018-01-06

0 Like 0 留言 3547 瀏覽

技術 [ES6-重點紀錄] class 類別語法

ES6 中的class類別，它是效仿其他程式語言擁有物件導向(OOP)的概念，取代需要原型 prototype 的操作，因為寫法更簡潔與易於理解，用來代替 ja...

Vision ‧ 2018-01-05

0 Like 0 留言 3412 瀏覽

技術 [ES6-重點紀錄] 物件語法糖的擴展

物件在 JavaScript 中是非常重要的資料結構，而在 ES6 之後擴展了它的語法結構，讓表示法變得更簡單易懂，還增加了屬性名稱的動態改變。更簡潔的表示...

Vision ‧ 2018-01-05

0 Like 0 留言 2363 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 JS30-Day17-Sort Without Articles

Day17-課題內容進入JS30的第十七天，今天要將陣列中的資料做排序的動作。[1] 進入JS30-Day17 在草稿中作者已經給了一個陣列內容，我們的目的是...

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

6 Like 2 留言 52105 瀏覽

鐵人賽 Modern Web DAY 16

I Want To Know JS 系列第 16 篇

達標好文技術 JavaScript - call，apply，bind

call、apply、bind 三者都是 JavaScript Function 的內建函式，他們與 this 的關係重大，除此之外，call & ap...

Henry Chang ‧ 2018-01-04

0 Like 1 留言 5515 瀏覽

鐵人賽 Modern Web DAY 21

從零開始的網頁設計系列第 22 篇

技術 Day21 : 基礎JavaScript(二) 點擊事件

今天直接來實作最常使用的點擊事件 html <div>按我</div> <div id="text">H...

樂樂 ‧ 2018-01-04

1 Like 3 留言 1858 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day16_Scope Basic

Scope(1) Scope是Javascript很重要的一個也非常需要花時間去消化的觀念，在一開始我們有講到，Javascript是一個很注重Lexical...

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

0 Like 0 留言 2285 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Good Morning, Functional JS (Day 15, Composition part 1)

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

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

3 Like 0 留言 5849 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 [十分鐘學習] Intro.js - 網站導覽

優化網站的導覽功能，提供步驟指南給瀏覽者，強化網站的使用體驗 GitHub Star: 16,000Javascripting Overall: 90%瀏覽...

mfhsueh ‧ 2018-01-06

7 Like 3 留言 14377 瀏覽

鐵人賽 Modern Web

重新認識 JavaScript 系列第 32 篇

技術重新認識 JavaScript 番外篇 (2) - 你所不知道的 pushState

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

Kuro Hsu ‧ 2018-01-04

9 Like 2 留言 7006 瀏覽

鐵人賽 Modern Web

重新認識 JavaScript 系列第 31 篇

達標好文技術重新認識 JavaScript 番外篇 (1) - 實用小技巧 copy 事件

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

Kuro Hsu ‧ 2018-01-03

技術 Day20 「使用網頁等公車」 ─ 台中公車動態系統 - 序

技術 Day20_This is Ben，這是Ben你知道的。

技術 Good Morning, Functional JS (Day 19, Side effects)

技術 JS30-Day20-Speech Detection

技術 [ES6-重點紀錄] 其他的 API 與特性擴展

技術 Good Morning, Functional JS (Day 18, Ramda 實作)

技術 JavaScript - This Priority

技術 [ES6-重點紀錄] Module System 模組系統

技術 JS30-Day19-Webcam Fun

技術 Day18_開開關關這是開還是關

技術 JS30-Day18-Add Up Times with Reduce

技術 Good Morning, Functional JS (Day 17, Composition - pipe )

技術 [ES6-重點紀錄] Map 物件

技術 [十分鐘學習] Parallax - 某站做出視覺效果竟然是靠它

技術 JavaScript - This (2)

技術 JavaScript - This (1)

技術 Day17_短短的Scope2

技術 Good Morning, Functional JS (Day 16, Composition part 2)

技術 [十分鐘學習] Fine Uploader - 拖曳上傳

技術 [ES6-重點紀錄] Symbol 資料類型

技術 [ES6-重點紀錄] class 類別語法

技術 [ES6-重點紀錄] 物件語法糖的擴展

技術 JS30-Day17-Sort Without Articles

達標好文 技術 JavaScript - call，apply，bind

技術 Day21 : 基礎JavaScript(二) 點擊事件

技術 Day16_Scope Basic

技術 Good Morning, Functional JS (Day 15, Composition part 1)

技術 [十分鐘學習] Intro.js - 網站導覽

技術 重新認識 JavaScript 番外篇 (2) - 你所不知道的 pushState

達標好文 技術 重新認識 JavaScript 番外篇 (1) - 實用小技巧 copy 事件

標記使用者

達標好文技術 JavaScript - call，apply，bind

技術重新認識 JavaScript 番外篇 (2) - 你所不知道的 pushState

達標好文技術重新認識 JavaScript 番外篇 (1) - 實用小技巧 copy 事件