记录下来以便未来看看现在的自己!!
工作上对于vue.js真的很喜欢,以至于我再让我去写jquery,我就感觉写起来好麻烦,因为数据驱动的方式确实简单的多。
我们作为前端来说,基本做的就是让页面发生状态的改变然后把需要改变后的状态,返给后台让后台保存。
而页面的状态改变分为两种: 1,页面样式的改变,比如点击改变颜色,点击布局改变,这些都是页面样式的改变,2,页面数据的改变,比如购物的数量,点击增加一个,比如 点击增加页面数据。
实际前后端的合作就是数据的合作,后端给前端数据,前端来把数据显示在页面上,让用户看到,然后前端把用户的数据返回给后端,让后端把用户的数据存储在后台数据库,需要改变就再改变,一切围绕着数据来行动。
以前我们用jquery的时候,是这样的: 我们要先在DOM树中找到这个元素,然后让它做一些事情,比如添加class,$('#app').addClass('red'),这样的思想是比较直观的,想改变哪个元素就先找到它然后给它一些命令,这就是jquery的中心思想。
而现在以vue.js,react.js为代表的MVVM框架都是数据驱动的,就是一切围绕数据来做,你只需要关注数据的状态,
数据改变页面自动会变,再加上vue自带的模板引擎,让你写起来更加舒服也更有效率。
以增加数据为例,我们要增加一个输入框,用jquery的话,首选我们需要拼接输入框这个元素,然后找到对应的元素,再append它的后面。
而用vue.js,我们只需要在对应的数据数组中push一条数据就可以了,var a =[], 然后a.push({input})就可以了,页面就会自动添加一个新的输入框。
从jquery的命令式到vue的数据驱动思想的转变确实需要时间,但数据驱动确实能让我们写的代码更少,同时也更有效率,代码也更容易维护,因为只是在改变数据,简单也就是数据的增加,删除和修改。
新的框架出现并能火起来,就一定代表着 这些新的东西确实能改变一些以前的很多不好的地方,因为有痛点,所以才会有很多人去用,要不然也不可能发展起来。
前端的技术更新的算是比较快的,但总之也是html 和 css,js,所以学好這些基础知识,对你学习新的事物会更加快,建议你现在学习数据驱动的思想,并试试vue.js!!