前言前端权限架构的设计一直都是备受关注的技术点.通过给项目引入了权限控制方案,可以满足我们灵活的调整用户访问相关页面的许可.比如哪些页面向游客开放,哪些页面必须要登录后才能访问,哪些页面只能被某些角色

对于一个网站来说, 首页打开的速度一定程度上决定了用户的访问量和留存率,很显然,5G时代下的人们是缺乏耐心的,如果一个网页卡十几秒还没开, 估计会弃之,那么怎么才能提高这个速度, 以下提供了五种提升网站速度的方式. 网上有很多查看性能优化的工具, 最简洁实用的就是chrome里…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

在去年闲暇时间开发了一个可视化的页面编辑器，这次看到掘金有项目复盘的活动，正好可以拿出来写篇文章，和大家分享下。不知道还能不能赶上活动了~ 可添加图片，文本，矩形，背景。多种编辑功能（字体，背景，大小，边距等） 由于里面的细节比较多，肯定不能将所有点都讲到，我就挑几个主要的写写…

每一个公司要想用户增长，都要收集和分析用户操作数据，因此埋点是必不可少的事情。 而对于前端职业发展来说，传统的手动埋点，无疑是繁琐又无聊的事情，能简化就简化。 手动埋点就是在每一处需要的地方，都加一段上报埋点的代码。影响代码的阅读体验，且散落的埋点代码不方便管理。 自动埋点可分…

过往一些不足的地方，通过博客，好好总结一下。 一些通用的js库或者是css样式库，如jQuery，在网络中的使用是非常普遍的。当一个用户在浏览你的某一个网页的时候，很有可能他已经通过你网站使用的CDN访问过了其他的某一个网站，恰巧这个网站同样也使用了jQuery，那么此时用户浏…

本文衔接上篇 Vue 原理之从新建实例到 Diff ，对 Vue Diff 算法进行深入解析。 通过三个典型的例子，来理解 Diff 算法对不同情况的处理流程（多图预警）。最后结合源码进行疑点分析。 作用：找到最小差异部分的 DOM 进行更新，减少 DOM 重绘重排。 比较对象…

Loader本质就是一个函数，在该函数中对接收到的内容进行转换，返回转换后的结果。因为Webpack只认识JavaScript，所以Loader就成了翻译官，对其他类型的资源进行转译预处理工作。 loader在module.rules中配置：test和use。test可接收一个…

一、js中的数据类型 基本类型：number string boolean null undefined symbol bigint 引用数据类型:object (包含，Date,RegExp,Fun