原创 前端優化之 Http 相關優化總結

學習和總結文章同步發佈於 https://github.com/xianshanna...,有興趣可以關注一下,一起學習和進步。 Http 優化方式是前端性能優化的重要部分,也是前端必備的知識點之一。 減少靜態資源文件大小 這個是最根本的

原创 HTTPS 的基本原理

HTTPS = HTTP + TLS/SSL,簡單理解 HTTPS 其實就是在 HTTP 上面加多了一層安全層。HTTP 可以是 Http2.0 也可以是 Http1.1,不過現在 Http2.0 是強制要求使用 Https 的。 HTTP

原创 訂閱發佈模式和觀察者模式的區別

首選我們需要先了解兩者的定義和實現的方式,才能更好的區分兩者的不同點。 或許以前認爲訂閱發佈模式是觀察者模式的一種別稱,但是發展至今,概念已經有了不少區別。 訂閱發佈模式 在軟件架構中,發佈-訂閱是一種消息範式,消息的發送者(稱爲發佈者)不

原创 JavaScript 的一些常用設計模式

設計模式的定義:在面向對象軟件設計過程中針對特定問題的簡潔而優雅的解決方案 設計模式是前人解決某個特定場景下對而總結出來的一些解決方案。可能剛開始接觸編程還沒有什麼經驗的時候,會感覺設計模式沒那麼好理解,這個也很正常。有些簡單的設計模式我們

原创 Svelte 框架探索

svelte 是 rollup 的作者 Rich Harris,前端界的輪子哥。sevlte 項目首次提交於 2016 年 11 月 16 日,目前版本是 3.6.1(2019-06-27),v3 版本進行了大改動。 看下 2016-12-

原创 Vue 組件間通信方式

Vue 是數據驅動的視圖框架,那麼組件間的數據通信是必然的事情,那麼組件間如何進行數據傳遞呢? 首先組件間通信有父子組件、兄弟組件、堂兄弟組件、叔侄組件等,分類太多可能不好理解,我們暫且分爲: 父子組件通信 子父組件通信 非父子組件通信

原创 Vue 組件生命週期鉤子函數

Vue 組件生命週期鉤子函數 所謂生命週期鉤子函數(簡稱生命週期函數),指的是組件的創建、更新、銷燬三個階段所觸發執行的函數。根據每個階段觸發的鉤子函數,我們可以相應的做一些操作,如獲取後端接口數據、監聽事件、執行事件、執行定時器、移除事件

原创 JavaScript 之函數式編程

同步發佈於 https://github.com/xianshanna... 是個程序員都知道函數,但是有些人不一定清楚函數式編程的概念。 應用的迭代使程序變得越來越複雜,那麼程序員很有必要創造一個結構良好、可讀性好、重用性高和可維護性高的

原创 JavaScript之錯誤異常探討

同步發佈於 https://github.com/xianshanna... 我的建議是不要隱藏錯誤,勇敢地拋出來。沒有人會因爲代碼出現 bug 導致程序崩潰而羞恥,我們可以讓程序中斷,讓用戶重來。錯誤是無法避免的,如何去處理它纔是最重要的