iT邦幫忙

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

技術 [十分鐘學習] toastr - 簡易提示訊息

toastr是一套提示訊息JavaScript函式庫,必須載入jQuery,宗旨是利用簡單的程式碼函式庫來做客製化跟擴充。toastr提供一個範例頁面toas...

技術 [筆記][JavaScript]關於陣列的基本操作

陣列和物件很像(其實陣列也是物件,但這時候說的是使用上相似),都是由一個索引對上一個值,但唯一不同的是,陣列的索引是由零開始的數字,每個數字都會對應一個值,這些...

鐵人賽 Modern Web

技術 [十分鐘學習] Swiper - 最新潮的幻燈片/跑馬燈效果

Swiper是時下完整的幻燈片/跑馬燈套件,使用效能高,並可運用在行動裝置上及混和式App上,不但在最新版本的iOS上運作很好,在Android、Window...

鐵人賽 Modern Web

技術 [十分鐘學習] List.js - 資料排序

對表格、清單、各式各樣的物件,增加搜尋、排序、過濾和靈活性,無形的建立在HTML內,極簡易也易於使用。即便周邊套件不如DataTables,但不依賴jQuer...

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

技術 JavaScript - 屬性描述器 (2)

取值器 與 設值器 上一篇介紹了幾種屬性的特徵:writable、configurable、enumerable、value。尚未介紹的兩種特徵分別是 get...

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

技術 JavaScript - 屬性描述器 (1)

在 ES5 之後,JavaScript 允許開發者調整屬性的描述器。 在此之前,先讓我們重新認識一下屬性。 常常我們會認為屬性就是 key/value 的組合,...

鐵人賽 Modern Web

技術 [十分鐘學習] TinyMCE - HTML編輯器

功能豐富的JavaScript的HTML編輯器,功能齊全且輕量級。另外要注意TinyMCE對IE11以上才可運行 GitHub Star: 5,000Jav...

鐵人賽 Modern Web

技術 [十分鐘學習] Faker.js - 做假資料的利器

可以在瀏覽器或Node.js產生大量的假數據。測試時期相當方便的東西,也可以透過Google Extension來運作 GitHub Star: 12,90...

鐵人賽 Modern Web

技術 [十分鐘學習] Handlebars.js - 輕量型模板套件

Handlebars主要是讓你在做語意型模板(semantic templates)更有效率、且不容易受挫,並且相容Mustache模板,大多數可以直接互換使用...

技術 [筆記][JavaScript]物件間基本的原型鏈(2)

HIHI,繼上一篇[筆記][JavaScript]物件間基本的原型鏈(1)講了Object.create()的方式後,這次來提一下Object.setProto...

鐵人賽 Modern Web

技術 [十分鐘學習] ScrollToFixed - 捲軸碰觸到即刻釘住

這是一套可以將元素釘住(置頂、置底都可以)的jQuery的套件,向左和向右則不影響 GitHub Star: 1,700Javascripting Over...

鐵人賽 Modern Web

技術 [十分鐘學習] Headroom.js - 活化導覽列

把網站空間發揮至到極限,不需要導覽列時隱藏,需要的時候出現。搭配Animate.css可以讓畫面更活潑,另外也支援jQuery或Angluar。 GitHu...

鐵人賽 Modern Web

技術 [十分鐘學習] FullCalendar - 滿版行事曆

設計一套滿版、且可拖曳事件的行事曆。Bootstrap的排版風格,可讀入JSON格式資訊,安裝容易,支援響應式排版,要做行事曆的極佳利器 GitHub St...

鐵人賽 Modern Web

技術 [十分鐘學習] Store.js - 前端微型暫存DB

針對任何專案,都可以做的跨瀏覽器的資料存取,全站都可以運作,瀏覽器支援度高,小專案不想導入大型框架不錯的選擇 GitHub Star: 10,000Java...

鐵人賽 Modern Web

技術 [十分鐘學習] fullPage.js - 全頁式導覽

建立一個全頁式導覽的網站 GitHub Star: 22,000Javascripting Overall: 88%瀏覽器: Chrome、Firefox和...

技術 [筆記][JavaScript]物件間基本的原型鏈(1)

兩個物件間的原型關係和繼承有關,每個物件都可以有另一個物件做為他的原型,如此一來,前者就會繼承後者的所有特性。 如果要為物件指定「原型」,可以使用物件函式Obj...

鐵人賽 Modern Web

技術 [十分鐘學習] p5.js - 繪畫套件

p5.js是一套JavaScript函式庫,有完整的繪畫功能,並不侷限在畫布上,你可以把整個瀏覽器當作你的草稿,另外有套件可以讓你更容易去做HTML5物件互動...

鐵人賽 Modern Web

技術 [十分鐘學習] howler.js - 音源播放函式庫

howler.js是針對時下網站的一套音源播放函式庫,預設為Web Audio API和HTML5 Audio,可以透過JavaScript播放聲音變得更簡單...

鐵人賽 Modern Web

技術 [十分鐘學習] clipboard.js - 複製/貼上

複製內容到剪貼簿的小工具,不依賴Flash,大小只要3KB GitHub Star: 20,000Javascripting Overall: 90%瀏覽器...

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