028-86261949

当前位置:首页 > 技术交流 > 前端三大框架以及jquery与现在的bootstrap,elementui,layui,easyui这些框架有什么区别?

前端三大框架以及jquery与现在的bootstrap,elementui,layui,easyui这些框架有什么区别?

2020/08/18 15:13 分类: 技术交流 浏览:0

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

了解了前端概念之后,那么就需要知道前端需要学习那些知识。前端基础的三个组成部分:HTML,CSS,JavaScript(简称JS),那首先来了解这三个概念:

·HTML负责结构,网页想要展示的内容用html书写;

·CSS负责样式,网页的布局与美化就由它来控制;

·JS负责交互,用户和网页产生的互动由它来实现。

web前端发展至今,演变出了无数的库和框架;说到库第一时间想到的是不是jquery?之前本人刚接触库的时候也是从jQuery开始的。今天我们就来说说现在前端都有哪些好用的库与框架。

  • jQuery

 

(图片来源于网络)

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

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

 

  • Bootstrap

 

(图片来源于网络)

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

  • layui

 

(图片来源于网络)

layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。layui 首个版本发布于 2016 年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。

  • ElementUI

Element-UI是饿了么前端团队推出的一款基于Vue.js2.0的桌面端UI框架,手机端有对应框架是MintUI。

 

(图片来源于网络)

 

  • AngularJS

 

(图片来源于网络)

 

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

  • React

 

(图片来源于网络)

 

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

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

  • vue.js

 

(图片来源于网络)

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。是目前流行的三大框架之一。

  • EasyUI

 

(图片来源于网络)

easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。

以上是对各大库与框架的介绍。

要想零基础学习前端建议按以下顺序来学习:

第一阶段:网页基础的学习路线:HTML入门基本内容,CSS+DIV的基础知识,选择器,盒子模型,网页布局,Photoshop

第二阶段:web编程基础的学习路线:JavaScript基础,BOM和DOM模型,事件处理,jQuery,交互及动画,jQuery优质插件,文档处理,数组和对象操作

第三阶段:Web编程高级及全栈开发的学习路线:JavaScript高级编程,jQuery插件开发,模块化组件开,AJAX,Express(Node.js),MongoDB,ElementUIl

第四阶段:响应式网站与项目自动化开发的学习路线:HTML5,CSS3,响应式原理及布局,Bootstrap,前端依赖管理,CSS预处理语言(Less+Sass),Grunt/Gulp自动化构建工具

第五阶段:框架与项目管理的学习路线:MVC、MVVM架构模式,VUE2,Webpack模块加载器&打包工具,React,Angular4

第六阶段:混合式移动及微信开发的学习路线:React Native,微信小程序

 

#标签:前端,前端开发,前端H5