简单的来说，面包屑导航的作用就是告诉用户他们在网站中的位置，方便用户确定下一步去留，对于用户来说这是很好的体验。 需要手动配置路由和菜单。 面包屑导航有一个层级的菜单。 breadID表明当前路由在menu菜单中的位置。 数组bread用来装载需要展现的路由。如： 当路由变化的…

vue的props属性用于父组件向子组件传递值，是一个高频使用的特性。 ​ props的使用需要父子组件的配合，在父组件中使用v-bind绑定要传递的值，在子组件中的props属性中声明接受属性的类型和默认值。使用示例： ​ 从上面的使用示例可以看出，父组件的templat…

相信看完这篇文章的你，跟我的想法是一样的。 为了实现数据变化影响视图，vue采用了观察者模式，将数据和页面渲染关联起来。通过dep收集依赖，当数据变化时，通知对应watcher更新视图。 取值时，给每个属性都加了个dep属性，用于存储这个渲染watcher （同一个watche…

由于v-model和前面介绍的插槽，事件一致，都属于vue提供的指令，所以我们对v-model的分析方式和以往大同小异。分析会围绕模板的编译，render函数的生成，到最后真实节点的挂载顺序执行。最终我们依然会得到一个结论，v-model无论什么使用场景，本质上都是一个语法糖。…

在上篇专栏中详解介绍了数据的监听过程。那么当监听到数据发生变化后又是如何通知视图更新，在 Vue 中是采用发布者订阅者这个设计模式来实现这个功能。其中发布者就是数据，订阅者就是 Watcher，另外还使用 Dep 来专门收集并管理订阅者，而订阅者还分为三种类型：render W…

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

在网络世界，你肯定记得住网站的名称，但是很难记住网站的 IP 地址，因而也需要一个地址簿，就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的，它是树状结构，如图： 在客户端输入 URL 后，会有一个递归查找的过程，从浏览器缓存中查找->本地的hosts文件查找->找…