原创 重溫計網之性能瓶頸
HTTPS對性能的影響 協議交互所增加的網絡RTT ( Round-Trip Time ) 加密解密相關的計算耗時 ( 瀏覽器端計算耗時 & 服務器端計算耗時 ) 影響HTTP網絡請求的因素 帶寬( 隨着網絡建設的
2020-05-19 13:20:39
原创 重溫計網之HTTP緩存（下）
HTTP緩存（下） 場景一: 讓服務器與瀏覽器約定一個文件過期時間-Expires 場景二: 在場景一的基礎上，再加一個文件最新修改時間的對比 Last-Modified & Modified-Since 場景三: Ex
2020-05-19 13:20:39
原创 重溫計算機網絡（三）
傳輸層: TCP三次握手 使用TCP協議進行通信的雙方必須先建立連接，然後才能開始傳遞數據 爲了確保連接雙方可靠性，雙方建立鏈接時，TCP協議使用了三次握手策略 三次握手過程 第一次握手: 客戶端發送帶有SY
2020-05-17 12:48:39
原创 重溫計算機網絡（二）
HTTP協議構建在TCP\IP協議之上 TCP/IP協議族: 是一系列與互聯網相關聯的協議集合起來的總稱 分層管理是TCP/IP協議的重要特徵 應用層一般是我們編寫的應用程序，決定了向用戶提供的應用服務。應用層可以
2020-05-17 12:48:39
原创 重溫計算機網絡（五）
HTTP協議深入瞭解 HTTP協議支持客戶/服務器模式 客戶端向服務器發送請求時，只需要傳送請求方法和路徑 HTTP協議簡單，HTTP服務器程序規模小，通信速度快 HTTP協議允許傳輸任意類型的數據對象，正在傳
2020-05-17 12:48:39
原创 重溫計算機網絡（一）
http: 應用層 面向對象 的通信協議 1990年10月 萬維網之父 TimBerners-Lee 最早提出了HTTP協議 1991年 HTTP0.9誕生 1996年5月 HTTP1.0發佈 1997年1月
2020-05-17 12:48:39
原创 重溫計算機網絡（四）
DNS 域名解析 網站的域名容易被記住，IP地址太難記，但TCP/IP協議使用IP地址進行訪問，而DNS服務器提供域名到IP地址之間的解析服務 查找IP地址遵循就近原則 hosts裏面找，找不到的話就求助於本地DN
2020-05-17 12:48:39
原创 重溫計算機網絡（六）
URL & URI URI: 一個緊湊的字符串，用來標識抽象的或物理的資源 URI可以分爲URL、URN或同時具備locators和names特性的一個東西 URL就像一個人的地址，URN就像一個人的名字 URN確
2020-05-17 12:48:39
原创 重溫計算機網絡（七）
HTTP報文之請求報文 HTTP的報文頭大體可以分爲四類，HTTP/1.1 中一共規範了47種報文頭字段 通用報文頭 請求報文頭 響應報文頭 實體報文頭
2020-05-17 12:48:39
原创 僞類，僞元素，權重值
僞類 :hover 當鼠標懸浮在元素上方時，向元素添加樣式 :active 向被激活的元素添加樣式 :first-child 向元素的第一個子元素添加樣式 :focus 向擁有鍵盤輸入焦點的元素添加樣式 :link
2020-05-15 06:52:24
原创 你不知道的祕密之函數柯里化
在數學和計算機科學中，柯里化是一種將使用多個參數的一個函數轉化爲一系列使用一個參數的函數的技術。 那麼前端爲什麼需要柯里化呢？ 簡化代碼結構，提高系統的可維護性和代碼的適用性 一個方法只有一個參數，就強制了功能的單一性，
2020-05-13 13:24:42
原创 重溫reduce方法，並深入探究API實現方式
回顧基本使用方式 // arr.reduce(() => {}) let arr = [1, 2, 3, 4, 5] let res = arr.reduce((prevVal, item, index, arr) =>
2020-05-13 13:24:42
原创 深入探究數組常用API學習筆記（一）
仿寫Array.prototype.forEach // [].forEach((elem, index, array) => {}) Array.prototype.forEach = function (func) {
2020-05-13 13:24:42
原创 一面面經整理
1、flex是哪些屬性的縮寫: https://www.runoob.com/cssref/css3-pr-flex.html 2、父元素設置了display:flex，兩個子元素div，一個只有一個文字，一個有兩個文字，
2020-05-13 13:24:42
原创 單行文本過多則打點顯示
.ellipsis() { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
2020-05-11 22:37:29