三分钟学前端An

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c265f36f49b240b781eef3f98edcba64~tplv-k3u1fbp

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/23824fca034d49ffaadbabe2097bd174~tplv-k3u1fbp

## BFC 布局规则 ### 什么是 BFC 既 Block Formatting Context（块级格式化上下文），是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，

## 什么导致了 1px 问题？ 在移动端 Web 开发中，UI 设计稿中设置边框为 1 像素，前端在开发过程中如果出现 `border:1px` ，测试会发现在 Retina 屏机型中，1px

- px：绝对长度单位，来描述一个元素的宽高以及定位信息 - rpx：微信小程序独有的、解决屏幕自适应的尺寸单位 - em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身

### 浏览器的渲染 浏览器的渲染流程如下： ![图：WebKit 主流程](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7dea0a15

### positon > 定义和用法：position 属性规定元素的定位类型。 > > 说明：这个属性定义建立元素布局所用的 **定位机制** 。任何元素都可以定位，不过绝对或固定元素会生成

## 简化：两数之和 我们先来简单的实现一个异步两数之和函数 ```js function sumT(a, b) { return await new Promise((resolve,

> 你可能了解 DNS 协议是什么？那你了解 DNS 完整查询过程是什么吗？它底层是基于 TCP 还是 UDP 喃？TCP 与 UDP 又各自负责 DNS 的哪些部分喃？ ## 引言 本文从以下