脚本宝典收集整理的这篇文章主要介绍了

前端框架及库简介

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

1、js运行机制

javascript是一门单线程语言
同步和异步任务分别进入不同的执行"场所",同步的进入主线程,异步的进入Event Table并注册函数。
当指定的事情完成时,Event Table会将这个函数移入Event Queue。
主线程内的任务执行完毕为空,会去Event Queue读取对应的函数,进入主线程执行。
上述过程会不断重复,也就是常说的Event Loop(事件循环)。

2、js库

jquery
jquery主要是用于处理js和html页面交互的,封装了很多操作dom的方法,以及ajax,相比于原生的js更加的简洁,提高了开发效率。

underscore
underscore.js可以理解为一个js的函数库,其中主要封装了一些常用的js操作函数方法,比如数组操作的map,reduce,filter等等,不过这些函数大多在es6中已经实现了。类似underscore的还是lodash,都是辅助js开发的。

Lodash
Lodash是js的工具库,它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数,其中部分是目前ECMAScript尚未制订的规范,但同时被业界所认可的辅助函数。

3、前端框架

2.1、 vue

  • 简介 Vue.js是当下较为流行的一个JavaScript MVVM框架,它是以数据驱动组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,更易快速地上手并使用。

    不同于jQuery手动操作DOMVue.js是数据驱动的,它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。

  • mvvm(model-view-view-model)框架: 前端框架及库简介-脚本宝典
    ViewModel: 是Vue.js的核心,它是一个Vue实例。作用于某一个HTML元素上的(HTML的body元素或是指定了id的某个元素)。
    双向绑定我们将上图中的DOM Listeners和Data Bindings看作两个工具,它们是实现双向绑定的关键。
    DOM Listeners:帮我们监测页面上DOM元素的变化,如果有变化,则更改Model中的数据;
    Data Bindings:当更新Model中的数据时,它会帮我们更新页面中的DOM元素。

总结

以上是脚本宝典为你收集整理的

前端框架及库简介

全部内容,希望文章能够帮你解决

前端框架及库简介

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过