keep-alive 是一个抽象组件，不会和子组件建立父子关系，也不会作为节点渲染到页面上。 能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。 能够进行路由缓存和组件缓存。 created-…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

目标：通过面试题来让自己的知识面更加广，更加深入。 key会用在虚拟DOM算法（diff算法）中，用来辨别新旧节点。 不带key的时候会最大限度减少元素的变动，尽可能用相同元素。（就地复用） 带key的时候，会基于相同的key来进行排列。（相同的复用） 上面这么4点就是官方文档…

经过前面两篇文章的分析之后，终于迎来了最后一篇文章，关于vue-router/vue-link组件的分析。router-link在vue中，平常都不会写render函数，组件的render函数是静态模

URL 中 hash 值只是客户端的一种状态，也就是说当向服务器端发出请求时，hash 部分不会被发送。 hash 值的改变，都会在浏览器的访问历史中增加一个记录。因此我们能通过浏览器的回退、前进按钮控制 hash 的切换。 我们可以使用 hashchange 事件来监听 ha…

一、背景在今年年初我开始接触vue的时候，就发现在vue官方文档中“服务端渲染”的一节中提到了Nuxt.js框架，SSR这种方式对于首屏的加载时间优化显而易见，同时还可以方便的进行SEO。美团点评的点餐业务中，数据平台因为其数据量大的特点，首页加载时间很长，非常适合进行SSR改造…

数据蕴藏价值，但数据的价值需要用 IT 技术去发现、探索，可视化可以帮助人更好的去分析数据，信息的质量很大程度上依赖于其呈现方式。在数据分析上，热力图无疑是一种很好的方式。在很多行业中都有着广泛的应用。 最近刚好项目中需要用到 3D 热力图的效果展示。网上搜了相关资料，发现大多…

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

token是一个用户自定义的任意字符串，目前开发中，token都是在服务端生成并且token的值会保存到服务器后台。只有服务器和客户端知道这个字符串，于是，这个token就成了两者之间的秘钥，它可以让服务器确认请求是来自客户端还是恶意的第三方。 简单地说，token的使用就是为…