- 博客(4)
- 收藏
- 关注
原创 Vuex五大核心概念
Vuex 这里写目录标题Vuex完整流程使用步骤1.State:单一状态树2.Getters:可以认为是 store 的计算属性接受一个参数 state接受两个参数 state、其他getter通过getter传参:3.Mutations :mutations中的方法必须是同步的,方便使用devtools进行状态跟踪。接受一个参数 state接受两个参数 state、其他参数payload --------传递对象作为参数。载荷方式和对象方式进行分发:4.Action:Action 提交的是 mutatio
2021-05-25 17:23:09
220
原创 webpack的打包过程
webpack的打包过程1.从入口文件开始,分析整个应用的依赖树2.将每个依赖模块打包起来,放到一个数组中等待调用3.实现模块加载的方法,并把他放到模块的执行的环境中,确保模块可以互相调用4.把执行入口文件的逻辑放在一个函数表达式中,并立即执行这个函数 首先定义一个installedModules对象,用来放置已经被加载过的模块。 定义_webpack_require_方法,用来加载模块。 调用_webpack_require_方法,加载工程入口模块。 1.从入口文件开始,分析整个应用的依赖树 入口文件:s
2020-11-26 10:23:32
237
原创 虚拟DOM的本质和目的
虚拟DOM 页面是怎么呈现的? (1)浏览器请求服务器获取html代码 (2)浏览器解析DOM结构,渲染出一棵DOM树 (3)浏览器将DOM树呈现在页面上,我们才看见页面 页面上的数据变化 (1)发生交互事件,获取到新的数据(仅存在与浏览器的内存中) (2)将最新的数据渲染到页面上-------此时会存在性能上的问题 所以为了优化性能,需要实现按需渲染页面(只重新渲染更新了的页面元素),怎么知道哪些是更新的呢?就把浏览器中的DOM树与虚拟DOM树进行对比。分别从每层(tree diff)、组件(compon
2020-11-23 17:38:53
286
原创 微信小程序之分页加载
微信小程序之分页加载 上拉加载 /** 页面的初始数据*/ data: { /*分页中显示数据集合*/ list: [], /* 当前页 */ pageNo: 1, /* 每页显示商品数 */ pageSize: 10, /*是否最后一页*/ alreadyToEnd: false }, /*获取数据方法*/ getList:...
2019-11-15 14:29:16
656
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人