环境变量 （environment variables）这个概念，在前端工程化盛行之时，便悄悄的进入了前端的视野。前端远古时代没有工程化的概念，开发环境、测试环境、生成环境全靠大家手动配置。而现如今 webpack 、 snowpack 、 rollup 等打包工具大行其道，我…

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

拖了很久的下拉刷新Vue组件——终于来了，其实写了很久了，一直拖着没写文章... touchstart: 手指触屏触发的事件，主要工作是在触发时获取鼠标点击的Y坐标，event.touches[0].pageY。 touchmove: 手指滑动触发的事件, 主要工作是在触发时获…

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

文件上传是我们作为开发者在日常工作中经常遇到的一个需求，各个流行的组件库中也都有现成的组件可以很方便的直接调用。具体的用法不再赘述，小伙伴们可以在组件库中查看demo，这里笔者主要介绍下如何实现一个Upload组件。 在书写前端Upload组件之前，首先需要通过Node.js来…

最近在做线上项目的首屏加载时长优化，查阅了大量的资料，也较为完整的整理了一遍之前的碎片知识点，本来计划只在团队内部做一次技术分享，但是后来一想，不如直接分享出来，说不定就会对哪位同学有一点点帮助呢。 更重要的是，由于水平和精力有限，文章中难免会有纰漏，分享出来也方便大家斧正，毕…

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

子账户拥有限制权限，且可被随时更改。 根据权限列表展示隐藏相对应菜单栏、按钮等。 我们在登录后，将获取到的用户权限保存到本地缓存中，以便每次方便获取权限，判断权限。 权限变少：当用户点击到原本有权限但修改后没有权限的相关请求，后端会给出相对应的状态码供前端判断，此时前端可以根据…