美文网首页
应该试着放弃jquery了,数据驱动太方便了!

应该试着放弃jquery了,数据驱动太方便了!

作者: 御姐优 | 来源:发表于2016-11-18 16:41 被阅读3876次

记录下来以便未来看看现在的自己!!

工作上对于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!!

相关文章

  • 应该试着放弃jquery了,数据驱动太方便了!

    记录下来以便未来看看现在的自己!! 工作上对于vue.js真的很喜欢,以至于我再让我去写jquery,我就感觉写起...

  • vue中的 ref 和 $refs

    你应该学过jquery吧,没用vue之前,我前端框架是用JS+Jquery+Bootstrap,因为不是数据驱动,...

  • vue学习笔记

    vue对比jquery vue:mvvm 数据驱动影响视图 适用于复杂数据jquery:mvc 视图塞入数据 ...

  • Vue.js 源码学习笔记2 数据驱动

    数据驱动 Vue.js 一个核心思想就是数据驱动 类比: jquery缺点:直接操作dom 增加内存使用(把DOM...

  • Vue 父组件触发子组件事件

    早期的 Jquery 编程主要是以事件驱动,Vue 则是直接数据驱动。因此在组件嵌套的时候,没有显示的提供,父组件...

  • Vue

    Vue简介 jquery业务逻辑和UI更改混在一起Vue数据驱动,玩的就是数据 Vue、React、Angular...

  • 2018-11-22

    jquery学到一半了,试着写点东西。

  • vue(1)MVVM

    一、和jQuery的区别 数据和视图的分离,解耦(开放封闭原则,扩展开放,修改封闭) 以数据驱动视图,只关心数据的...

  • Ajax之jquery版

    jquery版的Ajax就是将原生的js代码以jquery的形式写出来,方便了我们写代码 在jquery中已经提供...

  • MVVM 和 VUE 详解

    说一下使用Jquery和使用框架的区别 数据和视图的分离,解耦(开放封闭原则) 以数据驱动视图,只关心数据变化,D...

网友评论

      本文标题:应该试着放弃jquery了,数据驱动太方便了!

      本文链接:https://www.haomeiwen.com/subject/cucspttx.html