文章目录[隐藏]
最有前途的前端技术
2020年的年终岁尾，我们一起解读一下整个2020年的前端技术的8个技术，并深度分析2021年大前端领域又有哪些顶级技术趋势，你不容错过。
2020年注定是不平凡的一年，相信因为yiqing很多程序员的工作和生活都受到了一定影响，其实现在前端的技术已经到了深水区，工程师主要分为前面架构师和前端图形学工程师，那么2021年整个前端技术又有哪些新的趋势？
1、第一个就是TypeScriptTypeScript整个呈现出爆发性的增长，在NPM它的下载量达到了四。
2、第二个就是React下载量达到了第一，但是Vue的star增长最多。
很多人经常问我到底是深入React还是深入Vue ，我建议你深入React，别问我为什么，你懂的～
3、第三个就是WebAssembly已经逐渐崭露头角，其实我们浏览器这样的桌面应用化的趋势会越来越明显，在前端去增强web应用，WebAssembly在整个下一年会有更加强劲的趋势。
4、第四个就是no-code、low-code、pro-code在今年随着产业互联网的提出，整个行业进入了to B的转型期，未来的低代码会越来越受到大厂的重视，那么这个时候大家一定要去努力奔大厂。
5、第五个就是我们的Devops到NoOps的转换路径之一。变成目前大家都在尝试Serverless，所以在你的简历里如果没有Serverless，一定要尽量尝试，而且可以去使用混合云，你使用阿里云和你的**云其实做的事情是不一样的，比如说你可以使用**云，去封装你的**协议。
6、第六个就是5G时代的到来，我们的WebRTC是持续升温的，我们的网络传输已经不再去受到担心，我们可以在音**里面有更多的突破。
7、第七个就是我们前端云化的开发有更多可能性，我们不需要本地去webpack、Vue-cli这些东西，我们只要一键发布，从我们的NoOps到Devops去做更多的努力，那么让我们前端云化不用再向本地配置那么多啰嗦的环境，不用再为npm、Install一个包而在头痛。
8、第八个就是我们的多端同构依旧任重而道远，现在还没有一个非常成熟的东西能够去编译到所有端，最强悍的还是flutter，其实我们的前端服务化的工作模式已经从萌芽阶段发展到人尽皆知的阶段了。
展望我们的2021，我们的大前端工程师将更有作为，我们的前端将不再像以前搬砖的状态，而是提供更多可能的服务。
想要更多入门前端的学习资料？又找不到靠谱的**教程，也可以留言跟我索取哦！
前端开发怎么自己赚钱
本文首发自「慕课网」，想了解更多IT干货内容，程序员圈内热闻，欢迎关注！
最近总有小伙伴在后台私信：天气炎热，无心工作，只想躺平。
别说你们了，小慕不仅想躺平，还想躺废呢…但只要一想到，众人皆卷，唯我独躺，瞬间就没有躺平的胆量了，毕竟薪水太低，怕自己躺废就要吃土了！
不过程序员小伙伴们可就不一样了。随着互联网兴起，程序员高薪口口相传，即便偶尔躺平也无妨。除此之外，一名优秀的程序员，一定是具备较高的文化水平，以及在互联网技术方面的专业知识的，他们有着非常清晰的逻辑能力和极强的跳跃性思维。当一个人具备了优秀程序员认知和思维的时候，那么他就可以活成任何自己想要的样子了。这也导致了近几年，干副业的程序员越来越多了，而且做的还非常优秀。
解压去鬼屋，一不小心却成了扮鬼演员
开网约车的同时**/全职搞本业
还有的程序员，说好的只是干副业，却一不小心改了行，做起了专职脱口秀演员…
从正经的程序员到倍受追捧的脱口秀演员
提到程序员鱼皮，相信大家都不会陌生，他是**云开发的高级布道师，他熟悉多种编程语言和技术栈，包括但不限于Java后端、前端、小程序开发。但他最牛的身份其实是全网累计60w+粉丝的原创知识博主。一边工作，一边搞副业，还全部是自己喜欢的，这就是“搞钱”的天花板吧。
互联网时代，大家其实能选择的副业种类真的是太多了，而且人人都能参与，丝毫没有什么门槛。不管是轻松的生活分享，还是专业的技能培训，无论是文字，还是图片、**，都能创造价值，均有变现机会。
这是一个适合干副业的时代，有的程序员干副业还当上了自己的老板。
慕课网精英讲师Brian，有国内一线互联网公司从业经历，超过10年的前后端开发经验。负责过多个领域的全栈项目开发，纵跨直播平台、新媒体管理**等多个行业领域，对于微服务框架、服务治理等技术颇有研究，自创了多种优化流程。就是这样一位大牛，本想着业余时间干副业，却万万没想到最后竟然当家做主，做起了自己的老板。
做副业时尝试过哪些方向？
讲师Brian：搞副业是一个积累的过程，也是一个不断去探索自己新的可能过程。没有谁会随随便便成功，要有一颗发现商机的心，也要时刻为新到来的**而准备的动力，去学习新的东西，去面对压力，去突破自己的舒适区。我做副业也是从小白过来的：
分两个阶段：
最开始的阶段，只是想增加工作经验，提升自己的技术，同时可以补贴一点家用。做了很久外包，由于精力有限，对身体的负荷太大，慢慢地会选择性的做一点。后面的阶段，工作晋升遇到瓶颈，年底将至工作不好找，自已也想做点兴趣相关的事情，最后选择了网络上来“教书育人”，成为一名网络老师。尝试过的方向：
大多是技能型、脑力型的：外包是做的比较多的，后面开始做**（小**、**直播、**课程等），尝试博客广告、公众号宣传、写作，也在实体经济上做过尝试，做过水果店、充电桩等新兴行业；体力型的副业，做过快车、翻译、s单、游戏**等。选择知识付费的方向，也是多方尝试之后，认为知识付费更适合当下的自己，原因：
我的性格是一个非常乐于做分享的人，平常喜欢写写博客；自己有做过老师的经历，从学生时代做家教，到后面业余时间当英语老师，收获学生们的喜悦是一件无比有成就的事情；知识付费是一个低成本，高回报的方向；自己比较喜欢新的技术，学习能力不错，通过不断的学习与讲述，让自己加深对知识的理解（费曼学习法）yiqing的出现，加速了行业的发展，碰到了一些宣传需要网络老师的“广告”。做副业时遇到过哪些难点？
讲师Brian：做副业经常会碰到突发事情，并不是掌握单一技能就能做的很顺，往往是**度多方面的技能锻炼，我在副业+创业的过程中，踩过、碰过很多坑，也有在金钱和时间上等方面有损失。
费用问题：最开始做副业，很多时候，只想找到一个机会而已，并不在乎自己的利益，所以被压榨的很利害，赚的也比较少；解决方案：在最初协商的时候，订立合同而非口头承诺；相对大一点的项目，会收取预付款；确定阶段性的付款方式。**问题：没有合适的切入点，不确定在哪里找合作平台，或者在哪里获取一些副业**。解决方案：在朋友圈中做好宣传，朋友介绍到的项目一般可信度都比较高；找行业内的头部平台，通过网站排名、统计**、社群推荐等渠道来了解与比较，而且要具备一定的项目分析的能力，最后就是多去试了。信用问题：无论是找公司、个人还是平台，都会存在信用问题；解决方案：找中介平台、找担保人、以公司名义来进行动作，所以，在外面做副业，最好是有一个自己的公司。方法问题：技术出身的我，初期做事情会追求极致，给自己招来了很多不便，增加了沟通成本，也可能会告吹好的项目；解决办法：学会权衡的艺术，在质量与速度之间做好平衡，很多时候，我们看结果为导向，并不是看过程。时间问题：工作与生活不能很好的协调，身体会因为长时间的透支而变差，这样会反过来影响到工作。解决办法：在yiqing期间我购买了跑步机（目前月跑在4次左右，1次5公里，初期会多一些），平时在家会带着家人做做操，**步、跳绳，这个频次不用太高，一周3次即可，还有就是大量饮水+吃营养素，定期体验（我有自己的牙医+健康师）。心态问题：即使到了现在我也会有迷茫的时候，不清楚自己追求的东西、自己做事的方向是不是对的。解决办法：我们人这一生，除了低头做事，还要学会抬头看路，探寻自己人生的意义。我会阅读人文传记、历史科普、心理学、管理学、经济学相关的书籍，来充实自己的精神世界。善于倾听：也会通过社群社区的交流，找到自己的项目&产品缺点，及时调整。总结过往，勇于面对挫折与失败，重新启航，我会有长期5年计划 + 短期月度年度计划，给自己定义一个大的方向，做事更稳健更有目标感。如何找到适合自己的副业？
讲师Brian：程序员是比较容易开展自己的副业的，可选的方向比较多，未来主要是方向：除了技术输出以外，还可以学习做一些兴趣相关的，“混搭”才更有料，比如：用**的方式记录一个阳光宅男的生活、情景短片、科普**等，即好玩又有趣，还学习了东西。
程序员开展自己的副业，先要了解互联网行业的发展，这样可以初步确定一些朝阳行业或者方向，**，从自己的兴趣出发，选择那些可以让自己忘记时间的事情着手，把兴趣变成职业应该是每个人追求的方向。
欢迎关注「慕课网」，发现更多IT圈优质内容，分享干货知识，帮助你成为更好的程序员！
前端掌握什么技术月入过万
网上统计前端工程师平均月薪27536，50K月薪也大有人在。真是喜大普奔。反正我是被平均了，如果薪资真如上面所言，那中小企业养个前端很费钱的，尤其是yiqing当下。
这就给我们机会了，老铁们、大佬们、老板们有前端开发项目外包的话一定要给外包，这样省钱省力！
专业前端开发老司机→永拓前端工场
2022前端技术趋势
最近几年，因为前端没啥有意思的东西好玩的，主要精力就在工作相关的后端架构咨询和设计上。只是，刚好最近在编写知识管理元框架 Quake ，应用了一些算是比较新的架构思想，特别好玩，所以分享一下。欢迎观摩：https://github.com/phodal/quake ，还在早期的设计阶段。
回顾 2021 规划先回到我在年初写的，《前端规划：我的 2021 前端技术战略》，总体上有四个关键要素：
前端架构治理。主要的点是：大型前端应用、规范之旅。微前端“普及”。主要的点是：微前端框架成熟、低代码平台的返璞。主要的点是：重塑用户体验、构建开发者体验。超越前端。主要的点是：Serverless 一体化、重回跨语言前端（如 Rust 等）。总体上来看，基本上和今年的趋势大差不差了（明明还是差很多的）。
所以，如果让我去规划 2022 的话，它可能是这样的。
1. 元宇宙的前端：可以快速构建 MVP。6 年前，我在玩 VR 探索前端可能性的时候，写了一系列的相关文章，比如那篇《Oculus + Node.js + Three.js 打造VR世界》，还有《JavaScript 在 VR 世界的应用》，总体上，我并不看好普通的前端开发往 VR 世界扩展，它多数是一些图形学相关的知识，需要上手成本会略高一点。
不过，如果一定要的话，可以参考一下我上个月写的《从 Codecity 到元宇宙：元宇宙的软件形态会怎样的？》。只是从某各意义上来说，元宇宙和狭义上的 Web 前端没有多大的关系，除了技术，我们还需要这么一些知识：
构建 3D 世界的能力，如结合 Three.js 来进行与 VR 的交互。将物体从物理世界复刻虚拟世界。即数据孪生。从平面软件到物体建模。建模接入虚拟化与沉浸式。所以，如果想做计划储备那就需要：游戏编程、数字孪生、交互设计、协作模式。总体来说，关系不大，但是可以构建一个快速的 MVP。
2. 构建基于 NanoComponent 的架构模式虽然，我玩微前端玩得很早，一直觉得微前端（MicroFrontend）这名字不好，只是也懒得去纠结。与现有的遗留**迁移使用的微前端模式相比，我更看好诸如于 NanoComponent 这样的组件模式，有点类似于 Serverless 之于 NanoService。使用更细粒度的 Web Component 组件，可以构建出更小的应用，易于替换与解耦设计。
回到案例上， 在构建和设计 Quake 应用的时候，我们就是这么玩的：
Web Component 作为基础。使用了基于 Web Component 作为应用的基础，在这个基础上套娃（wrapper）了 React 框架的组件、Vue 框架的组件、Angular 框架的组件……。组件级别的封装。我可以用 React 中的某个框架，可以用 Angular 中的某个框架，只需要封装为 Web Component 即可。无限套娃模式。可以在 A 组件调用 B 组件，B 组件还可以调用 A，**无限死循环了。随意可抛弃式。还有更多好玩的模式，等我有空写一篇新的文章来介绍。
3. 前端元框架继续上面的话题，作为一个架构师，跳出具体框架和具体技术栈来考虑问题，便会发现好多事件特别好于。我的主要源泉来自于 2018 年构思的：《前端下半场：构建跨框架的 UI 库》，以及去年构思的《Yiki：元微前端框架》。
过去，我一直构建一个基于 Web Component 的 UI 库，后来太懒了。所以，我就继续用 Ionic 的组件库，配合上上面提到的 NanoComponent，搭建一个 Web Component 路由，我们就可以构建一个全新的前端架构模式。
基于此，还可以构建出一个适用于前端框架的元框架。等明年，我再想想怎么搞。
4. DSL as Core最后一点，就是过去我一直在玩的东西，DSL as Core。回到这个思想来看的话，我觉得什么设计转代码是不合理的，KPI 思想下的产物。理想的模式，应该是 DSL 生成设计 + DSL 生成代码，类似于 unflow 的思想。这样一来，我们就可以无更顺畅的将业务需求转为设计，并实现它的自动化。
所以，在 Quake 中是这么玩的，通过 DSL：
—————————————————————
Calendar(flow("show_calendar"), 12x)
—————————————————————
Network(<graph-network>, 4x)
Timeline(flow("show_timeline"), 8x)
—————————————————————就可以生成以下的页面：
当然了，上面的 flow 是来自于 DSL，类似于：
from('todo','blog').to(<quake-calendar>).filter('created_date > 2021.01.01 AND created_date < 2021.12.31')会自动生成对应的 JavaScript 代码，又或者是任意的后端代码。它可以从数据库中读取 todo 和 blog，**渲染到 <quake-calendar> 组件中。
随后，只需要为这些 DSL 创建一个配置页面，就可以实现低代码或者无代码。
这种模式并不适合于常规的业务开发， 但是非常的好玩：我需要有 CRUD API，还有组件，我就能提供无限的可能性。
