網路上JS相關語法的資源很多,但是需要使用時候還需要花費時間Search,所以在此紀錄開發網頁需要用的JS相關語法,畢竟Time Is Money
取得CKEditor內容
取得CKEditor內容
Callback與Promise基本使用方式
Callback與Promise基本使用方式
JavaScript立即函式(IIFE)
函式宣告完之後,立即呼叫
Javascript雙等號與三等號的差別
三個等號不會替變數值做自動轉型,兩個等號則會自動轉型
所以在JS做變數比對時候盡量使用三個等號會來的安全
JavaScript程式測試-Jasmine
程式測試大致上可分為:
單元測試:驗證單一函數與類別
整合測試:驗證多個函數與類別
系統測試:驗證整個應用程式的功能或模組
JavaScript非同步處理-Promise物件
傳統JS執行非同步處理是利用回呼函數(Callback),如果要執行多個非同步處理會以巢狀方式配置回呼函數,但會因為層次太多而形成回呼地獄
function(function(data){
function(function(data){
function(function(data){
function(function(data){
})
})
})
})
要解決這樣的問題就是使用Promise物件,上面函數改用Promise
function().then(function).then(function).then(function)
JavaScript-實作Ajax
雖然透過函式庫可以撰寫Ajax,但是了解原始的JS實作Ajax的方法會更加清楚Ajax的處理流程
JavaScript-BOM物件
所謂的BOM(Browser Object Model)指的就是瀏覽器物件,大部分瀏覽器都有支援這些功能,早期因為沒有標準規範因此常發生跨瀏覽器問題,例如同樣的功能在Chrome可以正常執行但是在IE會出現錯誤,但近年W3C已經將各家瀏覽器納入HTML5標準中,所以逐漸已經不存在跨瀏覽器的問題
Ajax取消非同步請求
最近嘗試使用RESTful API開發方式,遇到從DB獲取資料不正確的問題
重複測試之後發現是非同步所造成的,所以在這做個記錄
JavaScript-DOM操作
DOM(Document Object Model)指的是文件中(HTML、XML等)的元素、屬性或文字都被視為一個物件的集合,構成文件的每個元素、屬性或文字都稱作為節點(Node)
DOM的操作就是針對節點提供取出、新增、取代或刪除的操作
JavaScript-物件導向
JS是物件導向語言,但與JAVA或C#等物件導向語言有一些差異,JS的物件實體化概念不是類別而是稱為原型(Prototype)
此種性質是以原型為基礎的物件導向
JavaScript函數
自定義函數的方法
- 利用function指令定義
- 利用Funtion建構子定義
- 利用函數常值定義
- 利用箭頭函數定義
JavaScript-物件操作
JS的物件是可透過名稱存取的陣列,也稱為關聯陣列,但是實際上物件並不只是具名的集合,物件本身就是一個個體,包含特性與動作等元素
所以物件可以理解成是屬性+方法所形成的
JavaScript-Strict模式
Strict模式
JavaScript入門基礎
本篇文章講述一些關於JavaScript入門的基礎,例如變數、特性以及編寫方式
JSON在JavaScript中的運用
本篇文章記錄JSON在JavaScript的使用方式
JSON資料結構
JSON是一種輕量級的文字資料交換格式,因為體積小網路傳輸速度也快,所以經常被使用
在JavaScript的相關書籍裡,也經常被提到,所以用這篇文章紀錄一下使用方式
- 1