我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

利用 Axios 提供的 CancelToken 结合队列来实现。（队列中存放的是当前请求的信息（自定义的一些规则，来判断是否是同一个请求）和取消函数） 类似这种取消请求，其实服务端是有收到的，只是浏览器层面做了一层处理等不到响应而已。 为了方便开发过程中减少模版的编写，将表格…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。 以下为【前端GitHub】的第 9 期精华内容。 1. LightHouse LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。 可以将其作为一个 Chrome…

最近好多事情，最近前端分享会也如期而至，有幸这次分享会，正好周末有时间，做个总结吧。 这次想分享的就是算法与数据结构，刷了一段时间题目，逛了逛LeetCode，看了很多关于这个方面的文章，有所感悟，准备做个记录吧。 当你想花时间去了解学习一件对你来说，很苦难的事情的时候，我们需…

vue3正式版已经发布好几个月了。相信有不少人早已跃跃欲试，这里根据这几天的项目经验罗列几点在项目中可能用到的知识点跟大家分享总结，在展开功能点介绍之前，先从一个简单的demo帮助大家可以快速入手新项目🌉 其中context是一个上下文对象，具有属性（attrs，slots，…

除登录接口、退出接口外，其余接口增加token验证。 打开页面时请求获取菜单接口，请求不成功说明未登录，给route默认添加login页面以及 * 重定向。 登录成功后获取到token，把token存入session以及请求头。 登录成功后获取菜单接口，请求回来的路由和vuex…

显然，在 vue-element-admin 中，实现权限管理的地方是 src/permission.js 中。 其中 afterEach 中做的事很简单：NProgress.done()，作用是结束顶部的 router 跳转进度条。 接下来我们看看 beforeEach 中具…

在上班中遇到一个需求，需要在填报完信息后需要查看填报的进度情况。填报过程只有在PC端的浏览器完成，但是老板死活要我加上一个手机扫码查看填报动态的功能。在提出这个需求的时候我就直接否定了，问他：为什么在电脑端填报了，我还要在特意拿起手机扫个二维码吗？老板：我不管，我就要。 好家伙…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。