標籤: 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 的做法。