当我们在开发 web app 的时候，经常会遇到一个问题，就是当从一个可滚动的列表页进入到下一个详情页面，然后返回列表页面的时候，很难去还原滚动条的状态，无法记住进来时候的位置。 后来我参考 keep-alive 开发了 vue-page-stack 来保存 Vue 页面的栈，…

组件化是 Vue, React 等这些框架的一个核心思想，通过把页面拆成一个个高内聚、低耦合的组件，可以极大程度提高我们的代码复用度，同时也使得项目更加易于维护。所以，本文就来分析下组件的渲染流程。我们通过下面这个例子来进行分析： 这里我们可以理解为返回了一个名叫 VueCom…

我们想要给页面添加一个元素，同时该元素出现在页面一开始应该是隐藏的。但是是否你会感觉看起来很难受，你不知道是否用户会看到在该元素在隐藏之前发生闪现。 但实际上，上面的两种写法的效果是一样的，它们没有竞争关系， 在 JS 运行和渲染页面在浏览器中都有着规定且确定的时间段， 这些东…

图片懒加载其实就是延迟加载。也就是不用一次性加载所有的图片，等到用户需要某张图片的时候再加载，这样可以避免在同一时间请求大量的数据。也就是当图片滚动到可视区域的时候再去加载图片。 Vue中除了平时常用的v-show、v-bind等指令外，还可以自定义指令。由于自定义指令过于简单…

响应式原理作为 Vue 的核心，使用数据劫持实现数据驱动视图。在面试中是经常考查的知识点，也是面试加分项。 文章稍长，但部分是代码，还请耐心观看。为了方便理解原理，文中的代码会进行简化，如果可以请对照源码学习。 在响应式原理中，Observe、Dep、Watcher 这三个类是…

前言：项目地址：https://github.com/cgq001/vue-admin欢迎star, 留着也许就用到了，毕竟权限管理 还是很普遍的嘛使用到的规则1、动态设置权限的UI展示2、将侧边导航

前言：最近在写一些新闻资讯详情的页面，header组件、footer组件、目录组件都是固定的，只有新闻的内容是变化的。为了不去写重复的代码（有句话怎么说来着：战略上偷懒，战术上勤奋，就是这个意思），准备采用md文件渲染为html文件这个思路，如果后续追加新的新闻资讯页面，只需新…