Vue源码学习
文章平均质量分 81
PrototypeONE
广东工业大学,信息工程专业,腾讯实验班成员,大三在校学生。现在的学习方向从前端转向了大数据和人工智能,在机器学习、大数据处理等技术方面有一定的研究,同时课程原因对计算机视觉也有一定的了解。目前有读研的想法,希望在大三这一年能继续努力,无论在学业、竞赛还是技术学习上都有所进步。大家一起卷起来!
展开
-
前端知识点之JS中的高阶函数
JS中的高阶函数高阶函数是指以函数作为参数的函数,并且可以将函数作为结果返回的函数。接受一个或多个函数作为输入输出一个函数至少满足以上一个条件的函数JS中内置的高阶函数在js的内置对象中同样存在着一些高阶函数,像数组的map,filter,reduce方法等,它们接受一个函数作为参数,并应用这个函数到列表的每一个元素mapmap方法接收一个函数作为参数 ,遍历数组,并且返回一个新的数组,新的数组里的每个元素都执行map传入的函数。let arr = [1, 2, 3, 4];let原创 2022-05-19 14:04:06 · 1240 阅读 · 1 评论 -
Vue源码学习之虚拟DOM和diff算法
Vue源码学习之虚拟DOM和diff算法虚拟DOM和diff算法snabbdom简介——介绍宏观背景、历史沿革snabbdom的h函数如何工作——先学会怎么用diff算法原理——研究底层机理手写diff算法——手写掌握snabbdom 简介snabbdom是著名的虚拟DOM库,是diff算法的鼻祖,vue源码借鉴了snabbdom官方git:https://github.com/snabbdom/snabbdom在git上的snabbdom源码是用TypeScript写的,git上并原创 2022-03-03 16:09:25 · 596 阅读 · 1 评论 -
Vue源码学习之mustache模板引擎
Vue源码学习之mustache模板引擎该博文是在学习尚硅谷的vue源码教程同时做的笔记。课程都可以在b站搜到的哦。mustache模板引擎什么是模板引擎模板引擎是将数据要变为视图最优雅的解决方案。历史上出现的数据变为视图的方法:纯DOM法:非常笨拙,没有实战的价值数组join法:曾几何时非常流行ES6的反引号法:${a}模板引擎:解决数据变为视图的最优雅的方法纯DOM法:const arr = [ {"name":xxx,"age":12}, {"name":xx原创 2022-02-26 21:39:01 · 352 阅读 · 0 评论 -
Vue源码学习之AST抽象语法树
Vue源码学习AST抽象语法树模板语法 ====》 抽象语法树AST ====》 正常的HTML语法通过抽象语法树进行过渡,让编译工作变得简单抽象语法树本质上就是一个JS对象递归算法//将array变为objlet array = [1,2,3,[4,5]]let obj = { {val:1}, {val:2}, {val:3}, {children: {val:4}, {val:5} }}function原创 2022-04-30 23:53:47 · 329 阅读 · 0 评论 -
Vue源码学习之数据响应式原理
index.jsa : {m : {console . log('我正在观察' + val) })observe.js//如果value不是对象,什么都不做 if(typeof value!//定义ob let ob if(typeof value . __ob__!import {原创 2022-04-30 23:45:54 · 1053 阅读 · 0 评论