javascript

JavaScript 將 JSON Object 轉為 Arrary

為了可以用 陣列(Array) 的方法對 JSON 的物件進行操作,我們必須先把 JSON 物件,轉換為 陣列(Array) -------------------------------------------------------------------------------- 說明: 拿下面 JSON object 為例: var jsonObj = {"0":"1","1":"2","

[jQuery] 事件處理技巧:Decide resize (and scroll)

相信大家對 jQuery 的 resize 與 scroll 等事件並不陌生,近期在開發 jQuery Plugin 時 , 碰到一個問題 , 我需要在 resize 事件發生時 , 針對 視窗的 放大 與 縮小 , 執行不同的 method 與 event 這類的需求,其實是非常常見的,像是 scroll 事件中,只針對滾輪在 往上 滾動時,讓隱藏的選單出現於畫面中,

jQuery事件處理技巧:Delay scroll (and resize)

目的: * 優化 jQuery scroll 與 resize 的事件觸發 * 大幅減少重複的代碼,達到效能優化 > 參考文章:delay-scroll-handlers-javascript [https://dannyvankooten.com/delay-scroll-handlers-javascript/] 底下文章皆以 scroll 事件為例: -------------------------------------------------------------------------------- 情境: 我們在開發互動式網站時,通常 scroll 事件都是少不了的,現在很多 UI 的設計都會對 滾動 這個事件進行客制化,畢竟他是使用者與網站最主要的互動。 在程式端,如果你使用是

Javascripts JSON.Stringify() 與 JSON.Pares()

JSON 是個以純文字為基底去儲存和傳送簡單結構資料,你可以透過特定的格式去儲存任何資料(字串,數字,陣列,物件),也可以透過物件或陣列來傳送較複雜的資料。一旦建立了您的 JSON 資料,就可以非常簡單的跟其他程式溝通或交換資料,因為 JSON 就只是純文字個格式: -------------------------------------------------------------------------------- JSON.Stringify() 與 JSON.Pares() : 上述的 JSON 是一個型別(Type),是一個 Array Type。我們不能儲存或傳送「Type」,所以要將 Type 轉成字串(

JavaScript 何謂物件原型 (prototype)

每個 JavaScript 物件都會有 第二個 JavaScript 的物件與之關聯,而這個第二個的 JavaScript 物件就被稱呼為 “物件原型” -------------------------------------------------------------------------------- > 而第一個物件就是從這個原型來繼承特性 參考方式: JavaScript 中我們使用下列方式來參考原型物件 Object.prototype 且像是 ECMADscript 定義的 Native(原生)物件:Object() 、 Date() 、 Array() … 也都具有著 prototype 的原型物件 而當我們使用 new 與