qyuanq

render页面渲染，内部跳转<nuxt-link>继续循环执行。 路由路径带有 :id? 参数，表示该路由是可选的。如果你想将它设置为必选的路由，需要在 detail 目录内创建一个 index.vue 文件。 创建内嵌子路由，你需要添加一个 .vue 文件，同时添…

单页应用优秀的用户体验，使其逐渐成为主流，页面内容有js渲染出来，这种方式称为客户端渲染。打开网页源码，浏览器拿到的只有宿主元素#app,并没有内容。 对于客户端应用程序和服务器应用程序，我们都要使用webpack打包，服务器需要[服务器bundle] 然后用于服务器渲染（ss…

登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到localStore中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户的详细信…

接下来我们就要自己来制作 svg-sprite 了。这里要使用到 svg-sprite-loader 这个神器了， 它是一个 webpack loader ，可以将多个 svg 打包成 svg-sprite 使用vue inspect --rules可以查看所有规则定义，我们使…

本文将通过源码解析当组件挂载到页面上时以及数据更新触发组件重新渲染时，虚拟dom的patch以及生成真实dom的整个过程，并详细介绍diff算法。 首先说一下patch的核心diff算法：通过同层的树节点进行比较，而非对树进行逐层搜索遍历的方式，所以时间复杂度为O(n)。 同级…

其实Dep干了什么事呢？就是管理一组Watcher,Dep关联的值更新时通知其管理的Watcher更新。 其实Watcher干了什么事呢？监控一个表达式或关联一个组件更新函数，数值更新则指定回调或更新函数（异步更新）被调用。 watcher的数据异步更新queueWatcher…

源码调试采坑记录：vue源码下载下来，出现如下错误。

发现该构造函数有一个属性prototype，这个属性叫做原型对象。

当前需求为默认.look div不显示当鼠标移入.img-box div中look显示,鼠标移出look隐藏。 因为img-box和look是兄弟元素，所以给look添加样式pointer-events: none;这样避免look闪烁。 如果@mouseenter="show…