- 博客(3)
- 收藏
- 关注
原创 vue响应式原理(双向数据绑定原理解析及代码实现)
本文介绍了两种数据绑定更新机制:手动触发重新编译和订阅-发布模式。手动触发重新编译要求在数据变化时手动重新运行编译函数来更新视图,适用于简单场景,但可能导致性能问题。订阅-发布模式则通过自动通知依赖更新的视图,避免了不必要的遍历,提供更高的性能和更简洁的代码结构,是现代框架的常用方案。
2024-11-07 15:39:47
1167
原创 Element UI的el-cascader级联选择器为文字绑定联动,实现点击文字即选中
这段代码的目的是增强 el-cascader 组件的用户交互体验,让用户可以通过点击文本选择菜单项,同时允许在子菜单和复选框之间进行无缝的切换。通过 expandChange 事件管理当前级别的 DOM 操作,确保用户交互的流畅性。
2024-10-29 09:11:30
1877
2
原创 深拷贝函数封装,对比两种深拷贝函数
深拷贝用于创建对象的独立副本,常见于处理复杂数据结构。本文对比了两个深拷贝函数。第一个函数通过递归实现,支持基本类型、DOM 节点、Date 和 RegExp。其优点是逻辑简单,但不支持循环引用、Map 和 Set 类型,处理大对象时可能性能较差。第二个函数使用 WeakMap 解决循环引用问题,并支持 Map 和 Set。尽管处理复杂数据结构的能力更强,但代码相对复杂。总的来说,简单需求可选第一个函数,复杂场景建议使用第二个函数。选择合适的实现方式取决于具体需求。
2024-10-16 14:51:55
816
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人