APM介绍 前端APM（Application Performance Manage）是对线上运行状况进行监控的一种手段，通过APM能够实时监控线上的脚本异常、页面白屏、网络延迟，以及从各个维度对各个

使用Git差不多有一年了，命令行也用的越来越多，所以把工作中常用到的操作在这里总结一下，以便更好的回顾与查询。 $ git ci(commit) . # → 提交本次修改 (<commit>|HEAD)^n，指的是HEAD的第n个父提交，可以通过在“^”后面跟上一个数字，表示第…

图片由 Pexels 提供。 我是一名初学者，在 Google 优化排名中，我可以达到 99/100。如果我可以做到，那么您也可以。 如果您和我一样，喜欢证据。下面是 Google 的 PageSpeed Insights 结果。hasslefreebeats 是我维护的网站，…

flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 根据指定元素，在数组里面找出 ff 数组（ff 数组这个名字是我瞎说的）。比如数组 [2, 3, 6, 7] ，指定元素 7，则 ff 数组是 [2, 2, 3]（2+2…

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

如果你没看过上篇,请戳链接过去先看一下再回来,否则,你会觉得本文摸不着头脑. 上经过复杂计算得来的,刚好这个getName要在好多个地方使用,那么我们就得复制好几份. 只有当依赖改变的时候,才要重新计算. 当项目越来越大的时候,单个 store 文件,肯定不是我们想要的, 所以…

考察频率指相关问题的考察频率，并非只是提到的点。 变量声明和函数声明都会提升，但函数会提升到变量前。 具体解释可参考《你不知道的JavaScript（上卷）》 同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。若地址里面的协议、域名和端…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

前几篇文章都在讲 React 的 Concurrent 模式, 很多读者都看懵了，这一篇来点轻松的，蹭了一下 Vue 3.0 的热度。讲讲如何在 React 下实现 Vue Composition API(下面简称VCA)，只是个玩具，别当真。 实现 'React' Compo…