提起快速发展的前端开发,总会有人抱怨"学不动了",因为更新的知识实在太多,应接不暇的技术迭代,让不少开发人员大呼码不动了。虽然前端开发的火爆已经成为大趋势,但并不是每一项技术都值得深入精细化的学习。想要获得技术进阶和职位提升,还需静下心来筛选拥有核心优势的技术进行学习。 大前端领域虽然并没有出现什么颠覆性技术,但是Flutter、WebAssembly、Serverless的火爆发展还是超乎我们预期,也让我们进一步看到大前端的融合趋势。 图片源自网络,仅做配文展示 大前端领域又有哪些你不能错过的技术趋势呢?今天的文章,就跟着小渡一起来看看新一年里那些你必须掌握的前端技术栈吧! 01
CSS-In-JS CSS-In-JS在2019年得到了飞速的发展,并且React官方也主推style-component来通过CSS-In-JS的方式来实现动态的CSS。 在众多CSS-In-JS库中,发展最好的就是style-component和emotion。其中,emotion大有后来者居上的气势,GitHub上的Star已达9.8k。 图片源自Github截图,仅做配文展示 02
Node.js 如果你未来打算换工作,就会发现,几乎所有招聘网站贴出的岗位都要求会Node.js。但是80%的人都不知道Node.js在一线互联网企业里真正的用法,以至于大把高薪岗位空缺。 目前淘宝、Facebook等重量级互联网企业已经开始使用Node.js了。所以,想把握趋势,面向将来寻求发展的工程师们,可以学起来了。但是Node.js的资料比较少,自学还是稍微有些困难的,这时候就需要你擦亮眼睛选择靠谱的前端培训机构啦,小渡在渡一教育等着你哟~ 03
Serverless Serverless的引爆几乎可以归因于前端。因为Serverless能够较完美的加持Node.js,使Serverless帮助前端开发者解决了使用Node.js过程中的诸多问题。 随着Serverless的逐步落地,BFF这层的代码会摆脱运维、机器分配等复杂的问题,同时大概率会由前端同学写这部分代码,服务端同学专注中台系统的实现。从业务上说,业务的试错成本也会大幅度降低。 随着Node.js成为前端开发者必备技能之后,云计算的不断普及会让Serverless触手可及。当越来越多的开发者尝到研发成效的甜头之后,Serverless必将对前端的研发模式产生变化。同时,使用Serverless的同学一定会使用TS。这也意味着,2020不写TS可能真的就Out了。 04
TypeScript TypeScript是一种由微软开发的自由和开源的编程语言。 它是JavaScript的一个超集,扩展了JavaScript的语法,且因其可选的静态类型和业界认可的类(ES5+也⽀持)、泛型、封装等,已经被许多前端工程师列为重点学习对象。 TypeScript2019年已经逐渐确立了它在编程语言中的地位。无论是stackoverflow上的提问排行或者是GitHub上的star都可以看出。 如果作为一名前端开发人员,不会TypeScript很可能在将来的某一天你就会被技术浪潮淹没。并且,一些组织和框架也对外宣称将使用TypeScript进行开发,例如上面提到的Vue3.0、以及FaceBook连自己研发的flow静态类型检测库都不打算用了改用TypeScript、还有就是早早就用TypeScript设计底层源码的React等等。 05
静态化Web开发 据统计,新闻网站、媒体网站和其它站点,因无节制地使用动态渲染引擎而导致低下性能的表现,将会损失起码40%的潜在流量。而这个数字还没算上网站缺乏搜索引擎优化兼容性而导致的自然搜索流量损失。 而静态网站在搜索引擎优化上的"轻"优势,将很有可能让静态化Web开发技术回流,成为前端开发的新趋势! 除了以上的五大前端必备技能,作为一名专业的前端开发人员,你还要掌握的是前端开发的发展方向。前端发展方向趋于多元化,而真正的全能型人才比较稀缺,我们要在关注领域动态、扩大知识面的同时,找准自己专精的方向去钻研,忌浅尝辄止。 前端开发变得越来越后端化 从技术发展趋势来看,前端开发逐渐从纯前端走向后端,html+css+js+jquery开发者的生存空间不断被压缩。 随着大前端技术的日趋流行,通过前端开发技术构建出一个完整的应用也变得不再复杂,这也是前端开发越来越火热的重要原因之一。现在很多前端开发与后端开发界限也越来越不明显,前端全栈化,也逐渐成为高级前端开发者的标准之一。 前端框架趋于标准化 随着JavaScript的飞速发展,前端开发变得越来越有趣,新的库、框架层出不穷,同时,开发人员也感到心力交瘁。 无论你是编程新手,还是经验丰富的开发人员,我们必须保持学习,才能跟上技术的快速变化。 以React为例,曾经Facebook的开源项目,现在它已经成为了全球JS开发者的首选,与此同时,Vue,Angular也有大批追随者。 前端工程化 在前端工程化框架,开发者最重要的基本素养就是通过工具提升效率,前端开发者会持续迭代和优化。 现在很多团队都在建设完整的前端DevOps流程工具集,有些团队之间也开始协作共建,不管是Web还是工程序项目,从新建项目、开发、联调(tiao)、部署、测试、发布、运维到监控统计,都有完善的工具做保障和提效,今后前端工程也会越来越标准化。 展望2020年前端的发展,前端工程体系一定会更加闭环,不再是一个脚手架这么简单,而是会结合IDE,打通业务属性,从项目初始化、到编写代码、到CI、到灰度、到发布形成一个完成的闭环。 跨端开发 跨端开发框架,RN生态已经非常成熟,或者说看不到太多发展前景,因为目前还停留在0.61版本,似乎1.0版本仍然遥遥无期。因此,今年很多团队转战谷歌生态的Flutter,特别是Flutterfor Web 的第一个Release,也让Web前端重燃希望、跃跃欲试。 跨端开发框架,Flutter仍会快速发展,并且会有更多的开发者,Flutteron JS、SwiftUIforWeb&Android 也将是开源生态值得期待的事情,毕竟跨端仍没有一个完美的解决方案。 图片源自网络,仅做配文展示 前端技术的发展日新月异,总的来说,2020年最大的挑战是前端技能模型的扩展。以前做前端,懂HTML+JS+CSS就好了,但现在不同,Serverless的发展让前端更多参与到中后台建设中,如果要做得更专业,就要掌握更多的Server知识。 在端上也如此,ReactNative、小程序、Flutter等跨端技术要求我们更多地去掌握Native上的技能知识。所以如何快速适应变化和发展、快速普及知识/能力模型变得尤为重要。 不可否认,这依然是大前端最好的时代。对于前端开发人员来说,证明自己的最好办法不是看你获得多少资源,而是看你可以创造多少业务价值。只有简化前后端开发的难度,才能更好地放大前端的业务价值。最后,面对快速发展的前端行业,小渡想送给所有开发人员一句话:"少抱怨,多思考,未来更美好。"