iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web

技術 [十分鐘學習] Tabslet - 頁籤

一套用於頁籤的jQuery套件,輕量級且操作容易 GitHub Star: 550Javascripting Overall: 33%瀏覽器: Chrome、...

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

技術 JS30-Day30-打地鼠

Day30-課題內容 終於來到 JS30的最後一天,在今天的課題中,我們將要使用一些之前所學的技能,在頁面上做出一個打地鼠的小遊戲。[1]實作連結 進入課題 要...

鐵人賽 自我挑戰組 DAY 30

技術 Good Morning, Functional JS (Day 29, functor 函子)

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

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

達標好文 技術 JavaScript - Promise (2)

在 上一篇 中,我們已經介紹了傳統 callback 的缺點,以及 Promise 是如何克服這些缺點的。 而這篇將專注於解釋 Promise 的意義以及用法。...

鐵人賽 Modern Web DAY 29

技術 Day29_承諾就像牛奶一樣,三天就過期了

##ES6 Part 2昨天我們介紹了部分的ES6常見語法,今天接著介紹ES6其餘部分的語法啊,今天主要為 Classes & Inheritance...

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

技術 JS30-Day29-Countdown Timer

Day29-課題內容 在 JS30第二天的 JS & CSS Clock 中,我們利用Javascript中的 setInterval() 方法以及CS...

鐵人賽 Modern Web DAY 30

技術 [十分鐘學習] lightgallery.js - 燈箱

一套彈性高、模組化且響應式的燈箱jQuery套件 GitHub Star: 3,000Javascripting Overall: 72%瀏覽器: Chro...

鐵人賽 自我挑戰組 DAY 29

技術 Good Morning, Functional JS (Day 28, Trampolines)

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

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

達標好文 技術 JavaScript - Promise (1)

在上一篇中,我們介紹了 非同步 以及如何用 callback 實作,而這篇我們將開始介紹 ES6 的新語法 Promise。 在介紹 Promise 之前,我們...

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

技術 Day28 「使用網頁等公車」 ─ 就來做搜尋功能囉!

隊友的文章被推上臉書啦,可口可樂(喂 不得不讚賞一下 Jason 的學習力從剛來的時候連 HTML、CSS 是什麼都不知道,到現在已經能刻版跟自己寫一些 JS...

鐵人賽 Modern Web DAY 28

技術 Day28_活在當下

ES6 我們對於Javascript已經有了初步的認識,而在前面的文章中也提到,建議大家以未來發展的方式去撰寫Javascript Code,也就是ES6的語法...

鐵人賽 Modern Web DAY 29

技術 [十分鐘學習] Algolia Places - 強化地址輸入欄位

Algolia Places為您的網站提供一個快速、簡單的方式,自動化產生地址建議列表的JavaScript函式庫 GitHub Star: 4,200Ja...

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

技術 JS30-Day28-Video Speed Controller

Day28-課題內容 在第十一天的課題Custom Video Player中,我們製作了一個客製化影片播放器,而在今天的內容當中,我們要利用移動滑鼠來控制影片...

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

達標好文 技術 重新認識 JavaScript 番外篇 (6) - 網頁的生命週期

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

鐵人賽 自我挑戰組 DAY 28

技術 Good Morning, Functional JS (Day 27 Continuation-passing style)

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

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

技術 JavaScript - 非同步執行

今天我們要來講的事 JavaScript 的非同步執行,那何為非同步執行呢? 先別急,在了解非同步執行之前我們應該先了解何謂同步執行。 同步執行 ( Synch...

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

技術 Day27 「使用 setInterval 排程囉」 ─ 嗯?好像不太對勁啊..?

暫且說到上一回,我們把 api 給 Call 爆了那麼... 到底是怎麼把它給玩壞(#)的呢? 這一切的緣由都要從 setInterval 說起了.. 最初的...

鐵人賽 Modern Web DAY 28

技術 [十分鐘學習] Muuri - 網站Layout大躍進

Muuri是一套JavaScript Layout引擎,讓你可以建構多樣化的Layout,並具有響應式、可排序、可濾性、拖曳移動或動畫效果。 GitHub...

鐵人賽 Modern Web DAY 27

技術 Day27_轉吧轉吧七彩霓虹燈

Color Game 30天即將到了尾聲,雖然文章寫的七零八亂又超沒系統的,還是小小期盼大家有從中獲得一點什麼,而上面幾乎都只是文字介紹,很少動手code的部分...

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

技術 JS30-Day27-Click & Drag

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

鐵人賽 自我挑戰組 DAY 27

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

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

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

技術 JavaScript - Coding Style (2)

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

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

技術 JS30-Day26-Stripe Follow Along Nav

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 自我挑戰組 DAY 26

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

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

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

技術 JavaScript - Coding Style (1)

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

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

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

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

鐵人賽 Modern Web DAY 25

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

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

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

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

鐵人賽 自我挑戰組 DAY 25

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

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