2020年国内前端团队都做了些什么?

徐小夕 等级 845 1 0

2020年是国内互联网公司发展最迅速的时代, 前有技术公司华为独立开发了操作系统和国内芯片产业, 后有疫情时代兴起的在线教育和直播产业, 无疑对前端团队带来了巨大的挑战和机遇. 笔者将结合一线互联网公司实际做的事情来对2020年技术做一次梳理, 希望对大家有所帮助.

2020年前端团队的新挑战和方向

1. 跨平台应用架构的研发和应用

跨平台应用开发在几年前国外就开始做了, 比如React Native, 笔者这里梳理一下具体的场景和技术方案:

  • H5(HTML5)+ 原生 ( Cordova、 Ionic、微信小程序)

  • Javascript 开发 + 原生渲染 ( React Native、Weex、快应用)

  • 自绘 U+ 原生 ( QT Mobile、 Flutter)

  • uniApp / Taro

这里笔者采用uni的架构来给大家展示跨平台的底层架构: 2020年国内前端团队都做了些什么?

笔者周围的很多前端工程师其公司业务基本都有跨平台的需求, 所以如果你对这个方向感兴趣, 可以提前了解研究一下.

2. 实时音视频技术发展和应用(WebRTC)

随着人们对用网的要求日趋迫切和5G技术的发展, 实时音视频通信风头正劲,实时音视频技术 WebRTC 也因此受到了广泛关注。相关数据显示,2017-2021 年期间,全球网络实时通信(WebRTC)市场将以 34.37% 的年均复合增长率增长。 目前国内的很多厂商比如腾讯云, 阿里云, 七牛云等都提供了非常完善的技术支持, 作为前端工程师的我们, 不仅要学会如何去应用这些技术, 也要了解这些技术的底层实现原理. 笔者这里介绍一下使用场景: 2020年国内前端团队都做了些什么?

3. 前端应用监控体系逐渐完善和服务化

前端监控包括行为监控、异常监控、性能监控等,为了在竞争日趋激烈的时存活下去, 企业不得不对应用做好全方面的分析, 保障应用的可监测和稳定性.

一般而言,一个监控系统,大致可以分为四个阶段:日志采集、日志存储、统计与分析、报告和警告。 2020年国内前端团队都做了些什么?

根据异常代码的后果的程度,对前端异常的表现分为如下几类: 2020年国内前端团队都做了些什么?

所以作为前端工程师的我们, 需要了解前端监控的基本组成和表现, 不管未来我们是使用第三方的监控平台还是自己开发, 都会有一个大致的方向. 笔者也会在 趣谈前端中分享相关的技术实践, 感兴趣的可以相互交流.

4. lowcode平台和可视化搭建平台

最近我们可能听到很火的一个技术话题就是lowcode. 云开发低码 LowCode 是高效、高性能的拖拽式低代码开发平台,向上连接前端的行业业务,向下连接云计算的海量能力,助力企业垂直上云。云开发低码将繁琐的底层架构和基础设施抽象化为图形界面,通过行业化模板、拖放式组件和可视化配置快速构建多端应用(小程序、H5应用、Web 应用等),免去了代码编写工作,让您能够完全专注于业务场景。云开发低码以云开发作为底层支撑,云原生能力将应用搭建的全链路打通,提供高度开放的开发环境,且时刻保障我们的应用。

目前很多云厂商有很多方案, 这里我们不一一介绍了, 接下来我们来看看它的应用场景: 2020年国内前端团队都做了些什么?

对于可视化搭建平台, 目前也是很多公司在竭力去研究的方向, 笔者的朋友开的公司都在做这一块的业务, 包括电商平台的营销可视化搭建系统, 后台业务系统可是可视化, H5可视化搭建等, 如下:

  • Outsystems
  • Mendix
  • iVX | 跨平台lowcode解决方案
  • amis | 管理业务先行的B端低代码解决方案
  • H5-Dooring | 移动先行的可视化编辑器

关于 H5-Dooring 的实现方式, 笔者也写了很多文章, 感兴趣的可以学习参考一下, 目前还在持续迭代和更新.

如何搭积木式的快速开发H5页面?

5. severless技术应用普及

2020年国内前端团队都做了些什么?

Serverless,即无服务器架构,是一种新的架构方式。目前也是非常热门的一种技术,很多大公司都在往 Serverless 这个方向上发力。它的核心思想是让开发者专注构建和运行应用,而无需管理服务器。在传统模式下,如果我们想将应用程序上线,一般得提前了解它需要多少台服务器、多大的存储量和数据库等。并且还需要安装应用程序所依赖的其他软件。但如果使用 Serverless,就可以让我们不需要去费心布置和管理这一切。 总的来说,Serverless 的特点有:

  • 事件驱动
  • 自动扩展伸缩
  • 无状态
  • 无需自己管理服务器
  • 低成本,按需收费,不运行不收费

所以, 2020年, 如果我们前端er们还不好好了解一下 serverless, 是不是要更不上时代了呢?

6. 脚手架生态日趋成熟, 百花齐放

脚手架主要是为前端团队做工程化管控的工具, 使用它我们可以轻松的开发应用和打包部署, 目前也有很多脚手架生态百花齐放, 其核心还是对 nodejs 和 webpack 等的掌握, 就拿umi来说, 作为企业开发的开箱即用的集成工具已经是非常强大了, 我们可以定制umi的插件, 利用其加载机制去实现各种复杂业务的场景应用. 如下: 2020年国内前端团队都做了些什么?

所以如果我们想进阶前端, 我们可以学习 umi 的架构模式, 推陈出新. 笔者也基于umi 开发了对应的组件库, 大家感兴趣可以研究学习一下:

微前端架构实践

从0到1教你搭建前端团队的组件系统(高级进阶必备)

7. 前端Vr技术应用落地

2020年国内前端团队都做了些什么? Vr技术也是近几年比较火的技术, 目前国内公司也在布局这块的业务, 包括x宝等电商网站做的Vr商品展示, 看房平台的房屋全景Vr等, 某字节的某个产品目前也在做这一块的事情, 所以大家可以参考一下, 主要实现可以使用 three.js 等.

8. 华为鸿蒙系统上市之后的javascript技术应用红利

关于华为操作系统的上线, 很多前端 coder们又迎来了新一波的学习潮, 想一想我们可以用javascript来开发操作系统的应用软件, 是一种什么感受呢, 嗅觉敏锐的企业家估计早已默默规划相关产品了, 所以前端的未来, 无限可能. 2020年国内前端团队都做了些什么?

2021, 无限可能

2021年将继续验证2020的技术, 并不断将技术落地, 前端工程师们将迎来新一波的技术迭代, 所以我们抓住以上的趋势, 持续努力吧......

收藏
评论区

相关推荐

2020年国内前端团队都做了些什么?
2020年是国内互联网公司发展最迅速的时代, 前有技术公司华为独立开发了操作系统和国内芯片产业, 后有疫情时代兴起的在线教育和直播产业, 无疑对前端团队带来了巨大的挑战和机遇. 笔者将结合一线互联网公司实际做的事情来对2020年技术做一次梳理, 希望对大家有所帮助. 2020年前端团队的新挑战和方向 1. 跨平台应用架构的研发和应用 跨平台应用开发
中国十大IT技术社区,你都知道哪些?
中国5大新型IT技术社区与5大传统IT技术社区,你都知道哪些? 社区是聚集一类具有相同爱好或者相同行业的群体,IT技术社区就是聚集了IT行业内的技术人,在技术社区可以了解到行业的最新进展,学习最前沿的技术,认识有相同爱好的朋友,在一起学习和交流。 社区是聚集一类具有相同爱好或者相同行业的群体,IT技术社区就是聚焦了IT行业内的一群技术人,在技术社区可以学
这些鲜为人知的前端冷知识,你都GET了吗?
背景最近公司项目不多,比较清闲,划水摸鱼混迹于各大技术博客平台,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来,不由的发出一声感叹! 前端可真是博大精深于是突发奇想,现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容,俗话说,独乐乐不如众乐乐,大家一起来接受前端的洗礼吧!!! 论被玩坏了的前端HT
"烂文收割机",最近都做了些什么!
前言这段时间(距离上次发文已经过了 14 天整整两个星期)一直忙碌自己的工作事情,没有更多的时间去更文!其实挺想说句抱歉的...... 但确实不知怎样开口!那就来说说我最近都做了什么?以及为什么我会写这样的标题! 公众号:我是阿沐 最近状况 工作中转变熟悉我的小伙伴们应该知道,从去年我入职新东家之后;就专注做语音直播这一块的业务(独立项目),项目也是运转多年
HTTPS
### 最近网站更新为https,于是做个笔记 ### 将域名 [www.domain.com](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.domain.com) 的证书文件1\_www.domain.com\_bundle.crt 、 ### 私钥文件2\_www.doma
HTTPS
楔子 谣言粉碎机前些日子发布的《[用公共WiFi上网会危害银行账户安全吗?](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.guokr.com%2Farticle%2F100110%2F)》,文中介绍了在使用HTTPS进行网络加密传输的一些情况,从回复来看,争议还是有的。随着网络越
HTTPS请求
##HTTPS请求## > **HttpsUtils代码** package com.ices.utils.httpsHelp; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader;
Docker 常用命令,这些都要会!
公众号关注“杰哥的IT之旅”, 选择“星标”,重磅干货,第一时间送达! ### 1、Docker容器信息 ##查看dock
Redis都有哪些数据类型
string ====== 这是最基本的类型了,就是普通的set和get,做简单的kv缓存 hash ==== 这个是类似map的一种结构,这个一般就是可以将结构化的数据,比如一个对象(前提是这个对象没嵌套其他的对象)给缓存在redis里,然后每次读写缓存的时候,可以操作hash里的某个字段。 key=150 value={ “id”:
SAP成都研究院DevOps那些事
![00-logo.png](https://oscimg.oschina.net/oscnet/up-c4ad68e1489dd93a27450e019a05f7e5.png) ![01-盗图.png](https://oscimg.oschina.net/oscnet/up-63b04cf78c14f773e5c3511cf204d9a1.png)
Spring Boot 2.0(三):Spring Boot 开源软件都有哪些?
2016年 Spring Boot 还没有被广泛使用,在网上查找相关开源软件的时候没有发现几个,到了现在经过2年的发展,很多互联网公司已经将 Spring Boot 搬上了生产,而使用 Spring Boot 的开源软件在 Github/码云 上面已有不少,这篇文章就给大家介绍一下 Github/码云 上面和 Spring Boot 相关的开源软件。 1、
Spring Cloud 开源软件都有哪些?
学习一门新的技术如果有优秀的开源项目,对初学者的学习将会是事半功倍,通过研究和学习优秀的开源项目,可以快速的了解此技术的相关应用场景和应用示例,参考优秀开源项目会降低将此技术引入到项目中的成本。为此抽了一些时间为大家寻找了一些非常优秀的 Spring Cloud 开源软件供大家学习参考。 上次写了一篇文章[Spring Boot 2.0(三):Spring
现实中的CTF大赛都有哪些人参与?
CTF大赛的问题蓝队云还是很有发言权的,毕竟连续参加了云南省4届网络安全攻防大赛,也有出题经验。回答这个问题之前,我们首先需要知道CTF是什么?CTF,英文名可直译为“夺得Flag”,也可意译为“夺旗赛”。其大致流程是,参赛团队之间通过进行攻防对抗、程序分析等形式,率先从主办方给出的比赛环境中得到一串具有一定格式的字符串或其他内容,并将其提交给主办方,从而夺