窝里乐

背景 最近公司要搞前端监控，要对请求进行拦截，接口错误或者非200-400之间都上报错误数据，方便排查。ajax和axios都好说，关键在fetch的劫持中还是遇到了不少的问题。 前言 相比较于XML

1，用户输入url并回车 2，浏览器进程检查url，组装协议，构成完整的url 3，浏览器进程通过进程间通信（IPC）把url请求发送给网络进程 4，网络进程接收到url请求后检查本地缓存是否缓存了该

1.渲染进程将 HTML 内容转换为能够读懂的 DOM 树结构。 2.渲染引擎将 CSS 样式表转化为浏览器可以理解的 styleSheets，计算出 DOM 节点的样式。 3.创建布局树，并计算元素

![25053af5ae30c8be991fa14631cde0a7.webp](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b9564a07b

背景 产品：你看看这页面加载的如此之慢，怎么会有用户用呢？（并甩给了我一个录屏） 我: （抛出前端应对之策）前端需要加载vue，js，html，css这些都需要时间呀，是不是，别说还需要接口请求，数据

背景 故事回顾 当有人说你页面有性能问题，该怎么办 上次产品嫌弃我页面加载太慢，我优化了一波，但是在优化中也遇到了不少糟心事 测试: 你怎么天天在测试环境瞎搞，你看看页面好几次都报错加载不出来，你能不

背景 注：纯属虚构，如有雷同，纯属雷同。yue！！！ 前言 页面组成部分 项目初始化 项目结构 全局配置数据 container用于配置渲染区的大小关系，blocks用于在渲染区渲染对应的组建以及位置

四则运算 +特殊，一般考虑是字符串拼接，但+XX除外，是Number(XX)的作用 其余的运算* / -都是将双方变成number进行运算 对象([],{},fun都是对象)会调用toPrimitiv

一、前言 相信小伙伴们访问GitHub时经常是这样的 ↓↓ 然后各种在网上搜解决办法，什么定期更改DNS等等，然而并没什么卵用。。。 二、见证奇迹 有了它dev-sidecar，以后访问Github直