两年前，我写了一篇关于业务缓存的博客 前端 api 请求缓存方案, 这篇博客反响还不错，其中介绍了如何缓存数据，Promise 以及如何超时删除（也包括如何构建修饰器）。如果对此不够了解，可以阅读博客进行学习。 但之前的代码和方案终归还是简单了些，而且对业务有很大的侵入性。这样…

第一次用Vue3+ts，采用了eslint（aribnb），遇到了一些问题，又不想用经常性使用any，只能逼迫自己解决问题。 新建一个xxx.d.ts声明文件，并在tsconfig中引入（可以使用include，也可以使用typeRoots等，主要看自己项目配置和路径）。 这样…

项目搭建使用vue-cli搭建项目，选择vue3相关的配置引入一些基本的插件vuex、vue-router、axios，ui方面我们选择使用element-plus配置方面根目录下创建vue.conf

为什么发生这样的变化？原因是：如果我们在 Vue2 中创建多个 Vue 实例，那么所有应用（#app）都会共享全局相同的配置。 显然，这并不是我们想要的。在 Vue3 中，你可以创建多个实例，且每个实例都可以拥有单独的配置。 受到 React 的启发，Vue3 引入 Compo…

ECMAScript 2020 是 ECMAScript 语言规范的第11版。自1997年出版第一版以来，ECMAScript 已发展成为世界上使用最广泛的通用编程语言之一。 matchAll() 方法返回一个包含所有匹配正则表达式的结果的迭代器。使用 for...of 遍历或…

骨架屏在前端的应用里很普及，不过大多都是在H5的应用中，今天想谈的是微信小程序中如何使用骨架屏，以及小程序骨架屏的实现原理，针对骨架屏项目还可以提个PR，封装出来一个npm包形式的第三方，为前端社区做点小贡献。 在微信开发者工具中，设置 —> 项目设置—> 勾选使用npm模块。…

这里有很多方案，例如我们常说的webpack利用splitchunks进行拆包配合一些加载方式，使原本特别大的appjs分成若干个细小的包，webpack优化将会在下一期的专题里讲到。 webp，是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，无损压缩后的WebP…

最近由于一些不可抗力因素，我跳槽去了一家做高校教育服务的公司，刚入职就正好赶上了PC端项目的重构，而我主要负责数据可视化这一模块，其实做起来不算复杂，但是在使用Echarts的过程中也踩到了一些坑。 希望小伙伴阅读完之后可以在项目中掌握Echarts正确的使用方式，并且在我的基…

本文是vue-router系列。这里从浏览器到vue-router原理到最佳实践都会有详细的讲解。由于篇幅较长，建议可以选择感兴趣的目录看。 HTML5提供了对history栈中内容的操作。通过history.pushState/replaceState实现添加地址到histo…