了解前端的框架知识

构建工具(自动)

  • Grunt.js:生态强大,发展速度快,有大量可选插件;
  • Gulp.js:流式项目构建工具;
  • Browserify.js:Node.js模块,主要用于改写现有的CommonJS模块,使得浏览器端也可以使用这些模块;
  • Uglify.js:JavaScript解析器、压缩工具和代码美化库。

软件包管理工具

  • Homebrew (Mac OS):Apple Mac OS下的软件安装工具;
  • Apt:Debian、Ubuntu等系列Linux系统的软件包管理工具,可用来安装、删除、升级软件等;
  • NPM:Node.js的官方软件包管理器;
  • Bower:twitter的一个开源项目,用于web包管理。

前端

MVC框架

  • Backbone.js:提Web开发的框架,为复杂的Javascript应用程序提供模型(models)、集合(collections)、视图(views)结构;
  • Ember.js:可以创建功能丰富的Web应用程序,并提供一个标准的应用程序架构的JavaScript框架;
  • Angular.js:一组用来开发Web页面的框架、模板以及数据绑定和丰富UI的组件,无需进行手工DOM操作,还允许为App扩展HTML类库。

模板

  • Handlebars.js:JavaScript页面模板库,可以为开发者提供必需的语义模板;
  • Mustache.js:是Mustache模板系统的JavaScript实现,语法逻辑比较简单,适用于C++、Clojure、Erlang、Go、Java、JavaScript等语言;
  • Jade:Node模板引擎,主要用于Node.js里的服务端模板;
  • Haml-js:允许在JavaScript项目中使用Haml语法,与原生的Haml拥有差不多的功能;
  • Eco:可以用来将CoffeeScript逻辑嵌入到标记中。

测试

  • Casper.js:CasperJS是一个为PhantomJS和SlimerJS准备的导航脚本及测试工具;
  • Zombie.js:Zombie.js是一个轻量级的框架,可以在一个模拟的环境下测试客户端的 JavaScript 代码,且不需要浏览器的帮助。

后端

服务器

  • Express:Node的web应用框架;
  • Node:Node.js是构建于Chrome JavaScript运行时基础上的一个平台,可快速构建网络应用。

数据库

  • MongoDB:开源的文档存储数据库,也是领先的非关系型数据库;
  • Postgresql:开源的对象-关系数据库服务器;
  • SQL:结构化查询语言,可用来存取数据以及查询、更新和管理关系数据库系统。

架构

  • RESTful:目前流行的互联网软件架构,结构清晰、易于理解、方便扩展。

测试

  • Cucumber.js:采用受欢迎的行为驱动开发工具并将其应用到JavaScript堆栈中。
  • Jasmine:行为驱动的开发测试框架,不依赖浏览器、DOM或任何其他JavaScript架构,较适合网站、Node.js项目或应用在任何可以运行JavaScript的地方。
  • Mocha:运行在Node.js和浏览器之上,主要用于异步测试。
  • Q-Unit:单元测试框架,常用于jQuery、jQuery UI和jQuery移动项目,也可以用于测试常规的JavaScript代码。

断言库(Assertion Libraries)

  • Chai:一个用于Node的BDD/TDD断言库(Assertion Libraries),可与任何JavaScript测试框架进行搭配。

函数式编程工具

  • Underscore.js:JavaScript库,提供了大量有用的函数编程工具,无需扩展任何内置对象;
  • Lo-Dash:提供自定义、性能和一致性的JavaScript库。

大家可以在 Github上查看本推荐列表的最新状况。

Via  CodeFellows

延伸阅读

时间: 2024-11-06 03:41:46

了解前端的框架知识的相关文章

前端制作入门知识

原文链接:http://caibaojian.com/frontend-base.html 前端制作入门知识 A-A+ 前端博客•2015-08-18•前端开发•CSS | 前端基础•2020View1 文章目录 一.名词解释 二.文本格式化 三.表单表格 四.文本格式化 五.CSS布局 六.html5视频音频 七.一些约定 八.命名空间 九.基本设置-public.css 十.框架设置 来自百度文库:web前端学习总结(精华版),里面讲了许多的知识,非常适合刚进入前端的童鞋,就算一些有点基础的

太原中软:前端工程师的知识体系

下图是前端工程师图解: 前端开发的核心是HTML + CSS + JavaScript.本质上它们构成一个MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller). HTML 1.标签的分类 - 标签表示一个元素 按性质划分: Block-Level和Inline-Level 按语义划分: Headings: h1, h2, h3, h4, h5, h6 Paragraphs: p Text Form

前端Js框架汇总【转】

概述: 有些日子没有正襟危坐写博客了,互联网飞速发展的时代,技术更新迭代的速度也在加快.看着Java.Js.Swift在各领域心花路放,也是煞是羡慕.寻了寻.net的消息,也是振奋人心,.net core 1,mono,xamarin等等,但大多都还在狂吼的阶段.其实一直以来对技术的理解是技术服务于业务和产品,产品又在不同程度的推进着技术的演进. Web.无线.物联网.VR.PC从不同方向推进着技术的融合与微创新.程序员在不同业务场景下的角色互换.而随着node.js的出现语言的角色也在发生着转

layui经典模块化前端UI框架初识

layui产生背景 layui相对于vue来说确实稍有逊色,但是官网提供的入门文档以及完善的框架结构,使的很多人开始用layui来开发前端页面,那么什么人会去使用layui呢? 针对后端开发人员,在对前端知之甚少的情况下需要自行开发前端页面 前后端数据动态交互要求较低的前端开发工程师 测试开发工程师 layui使用入门 首先我们来认识一下layui layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用.其

最轻量级的前端Mvc框架backbone

最轻量级的前端Mvc框架backbone依赖最轻量级的库understore backbone并非将前端再次切分为mvc,而是分为了七大模块,分别是:Events.Model.Collection.Router.History.Sync.View 一个Model对应一个View,如果是多个Model时,则进化为一个Collection对应一个View Sync负责与服务器端进行交互 官方网站 http://backbonejs.org/ github地址 https://github.com/j

tp框架知识 之(链接数据库和操作数据)

框架有时会用到数据库的内容,在"ThinkPhp框架知识"的那篇随笔中提到过,现在这篇随笔详细的描述下. 一.链接数据库 (1)找到模块文件夹中的Conf文件夹,然后进行编写config.php文件 我这里是这样的文件路径 (2)打开这个config.php文件,然后找到父类配置文件convention.php文件,将关于"数据库"的部分复制粘贴到config.php配置文件中 1 2 3 4 5 6 7 8 9 /* 数据库设置 */    'DB_TYPE'  

web前端ui框架好用的有哪几个

如今移动端网站越来越火热,移动端的网站也纷纷崛地而起,在进行web前端开发(http://www.maiziedu.com/course/web/)时,需要用到适合自己项目的框架就需要有偶遇的机会,特别是适合移动端的web前端框架,很难遇得到,下面小编就推荐几款合适的移动web 前端ui框架给大家,能大大提升我们的开发效率. Amaze UI Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右).Mobile first的前端框架, 基于开源社区流行前端框架编写. Froz

、web前端的这么知识应该是怎样的一个知识体系架构?

.web前端的这么知识应该是怎样的一个知识体系架构?之前我以为可以以W3C为纲要,把W3C的东西学会了就够了.后来发现我错了,W3C还不全面. 真正全面的覆盖了web前端知识体系的东西是——浏览器内核——这并不是说让你去详细了解浏览器内核.做出一个浏览器.浏览器是web前端代码运行的一个平台,浏览器内核里有哪些模块,我们就需要去学习哪些东西.详细的先不说,以后有机会再分享.

960网格布局框架(前端css框架)的使用方法

960框架总宽960px CSS框架已经出现很长时间了,关于这些框架的用处也被我们讨论了很多遍了.有人说,CSS框架不够先进,还有人说这些框架大大的节省了他们的开发时间.在此,我们将不再讨论这个问题. 前段时间,我了解到了CSS框架.经过对Malo.BluePrint和960做了实验对比后,我得出一个结论:我最喜欢960CSS框架. 本教程将解释这个框架的基本原理,这样你就可以用960来快速进入开发. 基本原理 你必须知道一些基本原理来“学习这个框架是如何工作的”.你可以通过实验(或者是用fir