CSS filter在日常开发中是很常见的，这里我们将使用它实现一些动画效果，让网站交互更加酷炫，同时也加深对CSS filter的理解。

本文旨在理一下vue中diff算法的主要逻辑和关键细节。 patchVnode(oldVnode, vnode, insertedVnodeQueue, ...) ps: diff从这里就开始了 insertedVnodeQueue是patch函数中定义的常量，在后期的diff…

众所周知，Vue.js 组件是Vue创建自定义元素的重要功能之一，同时，模板可帮助你避免从头开始创建网页设计。总之，这些工具对于希望其开发过程更快，更高效的任何Web开发人员都是必不可少的。 此外，在过去的几年中，Vue.js 变得非常流行，许多企业将其添加到他们的技术栈中。该…

也就是observe。这个observe的优势大家都能感觉到，就是方便，劣势就是性能，因为他这个东西本质来说就是所有的东西我都监听，其实这在大型应用来说就比较不舒服了，因为你控制不了，而且功能也比较多，消耗也就高 可能有朋友比较喜欢vue 2.x的装饰器写法，这里官方说明了，装…

一个永远不会改变位置。当用户实际上没有四处点击时，这在服务器端渲染方案中很有用，因此位置永远不会实际更改。因此，名称为：静态。当您只需要插入一个位置并对渲染输出进行断言时，它在简单测试中也很有用。 项目打包通常不会把所有的内容打包到一个文件里面，那样会造成文件过大导致请求过慢从…

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 如果未使用keep-alive组件，则在页面回退时仍然会重新渲染页面，触发created钩子，使用体验不…

通用性的提升，往往伴随着个性化的减弱。Vue Cli 的开箱即用，简单到几乎看不到配置，但对于想要去“把玩” webpack 的开发者来说无疑很不友好。虽然你可以通过 vue.config.js 来调整 webpack 配置，但这种“玩法”中存在黑箱。 这里说的“玩法”是指的是…

在遇到的一些问题，我都在写在的代码注释中先看代码main.js登录先从登录开始就从登录看起vue-routervuexmain.vue后台总结先定义一份公共的路由表，里面仅有一些公共的路由，如logi

不管是工作需要还是面试加分，vue技术栈已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的vue项目开发环境，提供给需要的同行小伙伴观看也方便自己以后复习。 ... 先本地全局安装node环境，vue的运行是依赖于node的npm的管理工具来实现的，node下…