蓝鸥旗下品牌: 鸥课学院
全国咨询电话:010-59418771
上海
您的位置: 首页 > 最新资讯 > 上海前端培训 前端必备Js框架汇总

上海前端培训 前端必备Js框架汇总

2017-07-14 蓝鸥
1071人 浏览:

Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新,程序员也在不同业务场景下进行角色互换。而随着前端技术的日新月异和角色转变,Js也扮演着越来越重要的角色。前端技术已经火得不要不要的,前端必备的JS框架技术更应该多掌握在手,这样才能运用自如,早日成为技术大神啊。蓝鸥上海前端培训提供的好用又神奇的JS框架汇总信息,至于神奇在哪儿,你看看就知道啦~

JavaScript 框架

1、Angular

 图片1.png

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

2、jQuery

 图片2.png

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

3、Backbone.js

 图片3.png

Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序。

4、Ractive.js

 图片4.png

Ractive。js是一个模板驱动的UI库,但与其他工具生成的HTML,它将你的模板转换为应用程序的蓝图。

5、KISSY

 图片5.png

KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。

6、Zepto.js

 图片6.png

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。

7、Vanilla JS

 图片7.png

Vanilla JS 是一个快速、轻量级、跨平台的JavaScript框架。我们可以用它构建强大的JavaScript应用程序。

8、Avalon

 图片8.png

迷你 易用 高性能 的前端MVVM框架

轻量级JavaScript框架

9、Min.js – Super minimal selector and event library

 图片9.png

minjs不是一个框架。这是一个独立的组件的集合。只使用你所需要的东西。每个组件也不依赖于任何框架或库:它们是纯粹的JS。

10、skel.js – A lightweight responsive framework

 图片10.png

skelJS是一款轻量级前端框架,用于创建响应式网站和应用。它只是 一个独立的JS文件,为设计师和开发者提供四个核心组件:CSS Grid System、Responsive Handler、 CSS Shortcuts 及 Plugin System。拥有非常精致的12列CSS网格系统,性能包括简洁、语法整齐、可调节的gutters,支持无限制的嵌套等许多超酷的功能。

JavaScript 工具库

11、underscore.js

 图片11.png

Underscore一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。它是这个问题的答案:“如果我在一个空白的HTML页面前坐下, 并希望立即开始工作, 我需要什么?“...它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。

12、Way.js – 双向数据绑定库

 图片12.png

AngularJS的双向绑定一直为人称道,但使用AngularJS需要对页面组件化,学习成本还是很高的。

13、Keys.js – 应用快捷键

For a quick look at the kind of solution that Keys.js is intended to provide, check out the demo application.

This project spawned out of a Chrome extension I was working on where I kept handling more and more key combinations for shortcut actions, until it eventually became an unmaintainable rats nest. Obviously I needed a solution, and Keys.js was born.

因为实在看不懂,就不翻译了哈,这个也很少用到呢。

 


  1. 广告1
  2. 广告2
  3. 广告3
  4. 广告4