- 博客(10)
- 收藏
- 关注
RSS订阅原创 乱写 我也不是很明白（草稿暂存）
Vue首次渲染过程 第一步、Vue初始化，实例成员、静态成员 首先进行vue的初始化，即初始化实例成员及静态成员. 第二步、new Vue() 初始化结束以后，调用vue的构造函数new Vue()，在构造函数中调用this._init()方法 第三步、this.init() this.init()相当于整个项目的入口，在这个方法中，最终调用vm.$mount() **第四步、vm.mount()∗∗这个mount()** 这个mount()∗∗这个mount()是src/platform/web/entr
2020-12-28 21:02:48
103
原创 手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法
1、当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据，如果不是的话，如果把新增成员设置成响应式数据，它的内部原理是什么。 let vm = new Vue({ el: '#el' data: { o: 'object', dog: {} }, method: { clickHandler () { // 该 name 属性是否是响应式的 this.dog.name = 'Trump' } } }) 不是响应式的 解决 data定义的时候给定义属性na
2020-12-24 20:01:14
135
1
原创 关于Webpack理解
1、Webpack 的构建流程主要有哪些环节？如果可以请尽可能详尽的描述 Webpack 打包的整个过程。 项目中要有文件：webpack.config.js，它是运行在nodeJs中的一个文件，需要根据commonJs规范来编写代码，文件导出一个对象，我们根据导出的对象完成一系列配置。 构建流程 webpack启动的时候，会加载entry配置的入口文件，递归解析entry依赖的所有module，按照module.rules的规则进行匹配转化，对Module进行转换后，再解析出当前Module依赖的Modu
2020-12-21 20:37:34
98
1
原创 开发脚手架及封装自动化构建工作流
开发脚手架及封装自动化构建工作流 一、谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。 初步认识：所谓工程化是指遵循一定的标准和规范通过工具提高效率的一种手段，一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。 解决的问题： 1.重复的机械工作，比如部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器。 2.团队开发时，很难做到风格统一，保证质量的完成需求开发 3.部分功能需要等待后端服务接口完成以后才可以进行开发 4.无法使用模块化
2020-12-09 21:16:02
115
原创 JS相关性能优化
ES新特性与TypeScript、JS性能优化 一、请说出下列最终的执行结果，并解释为什么 var a = [] for(var i = 0;i<10;i++){ a[i] = function(){ console.log(i) } } a[6]() 答：最终输出结果：10。 原因：使用var关键字定义的变量会存在变量提升的问题，即使i在循环条件中，但是执行完for循环以后并没有被空间释放，而是可以继续访问，并且i=10，调用的时候执行函数输出i，则输出10。 二、
2020-12-08 15:07:39
158
原创 函数式编程与JS异步编程，手写Promise
一、谈谈对JS异步编程的理解，EventLoop、消息队列都是做什么的，什么是宏任务，什么是微任务？ 首先，由于JS是单线程的，这样执行任务会发生线程阻塞。所有JS引入了异步编程，通过回调的方式来解决这种阻塞。 其次，对于像定时器这种异步任务以及IO任务、其它线程发送过来的任务，JS会将其放到消息队列中，通过EventLoop的机制从消息队列里面依次取出任务执行。 最后消息队列里的任务就是宏任务，微任务是promise、mutationObserver、nextTick。每一个宏任务都会配置一个微任务队列，
2020-12-01 16:57:11
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人