关注掘金社区也有两年多了，这期间也关注了很多掘友的年中、年终总结，但却从未参与其中，此时则是抱着极其复杂的心情写下这篇我的

网上现有的Vue源码解析文章一搜一大批，但是为什么我还要去做这样的事情呢？因为觉得纸上得来终觉浅，绝知此事要躬行。 然后平时的项目也主要是Vue，在使用Vue的过程中，也对其一些约定产生了一些疑问，可能官网上只会建议你这么做，但是核心实现我们可能并不知道。比如： ... 其次，…

我觉得每个人可能都有过看源码的想法吧，也包括我。因为看源码不光能使自己对这个库更加熟悉，还能学习到作者强大的思想，久而久之，自己的水平和思想也会有明显的提升的。 1. 查看工具函数 2. 入口文件 3. Store类的实现 可以看到传入的 options 整体可以看成一个根模块…

这两篇文章中作者都分享了关于把函数防抖/函数节流包装成通用组件的经验。 在这里我就不介绍函数防抖/函数节流的概念了，将这样的功能封装是组件真的是非常实用。 这里我使用了abstract: true来创建一个抽象组件。 我们常用的transition和keep-alive就是一个…

1. 观察者模式 2. defineProperty 对一级/多级对象进行拦截 对于一级对象的拦截相信小伙伴们都会啦。 解释：observer 这个方法表示如果当前是一个对象，就会继续被遍历封装拦截。 延伸到实际业务场景：「获取用户信息然后进行展示」。我在 data 设置了一个…

进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。 登录：当用户填写…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 通过Vue Router建立起页面（视图）与URL之间的映射关系。 一个路由对象 (route object) 表示当前激活的路由的状态信…