当前主流的(2020年)前端+后端架构以及未来技术演进方向趋势

转载 http://www.shareblogs.top/1746/

文献参考https://www.jianshu.com/p/97b44cbf01b6

前端架构

  发布时间性质特点优点缺点兼容性
旧框架JS1995年 动态类型 

1、不适合大项目

2、不利于团队合作和构建复杂项目

 
node.js2009年5月

1、是前端框架

2、是一个基于ChromeV8引擎的JavaScript运行环境

Node.js为基础的Express和KOA后端框架

1、前后端都可以开发。

2、后端开发效率比Python做后端开发效率高。

 

 

 

 1、支持Window/linux
TpyeScript2013年6月19日

1、是JavaScript 的超集,本质还是JavaScript。 

2、是编程语言。

1、静态类型、结构清晰、

1、可以用TypeScript去写Node.js脚本

2、适合做小型项目。

3、可以做前后端开发

  
       
当前主流框架vue 2014.01.24

1、是一个JavaScript 库。

2、从Angular等启发而来的服务端语言。

1、轻量级,易上手,易学习。

2、.轻量级的框架/双向数据绑定

 

1、具备强大的组件。

2、架构较新颖。

3、全世界三大前端框架之一,中国最热。

4、简单、快速、组合、紧凑、强大。

5

1、新生、不成熟。

2、适合小型项目

3、

1、不支持IE8
react2013年同构、纯粹的javascript声明式设计、高效、灵活

1、全世界三大前端框架之一

2、速度快、跨浏览器兼容、 模块化、单向数据流

1、适合小型项目1、支持IE8
angular2009年 

1.良好的应用程序结构

2.双向数据绑定

3.指令

4.HTML模板

5.可嵌入、注入和测试

1、全世界三大前端框架之一

2、架构较完善。

3、谷歌开发。

1、入门较难,例子少1、对IE6/7 兼容不好

总结:

以Github为代表的代码管理仓库;

NPM和Yarn为代表的包管理工具;

ES6及Babel和TypeScript构成的脚本体系;

HTML5;CSS3和相应的处理技术;

React、Vue、Anjular为代表的框架;

Webpack为代表的打包工具;

Node.js为基础的Express和KOA后端框架;

Hybrid技术。https://www.cnblogs.com/luwanlin/p/11228147.html

未来发展

1、VR、物联网Web化、Web人工智能。

参考:https://zhuanlan.zhihu.com/p/58022160https://zhuanlan.zhihu.com/p/99598195

2、

  • WebAssembly 核心规范正式成为Web标准
  • Serverless来势汹汹,大前端融合趋势势不可挡
  • Flutter 2019年终于迎来了突破性的发展

3、HTML 5.3 is coming.

4、Vue.js usage will likely overtake all Angular usage.

5、也就是很多人会尝试TypeScript,就像之前尝试 CoffeeScript 一样,后来就不火了

 

       
       
       

后端架构

https://blog.csdn.net/bntx2jsqfehy7/article/details/103849774

http://www.dreamwu.com/post-544.html

https://www.zhihu.com/question/64844673

https://blog.csdn.net/weixin_44175121/article/details/90297426

        
  发布时间性质特点优点缺点兼容性
旧框架 Spring MVC      
当前主流框架Spring Boot  

小项目:一个springboot搞定

大项目:一堆springboot小项目+springcloud搞定后端,前端Vue

   
Spring Cloud      
       
未来发展      
未来发展vert.x+Service Mesh     
       

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值