iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 自我挑戰組 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 中...

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

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 自我挑戰組 DAY 20

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

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

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

技術 JS30-Day20-Speech Detection

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

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

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

鐵人賽 自我挑戰組 DAY 19

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

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

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

技術 JavaScript - This Priority

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

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

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

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

技術 JS30-Day19-Webcam Fun

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

鐵人賽 Modern Web DAY 18

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

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

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

技術 JS30-Day18-Add Up Times with Reduce

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

鐵人賽 自我挑戰組 DAY 18

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

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

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

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

鐵人賽 Modern Web DAY 20

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

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

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

技術 JavaScript - This (2)

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

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

技術 JavaScript - This (1)

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

鐵人賽 Modern Web DAY 17

技術 Day17_短短的Scope2

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

鐵人賽 自我挑戰組 DAY 17

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

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

鐵人賽 Modern Web DAY 19

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

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