什么導致了 1px 問題？ 在移動端 Web 開發中，UI 設計稿中設置邊框為 1 像素，前端在開發過程中如果出現 border:1px ，測試會發現在 Retina 屏機型...
發簡信
IP屬地：上海
-
如何解決移動端 Retina 屏 1px 像素問題 ？
-
px、rpx、em、rem 、vw/vh、百分比的區別？
px：絕對長度單位，來描述一個元素的寬高以及定位信息 rpx：微信小程序獨有的、解決屏幕自適應的尺寸單位 em：相對單位，基準點為父節點字體的大小，如果自身定義了font-s...
-
CSS 會阻塞 DOM 解析嗎？
瀏覽器的渲染 瀏覽器的渲染流程如下： 圖：WebKit 主流程 圖：Mozilla 的 Gecko 呈現引擎主流程（3.6） 結合上圖，一個完整的渲染流程如下： 渲染進程解析...
-
position 屬性有哪些值，各有什么特點？
positon 定義和用法：position 屬性規定元素的定位類型。說明：這個屬性定義建立元素布局所用的 定位機制 。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框...
-
淺入淺出實現一個異步求和函數
簡化：兩數之和 我們先來簡單的實現一個異步兩數之和函數 加深：多數之和 上面我們實現了兩數之和，然后擴展到多數之和喃？ 提到數組求和問題，我們首先想到的是 reduce re...
-
你真的了解 GET 和 POST 嗎，它們的區別是什么？
引言 本文從以下幾個方面走進 GET 與 POST 的區別： w3school 給出的標準答案 從 HTTP 是什么開始，深入 GET 與 POST 請求方法，即兩者的本質區...
-
HTTP 狀態碼有哪些？該怎么用？
引言 本文從以下幾個方面，循序漸進走進 HTTP 狀態碼 狀態碼用來做什么的 常見狀態碼有哪些 容易爭論的點 狀態碼用來做什么的 HTTP 狀態行中使用狀態碼（Status ...
-
TCP 的三次握手和四次揮手，了解泛洪攻擊么
引言 TCP 建立連接與斷開連接的過程 TCP 泛洪攻擊（TCP 建立連接過程中的攻擊手段）與防護 TCP 建立連接與斷開連接的過程 TCP 三次握手（連接過程） 第一次握手...
-
了解 HTTP/1.x 的 keep-alive 嗎？它與 HTTP/2 多路復用的區別是什么？引言 本文分為以下三部分循序漸進走進 HTTP/1.x 的 keep-alive 與 HTTP/2 多路復用： HTTP/1.x keep-alive 是什么 HTTP/2 ...
-
有關 HTTP 緩存的首部字段說一下
常見的HTTP 緩存首部字段有： Expires：響應頭，代表該資源的過期時間 Cache-Control：請求/響應頭，緩存控制字段，精確控制緩存策略 If-Modifie...
-
為什么說HTTPS比HTTP安全呢
HTTP 協議 HTTP（Hyper Text Transfer Protocol）協議是超文本傳輸協議的縮寫，它是從WEB服務器傳輸超文本標記語言(HTML)到本地瀏覽器的...
-
http header怎么判斷協議是不是websocket
引言 首先，解答本題， http 通過判斷 header 中是否包含 Connection: Upgrade 與 Upgrade: websocket 來判斷當前協議是否要升...
-
一文走進 HTTP 與 TCP 協議，它們的區別與聯系
引言 本文從以下幾個方面走進 GET 與 POST 的區別： w3school 給出的標準答案 從 HTTP 是什么開始，深入 GET 與 POST 請求方法，即兩者的本質區...
-
一文走進 HTTP 與 TCP 協議，它們的區別與聯系
引言 本文從以下幾個方面走進 GET 與 POST 的區別： w3school 給出的標準答案 從 HTTP 是什么開始，深入 GET 與 POST 請求方法，即兩者的本質區...
-
Promise.prototype.finally 的作用，如何自己實現 Promise.prototype.finally
Promise.prototype.finally() 的作用 Promise.prototype.finally() 是 ES2018 新增的特性，它回一個 Promis...
-
Promise.any 的作用，如何自己實現一個 Promise.any
引言 本文從五個方面介紹 Promise.any ： Promise.any 的作用 Promise.any 應用場景 Promise.any vs Promise.all ...
-
Promise.allSettled 的作用，如何自己實現 Promise.allSettled
引言 本文從四個方面循序漸進介紹 Promise.allSettled ： Promise.all() 的缺陷 引入 Promise.allSettled() Promise...
-
監聽一個變量的變化，需要怎么做
監聽一個變量的變化，當變量變化時執行某些操作，這類似現在流行的前端框架（例如 React、Vue等）中的數據綁定功能，在數據更新時自動更新 DOM 渲染，那么如何實現數據綁定...
-
var、let、const 的本質區別是什么
引言 本文主要介紹 var 、 let 、 const 關鍵字的含義，并從 作用域規則 重復聲明/重復賦值 變量提升（hoisted） 暫時死區（TDZ） 四個方面對比 v...
-
es6 及 es6+ 的能力集，你最常用的，這其中最有用的，都解決了什么問題
我最常用的 ES6 的特性是使用最多的，包括類、模塊化、箭頭函數、函數參數默認值、模板字符串、解構賦值、延展操作符、Promise、let 與 const等等，這部分已經是開...