近期做了一个 spa的单独项目中,有个需求就是希望根据登录人来看下,这个人是不是有权限进入当前页面。虽然服务端做了进行接口的权限，但是每一个路由加载的时候,都要去请求这个接口太浪费了。 router 早期版本有进入路由的钩子函数可以实现这一点，但是 router4 去掉了采取了…

前端进行权限控制只是为了用户体验，对应的角色渲染对应的视图，真正的安全保障在后端。 用户若记住了某个 url，直接浏览器输入，不论该用户是否拥有访问该页面的权限，均能进入页面。 若页面初始化时（componentDidMount）进行接口请求，后端会返回 403 的 HTTP …

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

在单页面应用如日中天发展的过程中，备受关注的少了前端路由。 而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的... 一大堆为什么，问你头都大，此时，我就要拿出我珍藏的图片了，各位观众，五个烟。🤣 四种路由的实现原理。 只可以在h…

一、遗留系统：路由分发路由分发式微前端适用场景不同技术栈之间差异较大，难以兼容、迁移、改造项目不想花费大量的时间在这个系统的改造上现在的系统在未来将会被取代系统功能已经很完善，基本不会有新需求基于路由

分享自 GitHub

在 v17 之前，不同版本的 React 无法混用（事件系统会出问题），所以，开发者要么沿用旧版本，要么花大力气整个升级到新版本，甚至一些常年没有需求的长尾模块也要整体适配、回归测试。考虑到开发者的升级适配成本，React 维护团队同样束手束脚，废弃 API 不敢轻易下掉，要么…

在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。Vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析…

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 Typescript。因为这点，大多数 Vue 应用程序都是直接使用 JavaScript 写的。 现在随…