目的:
* 優化 jQuery scroll 與 resize 的事件觸發
* 大幅減少重複的代碼,達到效能優化
> 參考文章:delay-scroll-handlers-javascript
[https://dannyvankooten.com/delay-scroll-handlers-javascript/]
底下文章皆以 scroll 事件為例:
--------------------------------------------------------------------------------
情境:
我們在開發互動式網站時,通常 scroll 事件都是少不了的,現在很多 UI 的設計都會對 滾動 這個事件進行客制化,畢竟他是使用者與網站最主要的互動。
在程式端,如果你使用是
使用jQuery在 WordPress 中實做ajax無限捲軸:
參考文章:getting-loopy-ajax-powered-loops-with-jquery-and-wordpress–wp
[https://code.tutsplus.com/articles/getting-loopy-ajax-powered-loops-with-jquery-and-wordpress--wp-23232]
--------------------------------------------------------------------------------
一、前製準備:
* 在網站版型目錄下新增一個 .php 的 file (此以 loopHandler.php 為此 php 檔案做命名)
* 在網站版型目錄下新增一個 js 目錄以存放所需的 js 檔案
* 於 剛新增的 js
* 使用 node.js 建構簡單的 TCP server
* 藉由建制的過程初步運作與了解 TCP 所謂的 “三次握手”
--------------------------------------------------------------------------------
TCP 傳輸協定:
傳輸控制協定(英語:Transmission Control Protocol,縮寫為 TCP),是一種連接導向的、可靠的、基於位元組流的傳輸層通訊協定
--------------------------------------------------------------------------------
運作方式 :
TCP用三路握手(three-way handshake)過程建立一個連線。
如圖示,分為三個階段:
* 第一階段:client端
JSON
是個以純文字為基底去儲存和傳送簡單結構資料,你可以透過特定的格式去儲存任何資料(字串,數字,陣列,物件),也可以透過物件或陣列來傳送較複雜的資料。一旦建立了您的
JSON 資料,就可以非常簡單的跟其他程式溝通或交換資料,因為 JSON 就只是純文字個格式:
--------------------------------------------------------------------------------
JSON.Stringify() 與 JSON.Pares() :
上述的 JSON 是一個型別(Type),是一個 Array Type。我們不能儲存或傳送「Type」,所以要將 Type
轉成字串(