iT邦幫忙

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

技術 [十分鐘學習] Sortable - HTML物件乾坤大挪移

Sortable可以對HTML物件做拖曳移動清單的JavaScript函式庫,支援行動裝置且不依賴jQuery等其他第三方,並相容Bootstrap等CSS框...

達標好文 技術 JavaScript ES6-重點紀錄 系列總集

這個系列是為了可以成為更好的前端工程師,所需要有的 JavaScript 技能,我把這些研究的重點都記錄下來了。 ES6 從推出到現在已經過蠻久了,應用上也很成...

鐵人賽 Modern Web

技術 [十分鐘學習] Leaflet - 全民地圖改造王

Leaflet是一套對行動裝置友善的互動地圖並且開源的JavaScript函式庫,總大小只有38KB,卻有著大多數開發人員想要需求。簡單、專業、實用並且跨平台...

鐵人賽 Modern Web

技術 [十分鐘學習] Videos.js - HTML5影片播放器

Video.js是隨著HTML5的來襲所打造的媒體播放器,支援HTML5和Flash影片,類似Youtube或Vimeo的插件,支援桌上型和行動裝置,這個專案...

達標好文 技術 [筆記][JavaScript]單一物件的基本操作

HIHI,因為最近在重看JavaScript,剛好讀到物件的使用方法,想說順便記錄一下,之後再陸續紀錄進階的使用方法和繼承。 簡單說,JavaScript的所有...

鐵人賽 Modern Web

技術 [十分鐘學習] three.js - 動畫繪製評價最高的神器

易於使用且輕量級3D函式庫,提供canvas、svg、CSS3D和WebGL渲染器 GitHub Star: 38,000Javascripting Ove...

鐵人賽 Modern Web

技術 [十分鐘學習] Slidebars - 簡易導入側欄選單

Slidebars是一套jQuery框架,提供網站或網站應用程式側欄選單 GitHub Star: 1,400Javascripting Overall:...

鐵人賽 Modern Web

技術 [十分鐘學習] Masonry - 自動排序Layout

Masonry常用於優化垂直可用位置來放置物件,你在網路上經常看到他 GitHub Star: 12,000Javascripting Overall: 78...

技術 Good Morning, Functional JS (Day 30)

標題 Good Morning,其實是希望本系列能為 Functional Programming 學習雲霧中透進一絲微光 會寫本系列文章,主要是因為想要...

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

技術 I Want To Know JS - 結語

I'm an Iron Man now! 轉眼間就過了三十天,讓我們來看看這三十天中討論了哪些主題吧! 大綱 前言 Why Do I Want To Kn...

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

達標好文 技術 重新認識 JavaScript 番外篇 (7) - 判斷式 (a == 1 && a == 2 && a == 3) 結果為 true ?

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

鐵人賽 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的部分...