phxxhp

配置less https://www.jianshu.com/p/522351e7a6a6 写全局样式 http://www.qiutianaimeili.com/html/page/2021/01/

学习资料 https://developer.aliyun.com/article/61047 webpack运行流程图

背景 为了优化图片资源，使用了webp图片，但是webp图片兼容性不好，需要使用pciture标签做兼容处理。于是萌生想在开发者无感知的情况下自动将代码里面的img标签转成picture标签，并对图片

开发者工具 面板功能介绍 network(网络面板) DOMContentLoaded，这个事件发生后，说明页面已经构建好 DOM 了，这意味着构建 DOM 所需要的 HTML 文件、JavaScri

chrome架构 现代浏览器一打开会有4个进程出现 页面数据传输 ip传输 udp传输 IP 通过 IP 地址信息把数据包发送给指定的电脑，而 UDP 通过端口号把数据包分发给正确的程序 tcp传输

变量提升 所谓的变量提升，是指在 JavaScript 代码执行过程中，JavaScript 引擎把变量的声明部分和函数的声明部分提升到代码开头的“行为”。变量被提升后，会给变量设置默认值，这个默认值

栈空间与堆空间 我们把这种在使用之前就需要确认其变量数据类型的称为静态语言。相反地，我们把在运行过程中需要检查数据类型的语言称为动态语言。 把 int 型的变量悄悄转换为 bool 型的变量，我们通常

消息队列与事件循环 渲染进程里面的主线程负责： 要想在线程运行过程中，能接收并执行新的任务，就需要采用事件循环机制。 事件指的是一些io操作 循环机制则是在主线程里面有一个循环代码，一直循环。若有事件

http/0.9 产生背景(需求) 主要用于学术交流，需求很简单——用来在网络之间传递 HTML 超文本的内容 请求流程 特点 第一个是只有一个请求行，并没有 HTTP 请求头和请求体，因为只需要一个