iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 25
新手也能懂的JS30 系列 第 25

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

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

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

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

鐵人賽 Modern Web DAY 24
I Want To Know JS 系列 第 24

技術 JavaScript - Prototype Chain

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

鐵人賽 Modern Web DAY 24

技術 Day24_Prototype,很不Pro的筆記

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 自我挑戰組 DAY 24

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 24
新手也能懂的JS30 系列 第 24

技術 JS30-Day24-Sticky Nav

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

鐵人賽 Modern Web
重新認識 JavaScript 系列 第 35

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

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

鐵人賽 Modern Web DAY 23
I Want To Know JS 系列 第 23

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

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

鐵人賽 自我挑戰組 DAY 23

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 23
新手也能懂的JS30 系列 第 23

技術 JS30-Day23-Speech Synthesis

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

鐵人賽 Modern Web
重新認識 JavaScript 系列 第 34

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

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

鐵人賽 Modern Web DAY 22
I Want To Know JS 系列 第 22

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

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

鐵人賽 Modern Web DAY 22

技術 Day22_褲子快掉了

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

鐵人賽 Modern Web DAY 23
菜鳥前端奮鬥史(欸? 系列 第 23

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

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

鐵人賽 自我挑戰組 DAY 22

技術 Good Morning, Functional JS (Day 21, Referential Transparent 引用透明)

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

鐵人賽 Modern Web DAY 23

技術 [十分鐘學習] Toolbar.js - 工具列

一套產生工具列的jQuery套件 GitHub Star: 2,000Javascripting Overall: 53%License: MIT瀏覽器:...

鐵人賽 Modern Web DAY 22
新手也能懂的JS30 系列 第 22

技術 JS30-Day22-Follow Along Nav

Day22-課題內容 在今天的課題當中,我們要透過滑鼠事件屬性以及 CSS 屬性,在頁面上做出聚光燈。[1]實作連結 Element.getBoundingCl...

鐵人賽 Modern Web DAY 21
I Want To Know JS 系列 第 21

技術 JavaScript - 物件導向 (2) - 建立共用函式

上一篇中我們提到了如何在 JavaScript 中使用一個建構式以建立出自訂的子型別物件。接下來,如果我們想要讓一個子型別,像 Array、String 等內建...

鐵人賽 Modern Web DAY 21

技術 Day21_叫叫ABC

apply()、bind()、call() 今天來介紹這三個function,多半這三個function都與昨天介紹的this有關,我們已經了解this可以指到...

鐵人賽 Modern Web DAY 22

技術 [十分鐘學習] iScroll - 3秒變成iPhone,模擬拖曳反彈(bounds)神器

iScroll是一款高性能,檔案小,無相依性且多平台可的JavaScript拖曳滑動 GitHub Star: 10,000Javascripting Ov...

鐵人賽 自我挑戰組 DAY 21

技術 Good Morning, Functional JS (Day 20, Pure Function 純函數)

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

鐵人賽 Modern Web DAY 21
新手也能懂的JS30 系列 第 21

技術 JS30-Day21-Geolocation

Day21-課題內容 在今天的課題當中,我們要透過 Geolocation API,取得我們目前位置的經緯度。[1]實作連結-大家可以把得到的經緯度貼在 goo...

鐵人賽 Modern Web
重新認識 JavaScript 系列 第 33

達標好文 技術 重新認識 JavaScript 番外篇 (3) - 鐵人賽戰況分析

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

鐵人賽 Modern Web DAY 21

技術 [十分鐘學習] Hover.css - 強化系游標移入動畫效果

多項針對連結、按鈕、Logo、SVG和圖片的移入CSS3特效,非常容易導入進去 GitHub Star: 18,000Javascripting Overa...

鐵人賽 Modern Web DAY 20
I Want To Know JS 系列 第 20

技術 JavaScript - 物件導向 (1)

在 JavaScript 中,我們常常依賴型別的內建函式做事,舉陣列當作例子好了,我們常常使用 forEach,find 等內建函式讓我們可以對 Array 中...