前端人必知必会的几个流行框架,你都会用吗?!

随着时代的发展,前端已经从刚开始简单地切图、拼接代码的工作逐渐转向交互、性能发展。在这样行业发展背景之下,使用框架能够帮助前端开发工程师去编写交互性更好、性能更优的代码。前端发展到今天,演变出了很多优秀的库和框架,对于每一个前端人来说,哪怕暂时不会用到,但是熟知并且学会操作运用当下流行的框架是非常重要的,万一那天就用上了呢?

下面小职就为大家归纳汇总了当下流行的几个前端框架,看看你有没有遗漏的,有的话就赶紧学起来。

一、Vue

前端三大主流框架之一,是一套用于构建用户界面的渐进式框架,在国内前端开发圈非常受欢迎。Vue可以通过简洁的API提供高效的数据绑定和灵活的组件系统。Vue也使用虚拟DOM,因此在项目中的更改不会正式对DOM产生影响。

与其他大型框架不同,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易好上手,还方便与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

二、React

React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。

它主要用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量,甚至是可交互的应用组件。 

三、Angular

Angular拥有很好的应用程序,是一个以JavaSpript编写的库,模板功能也异常强大,本身就带有丰富的Angular指令。一方面可以通过指令扩宽HTML,一方面可以通过表达式绑定数据到HTML。

AngularJS 有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

四、Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架,是基于HTML、CSS、JS开发的简洁、直观、强悍的前端开发框架,提供了优雅的HTML和CSS规范。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。有着丰富的网格布局系统以及丰富的可重用组件,还有强大的支持的JavaScript、jQuery插件以及组件定制等。

五、Fbootstrapp

Fbootstrapp风格与Facebook类似,是基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能,可以用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等。

六、BootMetro

BootMetro框架是基于Bootstrap框架构建的,用于创建Windows 8的Metro风格的网站。它包括所有Bootstrap的功能,除此之外还添加了几个额外的功能,如页面平铺,应用程序栏等等。 

七、Foundation

Foundation是一款强大的,功能丰富并且支持响应式布局的前端开发框架。前端开发者可以通过它快速创建原型,利用它所包含的大量布局框架、元素以及范例,快速创建在各种设备上可以正常运行的网站和app。

为了更好地用于体验并提高运行速度,Foundation在构建时秉承移动优先的策略,它拥有大量实用的语义化功能,并且使用Zepto类库来取代jQuery。

八、HTML KickStart

HTML Kickstart可以让前端工程师在创建任何布局时更便利的,集合HTML5,CSS和jQuery的工具包。它提供了多种样式表,包括网格,排版,表单,按钮,表格,列表以及一些跨浏览器兼容的Web组件比如JavaScript的幻灯片功能,tabs,面包屑导航,包含子菜单的菜单以及工具提示等等。

九、Kickstrap

 Kickstrap是基于Bootstrap的一个变体,它在Bootstrap的基础上又调价了很多app、主题和一些附加功能。这使得Kickstrap可以单独地用于构建网站,而不需要额外安装其他东西。

正如上文所说,前端的框架还有很多,这里小职只是简单地总结了一些自己平时在工作中经常会用到和接触到的框架,可能归纳并不全面,如有遗漏,欢迎补充。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容

  • 目前,前端框架琳琅满目,在技术选型的时候,感觉还是有点困难。下面简单说下常用的一些流行的前端框架。 首先说下前后...
    金哲成长记阅读 1,493评论 1 10
  • 如今出现了大量的CSS前端框架,但真正优秀的框架只有少数几个。本文将会比较其中五个最佳的框架。每个框架都有自己的优...
    dino小恐龙阅读 4,161评论 0 0
  • 下面介绍了5种比较流行的前端框架 1. AngularJS Angular JS 是一个有Google维护的开源前...
    Xyaleo阅读 4,891评论 0 2
  • 框架 面向对象: 面向对象是一种程序开发的方法,它将对象作为程序的基本单元,将程序和数据封装其中,以提高软件的灵活...
    JK酱阅读 976评论 0 0
  • 企业数据可视化网站的web前端框架技术研究综述 by 旺达哒哒哒 摘要: 关键词:Tableau、数据可视化、we...
    旺达哒哒哒阅读 2,354评论 0 4