- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue响应式原理
用户看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。vue的数据双向绑定 将MVVM作为数据绑定的入口，整合Observer，Compile和Watcher三者，通过Observer来监听自己的model的数据变化，通过Compile来解析编译模板指令（vue中是用来解析 {{}}），最终利用watcher搭起observer和Compile之间的通信桥梁，达到数据变化 —>视图更新；视图交互变化（input）—>数据model变更双向绑定效果。
2023-04-21 06:36:57
40
原创 自己实现数组的各种方法
1.reducereduce详解传送门Array.prototype.myReduce = function(fn, initValue) { if (initValue === undefined && !this.length) { throw new Error('myReduce of empty Array with no initial value') } let result = initValue ? initValue : this[0] for
2020-10-14 17:49:45
218
转载 js实现单链表及各种操作
// 新建节点class Node { constructor(val) { this.value = val this.next = null }}// 单向链表class LinkedList { constructor(val) { this.length = 0 this.head = null } // 新增节点 append(val) { let newNode = new Node(val) if (this.he
2020-10-14 17:37:00
258
原创 版本号排序
var arr = ['0.1.0', '2.2.3', '0.3003.1', '4.3', '4.3.6', '4.3.3.5']arr.sort((a, b) => { var items1 = a.split('.') var items2 = b.split('.') var k = 0 for (let i in items1) { let a1 = items1[i] let b1 = items2[i] if (typeof b1 === un
2020-10-12 20:19:51
979
1
原创 iphoneX适配
/*改变底部位置+并且给底部增加圆桶背景*/:root { --safe-area-inset-bottom: constant(safe-area-inset-bottom); --safe-area-inset-bottom: env(safe-area-inset-bottom);}.fixed-bottom-bar{ padding-bottom: constant(safe-area-inset-bottom)!important; padding-bottom: env(s
2020-10-10 20:08:46
92
原创 vue多页面将第三方依赖单独打包
config.optimization.splitChunks({ cacheGroups: { // 公共部分打包 vendors: { name: 'chunk-vendors', minChunks: 4, test: /node_modules/, priority: -10, chunks: 'initial' }, // 单独第三方依赖打包 yt:{ name: 'chunk-yt',
2020-10-10 17:51:30
1144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人