標籤: javascript 頁1
網路資源

Modern JavaScript Cheatsheet- 現代的 javascript Cheat Sheet

Modern JavaScript Cheatsheet 是一個打著收錄現代 javascript 語法的 Cheat Sheet，可以根據他的分類去找到想要的語法該如何使用。
網路資源

HTML5 Canvas Cheat Sheet- HTML5 Canvas 的簡單 Cheat Sheet

HTML5 Canvas Cheat Sheet 是一個收錄了比較簡單且常用的 HTML5 Canvas API 的網站。
教學

除了 console.log() 外，你還可以使用這些 console 的方法

說明一些 console 方法的應用。
網路資源

d3-mitch-tree- 用 D3.js 製作的互動樹枝狀圖套件

d3-mitch-tree 是用來做樹狀結構的套件，只要遵照其設定的格式就能簡單做出圖表來。
教學

利用 javascript 偵測頁面離開前的事件，避免在編輯過程中忘記存檔導致內容遺失- beforeunload event

說明利用 javascript 的 beforeunload event 來偵測使用者要離開頁面的事件，避免因為編輯後未存擋造成內容遺失的情況。
教學

利用 javascript 暫停或停止嵌入的 Youtube 影片

說明用 javascript 暫停或控制嵌入的 Youtube 影片的方法。
網路資源

[jQuery Plugin] onepageNav.js 選單與捲動位置的互動效果

onepageNav.js 就是可以用來簡單製作捲動與選單互動效果的套件，這隻是 jQuery 的，所以要先讀入 jQuery 後再讀取這隻 plugin。
網路資源

Cheatography- 收錄超過 5000 則 Cheat Sheets 的網站，包含程式語言、軟體以及遊戲...等

Cheatography 是一個收錄了超過 5000 則 Cheat Sheets 的網站，包含程式語言、軟體以及遊戲...等，如果是程式工程師，可以在上面找到像是 PHP、CSS、javascript、MySQL...的 Cheat Sheets。
網路資源

Rico’s cheatsheets- 收錄許多 web 相關程式語言語法的網站

Rico’s cheatsheets 是一個收錄許多 web 相關程式語言語法的網站，包含 HTML、javascript、CSS、git、資料庫，前端的框架、函式庫還有後端的許多程式語言都有收錄，可以給做相關工作的參考。
網路資源

HTML Cheat Sheet- 收錄 HTML、CSS 以及 javascript 相關的功能摘要以及簡單的產生器

HTML Cheat Sheet 是一個收錄 HTML、CSS 以及 javascript 相關的功能摘要的網站，裡面還有各自分類的可以產生相關語法的簡單的產生器。
教學

[Disqus API] 取得最新留言

Disqus 本來是有小工具可以直接嵌入網站，但後來改成需要透過他們的 API 才可以取得留言，這邊就來說一下該怎麼使用 API。
網路資源

Awesome Cheatsheets- 好用的熱門程式語言與框架語法整理網站

Awesome Cheatsheets 是一個收錄了許多熱門程式語言與框架語法的網站，包含像 PHP、javascript、C、C#、Laravel、Django、Vue.js、Angular、React、Docker、Xcode...等，還有很多沒有提到的，如果有興趣可以前往看看自己平常在寫的程式語言，有沒有什麼沒有用過的好用語法。
網路資源

OverAPI- 豐富收錄程式語言語法的網站

OverAPI 是一個收錄非常多程式語言語法的網站，你可以到上面去找到你正在學習或有興趣的程式語言，網站上會幫你把各個 API 的用法連結到官網的文件，非常方便。
網路資源

讓 intro.js 幫你簡單做網站功能導覽

有些時候在一些新功能或服務推出時，可能會擔心使用者不知道該怎麼用，會需要一步一步在頁面帶領使用者說明功能，這時候就可以使用這隻 intro.js 來簡單完成這個需求。
網路資源

OpenLayers- 開源的 WebGIS 服務

OpenLayers 是一個開源的 WebGIS 服務，可以利用他做出類似 Bing Maps 或 Google Maps 的服務。支援GeoRSS、KML（Keyhole標記式語言）、地理標記式語言（GML）、GeoJSON和任何來源的地圖資料，這些資料都使用OGC標準作為Web地圖服務（WMS）或Web要素服務（WFS）。
教學

使用 javascript 偵測使用者輸入特定的文字內容

如果要去抓到使用者輸入的特定一串內容後做一些判斷，而且不是在 input 欄位裡輸入，比如說打了 winner 這樣的內容後會跳出一個通知視窗之類的，可以利用 javascript 判斷輸入鍵盤抓取 keyCode 後轉換為實際的字串，再去判斷該字串內容就可以了。
教學

透過 javascript String.fromCharCode() 將 Unicode 轉換成字串

javascript 的 String.fromCharCode() 可以將 Unicode 轉換為字串。
教學

[WordPress] 在 wp_footer() 設定全站共通執行的 javascript

說明利用 WordPress 的 hook 來在網頁的 wp_footer() 撰寫全站供通的 js 的做法。