1. HTTP 缓存DNS 缓存 假设访问了百度，我们需要知道他的 ip 地址首先浏览器会问 windows，如果不知道会问电信要，电信就会返回给浏览器，此时浏览器会缓存下来（一般是一天），然后在返回给浏览器，浏览器也会缓存下来（一般是几分钟） HTTP 缓存在响应头中加入： 1Cache-Control: public, max-age=3600, mu...

Web 性能指标web 性能优化到底在优化什么？ 你可能会说优化的是用户体验，但用户体验是不可测量的，我们必须把用户体验变成可测量的指标，这些指标包括： 用户按下回车 由内容出现时（一般3秒之内还没有内容出现，用户就会比较焦虑，会关掉页面） DOM ready 事件发生（dom content loading ，代表 HTML 内容全部解析完，js 也基...

Performance 面板一般点击录制，刷新页面就好了，但是： 小技巧： 先清空 document 再点击录制 然后刷新页面 结束录制 这样分析起来比较好看 怎么看结果？ 主要看图里面的小山，选中该区域network 没啥好看的，和外面的差不多主要看 main，看脚本执行的性能 如图，从上往下就是某一次的调用，点击即可看到每块运行的那个 js， 怎...

浏览器的组成从输入网址之后，浏览器会调用自己的核心功能，他会去调用网络模块，得到网页之后，就调用到渲染引擎，渲染引擎就会开始呈现页面，如果遇到了 JS，会先用网络模块下载 JS，然后让 JS 解释器执行这个 JS。对于前端来必须关注 渲染引擎，JS解释器，网络模块 的基本原理 HTML 的解析过程12345// index.html<link -&...

一句话介绍 四舍六入五考虑，五后非零就进一，五后为零看奇偶，五前为偶应舍去，五前为奇要进一。 疑问一直以为 JavaScript 的 toFixed() 是四舍五入的，但今天却惊讶地发现：它并不是一直都会四舍五入的 121.35.toFixed(1) // 1.41.45.toFixed(1) // 1.4 为什么对于相同的尾数5的舍入，结果却不同呢？因...

如何让 WebStorm 的界面变美观步骤 将用不到的界面隐藏起来，操作方法：View => Appearance => 勾选如下 改变以下选项 如何让 WebStorm 里的代码变好看步骤 选择一个好看的字体配色，打开设置 => Editor => Color Scheme，选择...

前言webpack5 的新特性，分模块共同开发 所需环境: webpack v5 以上，由于我们用的是 vue-cli，所以需要升级 @vue/cli 到 v5 以上版本。 任何框架都可以使用 动机多个独立的构建可以组成一个应用程序，这些独立的构建之间不应该存在依赖关系，因此可以单独开发和部署它们。 这通常被称作微前端，但并不仅限于此。 底层概...

1.二进制以 0b 开头，八进制以 0 开头(注意事项：var phone = 01032878 存电话号码时，会被js误认为八进制数字，所以会出现 ‘bug’) ，16进制以 0x 开头2.css 之间的影响：3.vue组件中 data 为什么是一个函数？ 为什么组件中的 data 必须是一个函数，然后 return 一个对象，而 new Vue 实例里，...

1. :is() 和 :where()123456:is(.header, .main) p { color: red;}:where(.header, .main) p { color: red;} 其实这两个选择器等同于： 123456.header p, .main p { color: red...