摘要：
# 请求协议## 请求行：request_line请求数据的第一行，用来说明当前请求的最基本信息。 GET /index.php?p=back HTTP/1.1CRLF由三块组成：1. 方式资源地址（没有域名）2. 协议版本3. `\r\n`（回车换行 CRLF）## 请求头：request_header浏览器需要传输给服务器的属性数据 - 主机，请求的主机。用于标识一台 web... 阅读全文
摘要：
Formatting Context：指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。 # BFC块级格式化上下文，它是指一个独立的块级渲染区域，只有 Block-level BOX 参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。 ## 生成浮动, 绝对定位元素, 和 display 属性为 inline-boxs、t... 阅读全文
摘要：
# [MaintainableCSS](https://maintainablecss.com/)1. 原子类几乎只有比行内样式少写几个字符这一个优点，缺点倒是一堆，最好别用2. 一味追求 “永远不要重复同样的事情两次” 会导致过度思考和过度设计，最终出现原子类3. 用 ID 设置样式不好，ID 应该用在表单字段、hash、ARIA 等特殊用途上4. 使用`.[-][-] {}`这种体现模... 阅读全文
摘要：
- 文档根元素``、拥有某些特殊样式（透明小于 1，`transform`不为`none`等）的元素会创建层叠上下文。- 未创建层叠上下文的元素会纳入上层的层叠上下文。[对 MDN 的上的例子的拓展](https://codepen.io/1010543618/pen/oVaOxP?&editable=true)```textRoot- DIV #1(z-index: 5)- DIV #2... 阅读全文
摘要：
```cssheight: 48px;line-height:16px;overflow: hidden;``` 阅读全文
摘要：
# 一：flex 大法## 步骤1. 设置外部容器 `display: flex;`2. 设置内部容器 `align-items: stretch;`## 原理> ## 示例 img1 120*200 img2 120*300 ... 阅读全文
摘要：
- 初始值：未提供指定值且未从父元素指定值继承的 CSS 属性的值。- 指定值：通过直接声明或 CSS 属性的值。- 计算值：通过需要计算得到的值，如，继承和相对的尺寸。（注意：有些计算要等到布局确定才能进行。）- 应用值：布局确定后计算得到的值，如，百分比的尺寸。- 实际值：实际值是应用值被应用后的近似值。如，一个用户代理可能只能渲染一个整数像素值的边框（实际值），并且该值可... 阅读全文
摘要：
- [在线预览](https://jsfiddle.net/1010543618/6zu1gush/)使用 [HTML 5 contenteditable 属性](http://www.w3school.com.cn/html5/att_global_contenteditable.asp) 阅读全文
摘要：
剧透：就是使用了一下 Chrome DevTools 的 Memory 功能，通过已知的属性的值在 JS 内存中查找具有该值得属性# 一：不分析一下现有的网页翻译方法么？总所周知，谷歌的网页翻译很强大，根据我的使用经验谷歌有五个途径进行网页翻译：1. 使用 Chrome 的《翻译此页》功能：这是唯一没有被墙的方法直接就能用，但无法显示原文2. 使用 google 翻译的网页翻译：这个方法可以显... 阅读全文
摘要：
123 阅读全文