传统的 JavaScript 程序使用函数和基于原型的继承来创建可重用的组件，从 ES6 开始，JavaScript 程序能够使用基于类的面向对象的方式。使用 TypeScript，你可以使用 ES6 中规定的新特性，编译后的 JavaScript 可以在所有主流浏览器和平台上…

公司某个项目有个高亮显示代码的功能，在网上找了下相关的插件，决定使用 highlight.js 这个插件，碰到一些问题，在这里记录一下。哪里说的不对欢迎大家来指正。 官网地址 highlight.js

设计和封装一个前端埋点上报脚本， 并逐步思考优化这个过程。 我们先用最直接的方式来实现这个埋点上报脚本。 这样子就能通过调用analytics()，往我们的统计服务端提交一条消息，并指明一个行为类型。 head请求方式和参数传递方式与get请求一致，也会受限于浏览器，但因为其不…

我们先来看看 官方文档中keep-alive 的用法。 max: 最多可以缓存多少组件实例。(2.5.0 新增, 一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉) keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁他们。…

前端路由是根据后端返回的菜单设置，自动生成的，理论是不限嵌套层级的。 管理员区域 和 用户管理 这两个只用于过渡。我在项目中，这种过渡的路由采用 path: '/' + randomChars()，组件使用 <template><router-view/></template>…

前一段时间有个朋友去面试被问到:使用虚拟DOM一定会比直接操作真实DOM快吗?朋友很自信的回答:是的，一定。然后，他就没有然后了。

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤…

前言 背景 无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了。 但是，有木有一种可能，你们一路果奔的前端项

redux这么难用，都2022年了，比redux好用的状态管理库真的很多，zustand就是其中一个！