iT邦幫忙

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

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

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

鐵人賽 開發技術 DAY 30

達標好文 技術 Day30- 入門AngularJS筆記-directive

終於到了第三十天, 這段日子大多分享angularJS內建的directive筆記, 有些內建指令可以直接完成我們想要的效果。 但有些內建的指令無法滿足需求,...

鐵人賽 Modern Web DAY 3
30 天精通 RxJS 系列 第 3

達標好文 技術 30 天精通 RxJS (02): Functional Programming 基本觀念

本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...

鐵人賽 Modern Web DAY 2

技術 【React.js入門 - 02】 環境設置(下) - 使用create-react-app

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 1
30 天精通 RxJS 系列 第 1

達標好文 技術 30 天精通 RxJS (00): 關於本系列文章

本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...

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

達標好文 技術 JavaScript - call,apply,bind

call、apply、bind 三者都是 JavaScript Function 的內建函式,他們與 this 的關係重大,除此之外,call & ap...

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

達標好文 技術 重新認識 JavaScript: Day 09 流程判斷與迴圈

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

鐵人賽 自我挑戰組 DAY 12

技術 Day 12: 正規表示式(Regular Expression)

表示式var pattern = new RegExp(s$) or var pattern =/s$/ 代表著以s結尾的字串都匹配。 透過 \ (ba...

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

達標好文 技術 重新認識 JavaScript: Day 01 前言

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

鐵人賽 Modern Web DAY 11

達標好文 技術 第11車廂-table界的神器!DataTables介紹篇(1)

延續上篇的table介紹,原本功能都要自己寫,那有沒有工具可以直接套用呢?有的!那就是神器DataTables拉! 簡介 DataTables 是 jQue...

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

達標好文 技術 重新認識 JavaScript: Day 26 同步與非同步

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

鐵人賽 Modern Web DAY 11
前端工程師養成手冊 系列 第 11

達標好文 技術 如何設計吸引人的前端履歷

履歷是你與職場接軌的重要門票,許多資深 HR (人資部門) 也曾經說過,他們看履歷只要不到十秒就決定你的履歷是否有參考的價值。就算你空有實力,但不了解該如何包裝...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

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

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

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

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

達標好文 技術 重新認識 JavaScript: Day 13 DOM Node 的建立、刪除與修改

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

鐵人賽 Modern Web DAY 7
前端工程師養成手冊 系列 第 7

達標好文 技術 寫爛 CODE 是學程式必經之路

在我進公司寫程式的時候,前幾年都覺得自己在產出一堆噁爛的 CODE,業界還有一個術語叫做「義大利麵的程式碼」,意思就是你寫的 CODE 就像是麵條雜亂交錯,完全...

鐵人賽 開發技術 DAY 2

技術 Day2- 入門AngularJS筆記-AngularJS指令(1): ng-model

簡單使用幾個html標籤,完成angularJS基本的雙向綁定。 如何使用? 先來看看Demo Demo: http://jsbin.com/ogecuw/1/...

鐵人賽 IT人生 DAY 1
程式和美術的大混仗 系列 第 1

技術 使用jquery跟php接json格式資料

首先請php吐一個json格式的檔案出來 <?php $city = array(); $city["0...

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

達標好文 技術 重新認識 JavaScript: Day 05 JavaScript 是「傳值」或「傳址」?

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

鐵人賽 IT技術 DAY 3
且戰且走HTML5 系列 第 3

達標好文 技術 且戰且走HTML5(3) 使用Socket.io

WebSocket必須要有伺服器端的支援才能運作,所以來看看Node.js最多人使用的Socket.IO怎麼使用。 Socket.IO是Node.js上最早的W...

鐵人賽 開發鐵人 DAY 7
HTML5試試看 系列 第 7

技術 [HTML5試試看-7] audio媒體播放

今天看了一下audio標籤,發現他繼承了一個特別的介面,專門用來控制媒體:[Media elements](http://www.w3.org/TR/html5...

鐵人賽 Modern Web DAY 1

達標好文 技術 [十分鐘學習] DataTables - 替表格穿上鋼鐵衣

DataTables是jQuery的JavaScript函式庫,目的是強化表格操作(如搜尋、排序),並自動加入元件引入表格中,使用非常靈活且簡易 GitHu...

鐵人賽 Modern Web DAY 28
前端工程師養成手冊 系列 第 28

達標好文 技術 如何規劃前端職涯,成為百萬前端

我自己是在決定成為前端工程師的第五年才達到百萬年薪的,這個時間點僅供參考,有時候選對公司或是有遇到貴人的話可以加速很多,像是初期我根本沒有任何資源,也沒遇到 m...

鐵人賽 開發技術 DAY 22

技術 Day22- 入門AngularJS筆記-AngularJS指令(19) ng-class

ng-class是什麼? 如果我們要使用angular在html中設定css樣式,我們可以使用ng-class這個指令。 改寫官方範例: 使用ng-model與...

鐵人賽 Modern Web DAY 25
前端工程師養成手冊 系列 第 25

達標好文 技術 前端工程師要不要接案?如何報價?

在江湖上混,遲早會遇到這個議題,有可能是你的朋友與親戚知道你是工程師,希望你幫他做個網站,亦或是朋友介紹廠商,詢問你是否有接外包意願都還蠻常見的,假使你從來沒接...

鐵人賽 Modern Web DAY 9

技術 [十分鐘學習] Chart.js - 圖表繪製

對設計師或開發人員,淺顯易懂的的JavaScript圖表應用 GitHub Star: 34,100Javascripting Overall: 97%瀏覽...

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

達標好文 技術 重新認識 JavaScript: Day 04 物件、陣列以及型別判斷

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

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

技術 重新認識 JavaScript: Day 17 函式裡的「參數」

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

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

達標好文 技術 重新認識 JavaScript: Day 12 透過 DOM API 查找節點

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