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

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

作者：滴滴公共前端团队 - 黄轶 大家好，我叫黄轶，来自滴滴公共前端团队，我们团队最近写了一本书 ——《Vue.js 权威指南》，内容丰富，由浅入深。不过有一些同学反馈说缺少 Vuex 的介绍的章节。既然 Vue.js 2.0 已经正式发布了，我们也要紧跟步伐，和大家聊一聊 V…

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

图片一直是网络资源占用大户，对于一个前端有几百张图片的网站来说，如果首屏即加载所有图片（无论这些图片有没有被用户看到），那无疑是既浪费网络资源，又伤害用户体验的事。因此，图片懒加载，是提高前端性能的刚需所在。 目前，淘宝网、知乎等大流量网站都已经使用了图片滚动懒加载的方案——仅…

第一次接触单页应用, 记录公司项目关于 Token 验证知识. Token 的工作原理 Token 工作原理 1. 登录时候, 客户端通过用户名与密码请求登录 2. 服务端收到请求区验证用户名与密码 3. 验证通过, 服务端会签发一个 Token, 再把这个 Token 发给客户端. 4. 客户端收…

Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于 vue 2.0 以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于 Vue 作者尤雨溪大神的 vue-hacker-news。本人在公司做 Vue 项目的时候，一直苦于产品、客户对首屏加载要求，SEO 的诉求，也想过很多解决方案，本次也是针对浏览器渲染不足之处，采用了服务端渲染，并且做了两个一样的 Demo 作为比较，更能直观的对比 Vue 前后端的渲染。

作者：滴滴公共前端团队 - 王宏宇 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述，对它还不…