当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。 在列表数据进行遍历渲染时，需要为每一项 i…

权限控制可以粗分为页面级和页面元素级。换成人话就是：这个菜单只有管理员可以看到，这个页面某某某不能访问，这个按钮没有权限不能点击，这个区域别让普通用户看到！！ 接下来我们将产品经理的人话，转换成技术开发的鬼话。 我们需要在渲染之前拿到用户权限列表，可以先从服务端请求获取到当前用…

最近由于一些不可抗力因素，我跳槽去了一家做高校教育服务的公司，刚入职就正好赶上了PC端项目的重构，而我主要负责数据可视化这一模块，其实做起来不算复杂，但是在使用Echarts的过程中也踩到了一些坑。 这是vue项目实战echarts的下篇，还没有看过上篇的同学请点击这里进行查阅…

其实axios已经提供了很多很强大的api，我们在实际使用中直接调用就可以，但是每个团队每个项目调用axios的姿势不一样，特别是在一个大型的团队项目中，与后端交互逻辑迥异、配置复杂、地址繁多，所以一个风格统一化、配置灵活化、管理集中化的请求方案必不可少。 首先在项目中创建一个…

最近项目中用到较多的echarts图表，所以考虑把它们做成组件，以便日后的复用。 整个echarts文件还是挺大的，我们可以根据自身的需求，按需引入模块。比如我新建了一个js，然后根据项目需求引入了折线图、柱状图等组件。

1. 用include或exclude来避免不必要的转义 2. 开启缓存将转译结果缓存至文件系统 3. DllPlugin/DLLReferencePlugin优化处理 处理第三方库有多种方式，externals、CommonsChunkPlugin、splitChunks、D…

对于前端而言，图标的发展可谓日新月异。从img标签，到雪碧图，再到字体图标，svg，甚至svg也有了类似于雪碧图的方案svg-sprite-loader。雪碧图没有什么好讲的了，只是简单地利用了background-position来做图标定位。今天咱们先聊聊怎么使用字体图标和…

问题： 开发项目时，我创建了一个名为MyForm.vue的单文件组件，并在App.vue中注册该组件。然而当我使用<myform></myform>标签时，组件却并未生效。查阅官方文档后终于发现问题所在。 根据官方文档，定义组件名的方式分两种：短横线分隔命名(kehab-cas…

由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。另一块是前端实现文件下载功能，虽然方法很多，为了不用重复造轮子，在此还是总结一波，毕竟多页面下的应用场景还是很多的。 由于本文介绍的主要还是基于javas…