前端开发进入2021年会是一个新的阶段，老的技术逐渐进入维护期，新的技术还没有占据主导市场，新的开发方式还没有到来，但是，又有一些新尝试的趋势。2021前端开发究竟将往哪个方向发展呢？本期robust将和你一起聊一聊。
在线收听
网易云音乐：点击播放
喜马拉雅：点击播放
你还可以在苹果自带的 Podcast 应用中搜“Robust”找到我们的节目收听。
捐赠支持
求打赏🙇如果你觉得 Robust 这样一档技术类的谈话节目还不错，希望我继续做下去，不妨打赏支持。
内容大纲
一、目前已知技术回顾和猜测
1. 框架方面，react/vue进入维护期，将从解决前端视图问题，逐渐往解决前端工程问题，例如react新提出的server components，以及webpack5推出的联邦模块，都是从工程角度去重新思考前端开发模式的可能性，从这个层面讲，唯有angular还会在前端视图问题上有新的可能性，因为angular本身就要比react/vue走的远，比如angular的service层和rxjs事件流
2. typescript会越来越火，但是我还是不喜欢，有亮点原因，1是typescript是js的超集但阉割了js本身的特性，主要包括原型链、object的随意属性、function的静态方法等；2是typescript在类型上并不安全，而且有些写法是不可能在编译时完成检查的，而不安全的类型检查一方面影响了js的灵活性，另一方面让开发者忽略了某些实质性类型判断问题，意味不用进行某些逻辑的判断
3. 越来越不看好flutter，它只是一个框架，开发者或者创业公司不应该押宝在flutter上，它甚至有可能被谷歌抛弃，就像android一样，这是有可能的
4. 但凡谷歌牵头的技术，都有可能逐渐不那么重要，包括PWA和web-component，对于开发者而言，学不学都无所谓
5. graphql基本没人提了
6. 小程序，微信小程序越来越成熟，但是开发者始终被牵着鼻子走。除了微信小程序，其他家小程序都是自己的人在开发，例如美团app上，只有美团自己的人在开发
7. IMWeb团队发了一篇文章 https://cloud.tencent.com/developer/article/1764851 TypeScript 爆发增长，三大框架 React 当先，WASM 展露头角，Low-Code 恰逢其时，全栈开发持续深耕，DevOps 渐进增强，WebRTC 持续升温，
二、行业趋势
1. 游戏。一个永恒不变的话题，阿里 evan.js 提供了一套web+小程序中的增长游戏引擎。主要解决的是，游戏本身的可玩性与业务增长之间的对接。
2. 音视频领域。例如直播。服务端渲染。它们的技术基础都是将音视频以流数据进行传输的实时数据交换技术。
3. 数据可视化。大数据语境下，从二维往更高维度进行展示。
4. 产业互联网，B端产品的变化。集成度越来越高，不再需要思考这功能到底要不要，但凡可以称得上通用能力的，都要。例如权限这块、文件预览这块、流程这块。另一方面，定制化程度越来越高，背后的潜台词就是，一个系统将包罗万象，极其复杂，这对系统的稳定性和扩展性同时提出了要求。
三、前端技术趋势
1. 数据可视化是一个重要话题，2021年，或者说这几年，将会是数据可视化发展极其重要的几年，除了掌握一些知名的可视化库，例如echarts之外，更复杂的可视化要求会更凸显。为什么？因为目前的所有可视化系统，大部分都是二维的，在二维层面呈现数据往往是为了得到一个结论而刻意为之，而把其他因素给隐藏了，其实得到的结论是片面的。而高维的可视化应该怎么去做？这可能带来脱离DOM环境的视觉编程：canvas, webgl, webgpu, 3d, 4d
2. serverless，结合react server components组件即服务，可以直接连数据库，不分前后端的感觉了
3. 低代码平台，这东西我虽然不看好，但是它在这两年概念上就是火了，问题在于开发者要怎么对接上去呢？是每个开发者都要自己去搞一套低代码平台，还是说要去学习一个低代码平台的东西，然后又像flutter一样去学？那要学多少个平台啊？
4. 机器学习，前端实时的预测将会给应用带来新的局面，举个例子，腾讯问卷，通过直接再前端去预测一个用户填的问卷结果是认真填写的，还是瞎填的，是不是撸羊毛，如果预测是瞎填的，直接提交的时候，就走一个信度低的接口，抽奖的时候，就直接请求不会抽中的接口；再举个例子，通过预测用户的输入，帮用户自动填写；在举个例子，通过预测用户的使用习惯，直接修改前端布局，实现千人千面的布局逻辑
5. webrtc，主要是整个消费场景的变化，5g的来领，以及整个娱乐消费行业往视频/直播形式转变，webrtc的需求很大
6. webassembly->rust, ffmpeg
7. DSL，直接再前端解析dsl，达到不同的布局/计算等效果，例如在一些创作系统中，可以让用户通过写dsl来产生特殊的布局或效果
8. headless cms: strapi
9. 跨端开发，IoT，led走字屏
10. 量子计算，比较遥远
11. 全场景体验技术。vr技术不温不火，我一直期待的苹果设备没出来，苹果已经去搞汽车去了。另一侧，全方位的线上线下体验，例如人脸支付。
2021-01-10 2795
