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