qq_42389674的博客

vue 全局api初始化 vue挂载的全局属性: vue.util 公共方法,set 方法 ,del方法, nextTick方法,observable observe方法,options vue的一些选项。初始化方法: extend,extend函数此处用于扩展,initUse 初始化插件,initMixin 初始化混入,initExtend,构造一个vue的子类 ,initAssetRegisters(Vue) 注册或者获取全局组件、指令、过滤器

vue源码解析之 nextTick源码解析，nextTick底层实现 promise，MutationObserver，setImmediate，setTimeout

vscode借助 Microsoft Edge Tools for VS Code 实现源码直接在vscode中的调试，分析如何在vscode中进行断点的添加

const defautTagRE = /\{\{((?:.|\r?\n)+?)\}\}/g;function genProps(attrs) { //属性处理 将属性的键值拼接成字符串 let str = ""; for (let i = 0; i < attrs.length; i++) { let attr = attrs[i]; if (attr.name == "style") { //如果属性的名称是style 那么可能会有多个键值 如 styl.

什么是AST语法树用于描述dom结构的一种树状的数据结构如下图所示AST语法树于虚拟dom的关系如何将模板节点转换成AST代码总览const ncname = `[a-zA-Z_][\\-\\.0-9_a-zA-Z]*`; // aa-aaconst qnameCapture = `((?:${ncname}\\:)?${ncname})`; //aa:aa/* ?: 匹配不捕获*/const startTagOpen = new RegExp(`^&lt

为什么要重写数组方法触发视图更新如果数据类型是对象的时候，可以使用object.defineProperty实现对数据的监监听但是当数据类型是数组的时候，如果有成千上万条数据呢，每个数据都进行监听，就太消耗性能了，所有我们重写了改变原数组的方法，在调用这些方法时触发更新数据监听的index.js文件import { arrayMethods } from "./array";class Observer { constructor(value) { console.l

入口文件 index.jsimport { initMixin } from "./init";function Vue(options){ console.log(options); this._init(options)//当用户new vue时 就调用init方法进行vue的初始化方法}// 可以拆分逻辑到不同的文件中，更利于代码维护 模块化的概念initMixin(Vue)export default Vue入口文件初始化项目初始化项目文件 init.

export function makeMap( str: string, expectsLowerCase?: boolean): (key: string) => true | void { debugger/* makeMap expectsLowerCase? 此处表示可选参数 a?.b 如果无法确定a 是否为空 则需要使用 a?.b 表示a 有值时才访问 b属性,没有值的时候不去访问*/ const map = Object.create(nu.

export function makeMap( str: string, expectsLowerCase?: boolean): (key: string) => true | void { debugger/* makeMap expectsLowerCase? 此处表示可选参数 a?.b 如果无法确定a 是否为空 则需要使用 a?.b 表示a 有值时才访问 b属性,没有值的时候不去访问*/ const map = Object.create(nu.

Vue 源码所在目录src\core\util\env.js代码研究成果/* @flow */// can we use __proto__?export const hasProto = '__proto__' in {}// Browser environment sniffingexport const inBrowser = typeof window !== 'undefined'// 判断是否在浏览器环境中运行export const inWeex = typeof

抽象语法树介绍 vue在mount过程中，会将template编译成ast抽象语法树，是源代码的抽象语法结构的树状表现形式虚拟dom的实现思路vue 中使用了虚拟dom(vitrualdom)，来模拟dom树，通过操作dom树数据来操作dom提高了dom操作的性能具体流程 template 转换成ast抽象语法树 ast抽象语法树再转换成 render函数 最终返回一个vnode具体代码const ncname = `[a-zA-Z_][\\-\\.0...

1,什么是 Object.definePropertyObject.defineProperty(obj,property,descriptor) 有三个参数 分别是 obj 对象 property 属性值 属性值 当前属性所拥有的特性descriptor 有如下属性get 获取值时触发 set 修改值时触发 enumerable 是否可枚举 如果值为false就不可以别for in Object.keys等循环 value 当前值 configurable 是否可修改...