为什么要学习框架原理(源码)
1. 提升编码能力和架构设计水平
通过框架源码学习,了解框架一些核心功能的代码设计与实现。这些知识可以帮助你在自己的项目中设计更高效、更优雅的代码结构。
例子1:
在一个大型项目中,你可能需要实现一个类似于Vue的数据绑定系统。通过学习Vue源码,你可以了解其实现原理,如Object.defineProperty、Proxy等,从而能够设计出性能优良的响应式系统。
例子2:
借鉴element-ui 实现表单校验功能。
2. 深入理解工作机制,更好使用
2.1 高效使用
包含2个方面:1. 运行效率 2.代码组织。
在代码中应用最优,最合适的方案。
例子1:
循环加 key
例子2:
protable字段排序功能。
不理解protable框架源码,会去做一些扩展,存一些暂存数据。造成一些冗余代码。
理解框架源码,直接使用透传的事件实现。不需要去修改框架。代码量也更少更清晰
2.2 避免踩坑
包含2个方面:1.错误尝试 2.潜在Bug。
免去一些无用的尝试性开发。直接直蹦主题解决问题。不产生Bug。
例子1:
实现二级联动,第二个选框的数据
不理解:会在计算属性中发起异步请求。
理解:放弃计算属性方案,因为计算属性不支持异步。
例子2:
Vue项目,在一些特定场景下(有输入类的节点 && 有破坏原顺序的操作),应避免循环中用index作为key,以避免显示错乱的问题。