mvvm框架工作原理及优缺_mvvm的优点和缺点

学习路线：

这个方向初期比较容易入门一些，掌握一些基本技术，拿起各种现成的工具就可以开黑了。不过，要想从脚本小子变成黑客大神，这个方向越往后，需要学习和掌握的东西就会越来越多以下是网络渗透需要学习的内容：

需要体系化学习资料的朋友，可以加我V获取：vip204888 （备注网络安全）

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2、mvvm的优点

● 1、低耦合性 view 和 model 之间没有直接的关系，通过 viewModel 来完成数据双向绑定。

● 2、可复用性 组件是可以复用的。可以把一些数据逻辑放到一个 viewModel 中，让很多 view 来重用。

● 3、独立开发 开发人员专注于 viewModel ，设计人员专注于view。

● 4、可测试性 ViewModel 的存在可以帮助开发者更好地编写测试代码。

3、mvvm的缺点

● 1、bug很难被调试，因为数据双向绑定，所以问题可能在 view 中，也可能在 model 中，要定位原始bug的位置比较难，同时view里面的代码没法调试，也添加了bug定位的难度。

● 2、一个大的模块中的 model 可能会很大，长期保存在内存中会影响性能。

● 3、对于大型的图形应用程序，视图状态越多， viewModel 的构建和维护的成本都会比较高。

4、mvvm的双向绑定原理

mvvm 的核心是数据劫持、数据代理、数据编译和"发布订阅模式"。

1、数据劫持——就是给对象属性添加get,set钩子函数。

● 1、观察对象，给对象增加 Object.defineProperty

● 2、vue的特点就是新增不存在的属性不会给该属性添加 get 、 set 钩子函数。

● 3、深度响应。循环递归遍历 data 的属性，给属性添加 get ， set 钩子函数。

● 4、每次赋予一个新对象时（即调用 set 钩子函数时），会给这个新对象进行数据劫持( defineProperty )

2、数据代理

将 data , methods , compted 上的数据挂载到vm实例上。让我们不用每次获取数据时，都通过 mvvm._data.a.b 这种方式，而可以直接通过 mvvm.b.a 来获取

3、数据编译

把 {{}} , v-model , v-html , v-on ,里面的对应的变量用data里面的数据进行替换。

本人从事网路安全工作12年，曾在2个大厂工作过，安全服务、售后服务、售前、攻防比赛、安全讲师、销售经理等职位都做过，对这个行业了解比较全面。

最近遍览了各种网络安全类的文章，内容参差不齐，其中不伐有大佬倾力教学，也有各种不良机构浑水摸鱼，在收到几条私信，发现大家对一套完整的系统的网络安全从学习路线到学习资料，甚至是工具有着不小的需求。

最后，我将这部分内容融会贯通成了一套282G的网络安全资料包，所有类目条理清晰，知识点层层递进，需要的小伙伴可以点击下方小卡片领取哦！下面就开始进入正题，如何从一个萌新一步一步进入网络安全行业。

需要体系化学习资料的朋友，可以加我V获取：vip204888 （备注网络安全）

学习路线图

其中最为瞩目也是最为基础的就是网络安全学习路线图，这里我给大家分享一份打磨了3个月，已经更新到4.0版本的网络安全学习路线图。

相比起繁琐的文字，还是生动的视频教程更加适合零基础的同学们学习，这里也是整理了一份与上述学习路线一一对应的网络安全视频教程。

网络安全工具箱

当然，当你入门之后，仅仅是视频教程已经不能满足你的需求了，你肯定需要学习各种工具的使用以及大量的实战项目，这里也分享一份我自己整理的网络安全入门工具以及使用教程和实战。

项目实战

最后就是项目实战，这里带来的是SRC资料&HW资料，毕竟实战是检验真理的唯一标准嘛~

面试题

归根结底，我们的最终目的都是为了就业，所以这份结合了多位朋友的亲身经验打磨的面试题合集你绝对不能错过！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！