什么导致了 1px 问题? 在移动端 Web 开发中,UI 设计稿中设置边框为 1 像素,前端在开发过程中如果出现 border:1px ,测试会发现在 Retina 屏机型...
什么导致了 1px 问题? 在移动端 Web 开发中,UI 设计稿中设置边框为 1 像素,前端在开发过程中如果出现 border:1px ,测试会发现在 Retina 屏机型...
px:绝对长度单位,来描述一个元素的宽高以及定位信息 rpx:微信小程序独有的、解决屏幕自适应的尺寸单位 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-s...
浏览器的渲染 浏览器的渲染流程如下: 图:WebKit 主流程 图:Mozilla 的 Gecko 呈现引擎主流程(3.6) 结合上图,一个完整的渲染流程如下: 渲染进程解析...
positon 定义和用法:position 属性规定元素的定位类型。说明:这个属性定义建立元素布局所用的 定位机制 。任何元素都可以定位,不过绝对或固定元素会生成一个块级框...
简化:两数之和 我们先来简单的实现一个异步两数之和函数 加深:多数之和 上面我们实现了两数之和,然后扩展到多数之和喃? 提到数组求和问题,我们首先想到的是 reduce re...
引言 本文从以下几个方面走进 GET 与 POST 的区别: w3school 给出的标准答案 从 HTTP 是什么开始,深入 GET 与 POST 请求方法,即两者的本质区...
引言 本文从以下几个方面,循序渐进走进 HTTP 状态码 状态码用来做什么的 常见状态码有哪些 容易争论的点 状态码用来做什么的 HTTP 状态行中使用状态码(Status ...
引言 TCP 建立连接与断开连接的过程 TCP 泛洪攻击(TCP 建立连接过程中的攻击手段)与防护 TCP 建立连接与断开连接的过程 TCP 三次握手(连接过程) 第一次握手...
引言 本文分为以下三部分循序渐进走进 HTTP/1.x 的 keep-alive 与 HTTP/2 多路复用: HTTP/1.x keep-alive 是什么 HTTP/2 ...
常见的HTTP 缓存首部字段有: Expires:响应头,代表该资源的过期时间 Cache-Control:请求/响应头,缓存控制字段,精确控制缓存策略 If-Modifie...
HTTP 协议 HTTP(Hyper Text Transfer Protocol)协议是超文本传输协议的缩写,它是从WEB服务器传输超文本标记语言(HTML)到本地浏览器的...
引言 首先,解答本题, http 通过判断 header 中是否包含 Connection: Upgrade 与 Upgrade: websocket 来判断当前协议是否要升...
引言 本文从以下几个方面走进 GET 与 POST 的区别: w3school 给出的标准答案 从 HTTP 是什么开始,深入 GET 与 POST 请求方法,即两者的本质区...
引言 本文从以下几个方面走进 GET 与 POST 的区别: w3school 给出的标准答案 从 HTTP 是什么开始,深入 GET 与 POST 请求方法,即两者的本质区...
Promise.prototype.finally() 的作用 Promise.prototype.finally() 是 ES2018 新增的特性,它回一个 Promis...
引言 本文从五个方面介绍 Promise.any : Promise.any 的作用 Promise.any 应用场景 Promise.any vs Promise.all ...
引言 本文从四个方面循序渐进介绍 Promise.allSettled : Promise.all() 的缺陷 引入 Promise.allSettled() Promise...
监听一个变量的变化,当变量变化时执行某些操作,这类似现在流行的前端框架(例如 React、Vue等)中的数据绑定功能,在数据更新时自动更新 DOM 渲染,那么如何实现数据绑定...
引言 本文主要介绍 var 、 let 、 const 关键字的含义,并从 作用域规则 重复声明/重复赋值 变量提升(hoisted) 暂时死区(TDZ) 四个方面对比 v...
我最常用的 ES6 的特性是使用最多的,包括类、模块化、箭头函数、函数参数默认值、模板字符串、解构赋值、延展操作符、Promise、let 与 const等等,这部分已经是开...