这些年帮过我的前端框架（实用篇）

今天药忘吃喽~ 2022-06-01 05:07 243阅读 0赞

前端其实就好像建房子一样，建设的方式也是多种多样的。

例如你可以什么都不用，单靠双手去把房子砌起来。这样实在，稳健，房子的每一个角落你都知道得清楚楚楚，但是效率偏低。 
    
        你也可以使用各种工具，提交你建房子的效率。例如你可以用搅拌机，帮你和水泥。你可以不需要知道搅拌机的运行原理，你只要按它的指示按下开关，它就很快地帮你完成任务。  
    
        前端的框架，就是我们前端建房子的工具，繁多好用。
    
        接下来我就要说一下这些年对我很有帮助的前端框架。

1.基础型框架  
1.1jQuery——前端不懂jQuery，学得更多也枉然。  
最普遍最简单实用的javascript框架，就算你不懂原生javascript为何物，但是只要你看上几遍jQuery的api，你也会发现你原来也懂操作dom，也会Ajax，也能实现页面上的各种交互。对于初学者来说，《锋利的jQuery》一书，绝对足够让你对jQuery入门上手。鉴于大家都知道它，就不多说了。

1.2 sass和less——css预处理神器  
它们是css的预处理器，让css拥有了编程的特性，让css活起来了。它们的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。如果说你还没用过它们，我只能说你太凹凸慢了。sass和less能让你的css更灵活，更高效，更容易管理。其他的好处我就不说了，你们可以去看看阮一峰的网络日志[http://www.ruanyifeng.com/blog/2012/06/sass.html][http_www.ruanyifeng.com_blog_2012_06_sass.html]

1.3zepto.js——手机端小清新版jQuery

zepto.js简单的概括就是，手机端的简约版的jQuery.它的主要组件经过zip压缩后，只有9k。它的出现，让手机页面在响应和交互上增色不少。它的语法和jQuery基本一样。  
当然它也有它坑爹的地方，就是touch.js的拓展，对一些浏览器是不支持的，兼容性比较差。大家要谨记这点，以免踩坑。

1.4Foundation——响应式布局的佼佼者  
为什么要把Foundation放在基础篇里面，其实是想侧重突出它的布局思想——响应式布局。手机端页面越来越多的今天，灵活的流体设计盛行的今天，foundation的引导作用功不可没。尽管它的作用远远不止响应式布局，但是也是由于功能太多，有时候在移动端实用的时候，感觉略重。 所以在这里建议大家就是把它的响应式布局的思想和原理学到手，然后自己去实现响应式布局。

2.页面搭建型框架  
说到这个层面的框架，那真的是滔滔江水连绵不绝，一波未平一波又起。框架太多太多了，接下来只列举我用过的比较好用的几个。

2.1bootstrap——超级流行的搭建型框架  
度娘告诉我们：Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。  
丰富的组件和js插件，灵活的组建组合，简约优雅的ui等等等等，让web开发更迅速简单。 不好的地方就是版本比较低的浏览器不支持里面的譬如响应式布局等内容。本人曾经用它快速搭建过后台系统，真心快很准。值得使用。

2.2seaJs——js模块化利器

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。  
与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。  
seajs通过js的粒子化和按需加载，让整个前端的流水线运作得更快更流畅。  
同类型的还有requirejs和百度的fis等等.

3.mvc框架——mvc的日与夜  
3.1Backbone.js  
Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESTful JSON接口连接到应用程序。  
Backbone.js的使用，我只处于拿来玩的状态。有兴趣的话请自行去官网逛逛。

3.2Angular.js
          这个框架听别人介绍时很厉害的，具体的请到它官网查看。http://woxx.sinaapp.com/

优点：对模板范围和控制器设计有很好的考虑，拥有依赖注入系统，支持丰富的UI绑定语法。缺点：代码的模块性不强，视图的模块化也不够。

先写这么多，以后再补充。

Author: Alone  
Antroduction: 高级前端开发工程师  
Sign: 人生没有失败，只有没到的成功。

博主相关文章推荐：

移动端上下滑动事件之–坑爹的touch.js

轻轻谈一下seaJs——模块化开发的利器

有趣的前端题目，看了不后悔

移动端前端开发概述

浅谈 标签的语义化

浅谈鼠标滚轮事件

不积跬步无以至千里—-高度自适应的textarea