其他分享
首页 > 其他分享> > vue不应嘲笑jquery

vue不应嘲笑jquery

作者:互联网

我眼中的jquery:

  抹平浏览器的差异型

    不说了

  提供丰富的 便利的dom操作

    js原生的api晦涩难懂,jquery之余js就好像java之余c++。

  扩展js能力

    这很像目前的loadsh

  提供基础功能

    提供了ajax,事件机制等基础支持

  插件机制

    通过插件机制构建了一个完整的生态

 

jquery是什么?

  jquery的dom操作 utils函数,网络请求支持其他的基于view层的插件 使得jquery是一个view层的框架。

 

我眼中的vue:

  双向绑定

    不说了

  组件功能

    不说了

  完整的声明周期

    vue提供了mounted computed data props methods等功能,可以帮助我们很好的组织代码,同时提供了声明周期方法,使得我们开发时候的灵活性大大增强

  虚拟dom

    不是最好的dom优化方案,但是至少是平均水平之上

  vue-router

    单页面应用的选择

  vuex

    与jquery的data缓存差不多,都是使用内存,但是vuex更加模块化

 

vue是什么?

  vue是一个屏蔽dom操作,使得前端人员专注于数据操作,同时通过组件化 路由等方案,为前端开发人员提供一种新的面向view层的开发方式

 

jquery与vue的区别是什么?

  jquery本质上是一个dom操作库和utils函数库,外加支持网络请求

  vue本质是一个提供一种屏蔽dom操作让前端人员专注于数据操作的库,同时利用组件实现项目内部功能解耦。

jquery是否也有过这种vue的组件方案?

  事实上jquery很早就提供这种组件机制,这是通过jquery的插件机制来实现的。

 

为什么jquery会暗淡而react/vue会流行?

  移动端的兴起使得dom操作的成本很高,同时前端项目不断变得复杂,而jquery并没有一种强制性的规范来组织代码,而vue通过双向绑定机制使得前端人员专注于数据的操作,至少一定程度缓解了大型项目的复杂度问题。

 

jquery并没有消失:

  虽然我们使用了react/vue,但是并不是表示我们不需要操作dom,在特殊情况下 我们仍然需要手动处理dom'操作,一般我们都会封装自己的dom‘操作库,同时函数式开发的盛行,使得loadsh这种提供了一整套函数的库开始流行,我们一般在自己的项目中封装一些业务函数,所以 dom操作库+业务函数库+axios这些不就是缩小版的jquery吗?

 

有了vue我们是如何组织自己的代码?

  vue取代jquery应该是两点,1是屏蔽dom操作,提高了整体性能 2是提供了一套代码规范,即mvvm。

 

一个自己的dom操作库,包括class修改 dom修改 dataset修改 style修改等

一个自己的业务函数库:如 hook axios疯转 加密解密 环境检测 原型扩展等

一套基础服务,如本地数据 异常服务 权限服务等

model层:需要明确的model层来处理业务逻辑

view层:这里就是vue的天下,你可以使用混入 路由 vuex 指令等等来优化你的view层代码

 

很显然,vue只是解决了我们一部分问题,jquery并没有消失,我们仍然可以从他们身上学到很多。

 

标签:jquery,插件,vue,嘲笑,dom,操作,view
来源: https://www.cnblogs.com/mrzhu/p/11738871.html