• 响应式系统的依赖收集追踪原理
  为什么要依赖收集？ 先举个栗子🌰 我们现在有这么一个 Vue 对象。 new Vue({ template: `<div> <span></span> <span></span> <div>`, data: { ...
  2021-10-18 13:01:55 | FrontEnd
• 响应式系统的基本原理
  响应式系统 Vue.js 是一款 MVVM 框架，数据模型仅仅是普通的 JavaScript 对象，但是对这些对象进行操作时，却能影响对应视图，它的核心实现就是「响应式系统」。 尽管我们在使用 Vue.js 进行开发时不会直接修改「响应式系统」，但是理解它的实现有助于避开一些常见的「坑」，也有助于在遇见一些琢磨不透的问题时可以深入其原理来解决它。 Object.defineProper...
  2021-10-18 13:01:55 | FrontEnd
• Vue.js 运行机制全局概览
  全局概览 这一节笔者将为大家介绍一下 Vue.js 内部的整个流程，希望能让大家对全局有一个整体的印象，然后我们再来逐个模块进行讲解。 从来没有了解过 Vue.js 实现的同学可能会对一些内容感到疑惑，这是很正常的，这一节的目的主要是为了让大家对整个流程有一个大概的认识，算是一个概览预备的过程，当把整本小册认真读完以后，再来阅读这一节，相信会有收获的。 首先我们来看一下笔者画的内部流程...
  2021-10-18 13:01:55 | FrontEnd
• docsify-08-代码高亮
  代码高亮 docsify内置的代码高亮工具是 Prism。 Prism 默认支持的语言如下： Markup - markup, html, xml, svg, mathml, ssml, atom, rss CSS - css C-like - clike JavaScript - javascript, js...
  2021-10-12 13:01:55 | Doc
• docsify-07-Markdown 配置
  Markdown 配置 内置的 Markdown 解析器是 marked，可以修改它的配置。 同时可以直接配置 renderer。 window.$docsify = { markdown: { smartypants: true, renderer: { link: function() { // ... } } ...
  2021-10-12 13:01:55 | Doc
• docsify-06-自定义开发插件
  自定义插件 docsify 提供了一套插件机制，其中提供的钩子（hook）支持处理异步逻辑，可以很方便的扩展功能。 完整功能 window.$docsify = { plugins: [ function(hook, vm) { hook.init(function() { // 初始化完成后调用，只调用一次，没有参数。 }); ...
  2021-10-12 13:01:55 | Doc
• docsify-05-插件 plugins
  全文搜索 - Search 全文搜索插件会根据当前页面上的超链接获取文档内容，在 localStorage 内建立文档索引。 默认过期时间为一天，当然我们可以自己指定需要缓存的文件列表或者配置过期时间。 <script> window.$docsify = { search: 'auto', // 默认值 search : [ '/', ...
  2021-10-12 13:01:55 | Doc
• docsify-04-主题 theme
  主题 目前提供三套主题可供选择，模仿 Vue 和 buble 官网订制的主题样式。 还有 @liril-net 贡献的黑色风格的主题。 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css"> <link rel="stylesheet" href="//cdn.jsdel...
  2021-10-12 13:01:55 | Doc