最新公告
  • 欢迎光临数据科学与编程,我们是数据学科学兴趣交流小组立即加入我们
  • Web前端主流框架汇总

    最近在某乎上看到这样一个问题——前端为什么会越来越复杂。

    在评论中,看到一个回答,大意是这样的:相对于后端来说,前端的发展路径更容易分叉,总要有一种新的方法去解决一个新的问题。随着用户审美的提高,对产品的需求扩大等因素,让前端的选择繁多,分支也增多,这样很难在技术上得到积累,导致前端逐渐出现复杂的现象。

    其实复杂的前端技术不是难以学习和运行的意思,而是涉及的知识点更加丰富,运用到的前端技术越来越多。随着前端技术越来越多,给前端工作者的技术选择越多,就会让人感觉前端越来越复杂,这是从无到有的复杂。但是当这些知识点被集合成一个框架的时候,前端就变成非常容易的事。

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    框架可以帮助省略掉一些基本的相同底层代码的反复书写,只需调用框架的方法就可以实现你想要的功能。学习框架的目的就是提高项目的编写效率,使你可以有更多的时间去编写属于自己独特的东西,而不需要将大量的时间花费在底层代码的书写上。

    本文将带大家大家熟悉前端中的7种框架。在了解框架之前,大家至少要知道前端中的这三个部分:HTML,CSS,JavaScript。

    HTML:负责结构,网页想要表达的内容由HTML书写

    HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的基石。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    CSS:负责样式,网页的美与丑由它来控制

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    JavaScript:负责交互,用户和网页产生的互动由它来控制

    一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端发展至今,演变出了无数的库和框架;说到库第一时间想到的是不是jquery?今天我们就来说说前端发展到现在都有哪些好用的库框架:

    框架一:Vue.js

    近几年最火的前端框架当属Vue.js了,Vue.js是一个构建数据驱动的 Web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它,“vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。授予了这么高的评价的vue.js,也是开源世界华人的骄傲,因为它的作者是位中国人–尤雨溪。

    框架二:Bootstrap

    Bootstrap是让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让Web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范,它是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件,还有强大的支持的JavaScript、jQuery插件以及组件定制等。

     

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    框架三:Layui

    Layui是一款口碑极佳的Web弹层组件,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。Layui首个版本发布于2016年秋,区别于那些基于 MVVM 底层的 UI 框架,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

    框架四:Element-UI

    Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是Mint UI 。适合于Vue的UI框架。

     

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    框架五:Mint UI

    Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

    框架六:Angular

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

    框架七:React

    React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

    上面就是比较常用的7种Web前端主流框架,相信每个前端工程师都有接触过这几种库框架中的几种。

    框架是一种约束,也是一种最佳实践。让你在团队开发中,不能怎么写,必须怎么写,推荐怎么写。而库是一种代码复用的方式,把某些代码段、函数、功能封装起来,你可以开箱即用。学会几种库框架,复杂的前端也会变得简单。

    所以库框架的学习在前端中显得尤为重要,甚至决定你是否能拿到一个高薪水的工作。以下是课程学习纲要。

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    Web前端主流框架有哪些?哪种比较好?一文带你搞懂!

    *上下滑动查看更多

    本站上原创文章未经作者许可,不得用于商业用途,仅做学习交流使用,本站免责声明。转载请注明出处,否则保留追究法律责任的权利。《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
    数据科学与编程 » Web前端主流框架汇总

    发表评论

    • 52会员总数(位)
    • 312资源总数(个)
    • 31本周发布(个)
    • 3 今日发布(个)
    • 331稳定运行(天)

    提供最优质的博文资源集合

    立即阅览 了解详情