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

徐小夕 等级 478 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的技术, 并不断将技术落地, 前端工程师们将迎来新一波的技术迭代, 所以我们抓住以上的趋势, 持续努力吧......

收藏
评论区

相关推荐

设计模式PDF下载了4.0万本!那,再肝一本《Java面经手册》吧!
作者:小傅哥 博客:https://bugstack.cn(https://bugstack.cn) 沉淀、分享、成长,让自己和他人都能有所收获!😄 一
握草,你竟然在代码里下毒!
作者:小傅哥 博客:https://bugstack.cn(https://bugstack.cn) 沉淀、分享、成长,让自己和他人都能有所收获!😄
工作两年简历写成这样,谁要你呀!
作者:小傅哥 博客:https://bugstack.cn(https://bugstack.cn/) 沉淀、分享、成长,让自己和他人都
2020年国内前端团队都做了些什么?
2020年是国内互联网公司发展最迅速的时代, 前有技术公司华为独立开发了操作系统和国内芯片产业, 后有疫情时代兴起的在线教育和直播产业, 无疑对前端团队带来了巨大的挑战和机遇. 笔者将结合一线互联网公司实际做的事情来对2020年技术做一次梳理, 希望对大家有所帮助. 2020年前端团队的新挑战和方向 1. 跨平台应用架构的研发和应用 跨平台应用开发
中国十大IT技术社区,你都知道哪些?
中国5大新型IT技术社区与5大传统IT技术社区,你都知道哪些? 社区是聚集一类具有相同爱好或者相同行业的群体,IT技术社区就是聚集了IT行业内的技术人,在技术社区可以了解到行业的最新进展,学习最前沿的技术,认识有相同爱好的朋友,在一起学习和交流。 社区是聚集一类具有相同爱好或者相同行业的群体,IT技术社区就是聚焦了IT行业内的一群技术人,在技术社区可以学
写给 Linux 初学者的一封信
大家好,我是肖邦。 这篇文章是写给 Linux 初学者的,我会分享一些作为初学者应该知道的一些东西,这些内容都是本人从事 Linux 开发工作多年的心得体会,相信会对初学者有所帮助。如果你是 Linux 老鸟,那可能就不需要再往下看了 linux(https://imghelloworld.osscnbeijing.aliyuncs.com
半年招聘筛选了400+份简历,告诉你怎么写容易被撩!
作者:小傅哥 博客:https://bugstack.cn(https://bugstack.cn) 沉淀、分享、成长,让自己和他人都能有所收获!😄
一文搞懂什么是HTTP与HTTPS
(https://blog.csdn.net/petterp/article/details/102779257)Http与Https的区别。 在最近的开发中,深感网络相关基础知识薄弱,于是趁周末好好总结一
绝对absolute定位后,元素宽度问题
由于设置了绝对定位,宽度以子元素内容的宽度一致,此时设置什么最小宽度那些都没用,但是又不能写死宽度,需要根据内容来撑开 采用 whitespace: nowrap;强制不换行,让其内容撑开 position: absolute; whitespace: nowrap; 前 在这里插入图片描述(https://imghelloworld
20 张图彻底弄懂 HTTPS 的原理
前言 近年来各大公司对信息安全传输越来越重视,也逐步把网站升级到 HTTPS 了,那么大家知道 HTTPS 的原理是怎样的吗,到底是它是如何确保信息安全传输的?网上挺多介绍 HTTPS,但我发现总是或多或少有些点有些遗漏,没有讲全,今天试图由浅入深地把 HTTPS 讲明白,相信大家看完一定能掌握 HTTPS 的原理,本文大纲如下: HTTP 为什么不安全
几个常用js库,别再重复造轮子了
年底了,总结下今年用到的一些有意思的《js轮子》(只是大概列出些比较有意思的库,每个标题都是超链接,可点击自行查阅) 希望能对您有用! 如有意思的 轮子 可以在评论列出一起讨论下 color(https://links.jianshu.com/go?tohttps%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fco
这些鲜为人知的前端冷知识,你都GET了吗?
背景最近公司项目不多,比较清闲,划水摸鱼混迹于各大技术博客平台,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来,不由的发出一声感叹! 前端可真是博大精深于是突发奇想,现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容,俗话说,独乐乐不如众乐乐,大家一起来接受前端的洗礼吧!!! 论被玩坏了的前端HT
https://cloud.tencent.com/developer/article/write/1830331
一、目标今天的目标是这个sign和appcode 二、步骤 Jadx没法上了app加了某梆的企业版,Jadx表示无能为力了。 FRIDADEXDumpDexDump出来,木有找到有效的信息。 Wallbreaker葫芦娃的Wallbreaker可以做些带壳分析,不过这个样本,用Frida的Spawn模式可以载入,Attach模式会失败。而直接用Objecti
这些常见的坑,90%的程序猿都踩过,来看看里面有没有你的脚印?
在学习python的过程中,相信大家都有踩过不少的坑,有些坑可能踩了不止一次,感觉就像是在坑与坑之间反复横跳。那么如何避免这些坑呢?看完这篇文章,你就知道了。我们来谈谈我们学习python的过程中,最常见的七大坑:1. 缩进,符号和空格不正确写代码时大家会使用缩进、对齐、空格等,这些是为了提高代码的可读性在python语言中,缩进是十分重要的比如在创建一个新
"烂文收割机",最近都做了些什么!
前言这段时间(距离上次发文已经过了 14 天整整两个星期)一直忙碌自己的工作事情,没有更多的时间去更文!其实挺想说句抱歉的...... 但确实不知怎样开口!那就来说说我最近都做了什么?以及为什么我会写这样的标题! 公众号:我是阿沐 最近状况 工作中转变熟悉我的小伙伴们应该知道,从去年我入职新东家之后;就专注做语音直播这一块的业务(独立项目),项目也是运转多年