前端最常用的框架有哪些?

2023-05-27 0 1,069

前端最常用的框架有哪些?

后端控制技术

后端控制技术在前段时间10年的产业发展十分快,5天前盛行的架构可能将那时早已没啥他用了。

Jquery库

AJAX(Asynchronous Javascript And XML)这一控制技术基本概念在2005年提出,用以叙述与应用程序相关的两类控制技术,主要包括: HTML/XHTML, CSS, JavaScript, DOM, XML, XSLT, 和最重要的XMLHttpRequest。

前端最常用的框架有哪些?

Ajax发动机透过 HTTP 允诺读取远距统计数据。

采用AJAX控制技术的页面应用领域能加速地将存量重要信息呈那时界面上,而不须要创下整座页面,很大地提高了Web应用领域的使用者新体验。Jquery是AJAX控制技术产业发展到很大某种程度后而造成的集大成者。

Jquery并非两个架构,而要两个Javascript库,能说很大精简了JS程式设计,是往后近两年后端合作开发最常见的库。假如没 Jquery不然,AJAX 程式设计却是很多技术难度的。

那时Web合作开发多从前后端分立的MVVM架构为非主流合作Attichy,间接采用Jquery的太少,通常后端合作开发者在合作开发前台重要信息系统时可能将还会加进。

MVVM架构

MVVM(Model–View–ViewModel) 是两个软件开发设计模式,由谷歌 WPF 和 Silverlight 的CTO Ken Cooper 和 Ted Peters 合作开发,是一类设计模式的程式设计形式。MVVM 的再次出现推动了 GUI 后端合作开发与后端业务逻辑的分立,很大地提高了后端合作开发效率。

前端最常用的框架有哪些?

MVVM架构

目前比较常见的MVVM架构主要包括:Angular、Vue和React。

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。Angular是AngularJS的重写,Angular2.0以后版本命名为Angular,2.0从前版本为AngualrJS。AngularJS是用JavaScript编写,而Angular采用TypeScript语言编写,是ECMAScript 6的超集。

Vue 能说是国内合作开发者采用最多的“架构”,准确来说vue不算是两个MVVM架构,而要两个构建由统计数据驱动的Web界面的Javascript库。因为vue核心库只聚焦在V(view)视图层,不仅易于上手,还便于与第三方库或既有项目整合。值得一提的是,Vue是来自中国的大神尤雨溪合作开发的。

React起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013年 5 月开源,目前主要是由Facebook在维护,一些React周边库也有开源社区在维护。

前端最常用的框架有哪些?

Angular、React、Vue,谁是大家心目中最好的框架

与Vue相比,React的学习会更加复杂一些,采用React须要有ES6的基础,因为很多React组件都是用ES6的class创建的。此外JSX是React的核心组成部分,它采用XML标记的形式去直接声明界面,界面组件之间能互相嵌套。对于JSX语法,却是有很大的学习成本的。

对于要想从事后端合作开发的同学,务必熟练掌握一类架构,建议以vue架构为主,兼修React。除了MVVM架构,也最好熟练掌握一到两种UI架构(以CSS样式文件为主),能加速合作开发出展示和交互效果都比较好的应用领域。

UI架构

前端最常用的框架有哪些?

Bootstrap是早期最盛行的UI架构,很多架构都衍生于它

目前非主流UI架构基本都是自适应的,不过仍然有适用于PC端和移动端之分。

较早广为盛行的PC端UI架构要数bootstrap,很多UI架构都是基于bootstrap基础上进行改造而成。目前比较盛行的PC端架构是layui,后端合作开发者用得比较多。假如采用前后端分立不然,那PC端架构常见饿了么公司的开源架构elementUI.

常见的移动端架构主要包括:WeUI、mintUI、VantUI等。对于后端合作开发者来说,最好PC端和移动端架构各掌握一类。

混合App

前端最常用的框架有哪些?

越来越多原生APP开始引入web合作开发控制技术,形成混合APP

随着HTML5+CSS3+JS合作开发的web应用领域的性能和使用者新体验越来越好,很多公司都开始采用web控制技术合作开发APP,主要包括应用程序套壳APP或者混合APP。

用web控制技术来合作开发APP的好处是能用一套代码同时兼容安卓和苹果系统,这样在合作开发应用领域的时候就能节省一半的人工。另外也能使得安卓和苹果系统的更新进度保持同步,实现加速迭代,节省应用领域市场的审核时间。

常见的混合APP架构主要包括:

Cordova:Apache Cordova是两个开源的移动合作开发架构,允许合作开发者采用标准的web控制技术-HTML5,CSS3和JavaScript做跨平台合作开发。ionic:ionic是两个基于Cordova的轻量级库,在Cordova基础上加上了AngularJS 和一套样式库。Angular JS实现MVVM理念的双向统计数据绑定,UI样式库具有界面现代化和美观的特点。React Native:能在Javascript和React的基础上,在不同平台上获得完全一致的合作开发新体验,理念是仅需学习一次,编写任何平台。但在不同平台下仍然须要写多套代码。Weex:Weex是2016年6月由阿里巴巴推出的两个跨平台合作开发解决方案,支持iOS、安卓、YunOS及Web等多端合作开发部署。FlutterFlutter是谷歌的移动UI架构,能加速在iOS和Android上构建高质量的原生界面。Dcloud国内厂商合作开发的架构,对HTML5的性能、工具、能力都做了深入扩展,提供 IDE 、云服务等帮助节省合作开发时间和提高效率。

大家对以上列举的常见后端架构,还有什么样补充的吗?欢迎说出你的想法。

我会持续更新关于物联网、云原生和数字科技方面的文章,用简单的语言叙述复杂的控制技术,也会偶尔发表一下对IT产业的看法,,希望与大家互动交流,谢谢。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务