2020年前端最火的技术是啥?

author author     2023-04-17     680

关键词:

我认为的2020年前端开发者最应该掌握的一些比较火爆的技术与知识点。

1,前端框架和语言层面

9月份 Vue3.0 发布,声称对 TypeScript 有着更好的开发体验,通过从不同框架级别 TS 支持上,我们可以看出社区的整个风向从2019年的大家都去学习应用 TS,变成了大家如何把 TS 用的更好这个方向上来了。

所以我认为今年 TypeScript 的火热程度还是应该排名很靠前的,我今年也使用 TypeScript 重构了 Daruk 的服务框架推出了2.0版本,让 TS 开发者拥有更好的 TS 开发体验。

接下来就是两大重磅框架的更新历程对比,Vue3 前面说了一句。而 React 也在十月也发布了 React 17 的 release 版本。这两大主流框架的频繁更新,也说明了社区和作者都在一同演化。

在 Vue 3中除了更好的支持 TS 外,还更新了Composition API。而 React 17 主要是集中精力在升级体验上,虽然没有新的 Feature 但是提升了和解决了很多之前版本潜在的问题。

要说哪个最火还是要看个人实际的使用场景和喜好,但是2020年来看还没有别的框架可以与之一战。

           


2,大前端相关技术栈

今年基于Chromium的微软edge浏览器也已经推出。google 在 web 端的发展产生了对开发者深刻的影响。Chrome 80+ 也已经发布多个版本,提供了一系列的新特性,比如Core Web Vitals标准,Desktop PWA等都值得我们去关注。

           


我们说完了浏览器相关的那点技术之后,再聊聊大前端相关的一些技术实践,比如 Flutter。

很多前端在今年已经从 web 开发转型为 Flutter 开发,学习和使用 Dart 技术来构建 UI,这是很多大厂的前端工程师正在经历的事情(包括我的部门也在尝试这个事情),这个趋势应该在未来几年还会持续。

客户端 electron 在今年也有着长足的进展,一年内多次更新版本一路到了10.1.5。随着疫情影响,国内在线教育的又一波兴起。很多桌面软件,网课软件都在采用这个技术来进行开发,市场上的岗位也开始变多,electron 技术可以说在今年也有火的趋势。

         

 


然后我们再看看BFF 层,nestjs依然坚挺,越来越多的人开始跳过学习 express 和 koa 开始学习更丰富的 web 框架了,比如 egg 或者我的 daruk,开发者已经在慢慢形成共识,在 web framework 的路上开始越走越远,裸写 nodejs web 服务的时代已经开始慢慢褪去。

           


不得不提的还有 serverless 在前端的普及,在2020年到达了一个新的高潮。阿里云,腾讯云,头条云等等国内的互联网厂商也都开始大玩 serverless 概念。从对内服务开始转向对外服务,普及的势头很猛,也有落地的趋势和场景。今年的 D2同样也有 serverless 的专场,可见受重视程度非比寻常。

3,工程化提效和个人素质提升

再离我们近一些的推动生产力的技术,比如据我所知在用 CI/CD 和 pipeline 管理上线流程的公司越来越多,这种去年还可以出去吹一吹的东西,今年也逐步变成了业界标配基础能力,如果不会的同学可要抓紧学习了。

           


2019年前大家都疯狂吐槽面试刷 medium 题目没用,而2020年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变,大家在接触新技术的同时,也慢慢发现,前端整个职业环境的变化,越来越多的公司对人的整体综合素质要求变高了。

参考技术A 实际上前端工程师核心的技能一直都是Html、CSS和JavaScript,我给你整理了这三部分需要掌握的主要技术。
一、Html
Html部分需要了解常用浏览器和浏览器内核;了解语义化的概念;掌握Html5语法及使用技巧;掌握Html5常用标签。掌握Html5新布局标签、多媒体标签等。
二、CSS
CSS部分的主要知识有掌握CSS语法及使用技巧;掌握DIV+CSS布局方式;掌握常见网页布局模式;掌握Photoshop切图以及插件切图;能够熟练使用开发人员工具进行页面调试;能够根据PSD文件独立完成静态页面的开发工作;掌握CSS32D、3D变换、动画效果;能够使用CSS3新属性美化修饰网页;了解移动端屏幕、移动端浏览器、操作系统的不同;掌握常用移动端调试方法;掌握常用移动端适配方法;掌握CSS预处理器less的使用;掌握常用移动端框架使用方法;掌握常见移动端页面开发;掌握响应式布局开发;掌握Bootstrap开发响应式页面;掌握适配不同终端的网页开发技术选型等。
三、JavaScript
JavaScript是赋予页面交互效果时需要用到的技术,这个部分需要能够掌握JavaScript基本语法;掌握常见JavaScript算法;掌握DOM的各种操作;熟练使用面向对象思想进行DOM编程;掌握JavaScript的高级语法;掌握JavaScript常见兼容性方案;熟练使用jQuery操作DOM;熟练使用和编写jQuery案例等。
参考技术B 现在要说火,应该把前端叫做大前端吧!是包含了H5+小程序+APP的开发,还可以运用node平台将JS像后端语言一样运行起来 参考技术C 2020全栈开发 参考技术D 我觉得较为火的大概三个吧....

现在从以人为本的观念来看,typescript可能比较好,虽说是基于javascript开发的,但是能很好的帮助程序员避开类型异常而且大大提升编码的效率,说成是程序猿的福音都不为过;

注重体验,安全性更好,JAMStack异军突起,而且更容易扩展、更便宜,性能没的说;

体积小,设计较为灵活的VUE3.0,重视兼容性和易用性,速度快,对于开发者来说,能极大地提升工作效率。

所以我觉得2020年前端发展趋势已经十分明朗,可以说弄不懂这三大技术到底是何原理,势必会严重影响工作效率

详解kafka:大数据开发最火的核心技术

详解Kafka:大数据开发最火的核心技术 架构师技术联盟2019-06-1009:23:51本文共3268个字,预计阅读需要9分钟。广告大数据时代来临,如果你还不知道Kafka那你就真的out了(快速掌握Kafka请参考文章:如何全方位掌握Kafka核心技术)!... 查看详情

cs现在最火的脚本

参考技术AFPS设置==100/200/300。CS脚本是CS(全称:Counter-Strike)的config,就是游戏配置文件,可以修改很多游戏参数,比如按键,操作,画面等等。 查看详情

全面理解虚拟dom,实现虚拟dom(代码片段)

 最近一两年前端最火的技术莫过于ReactJS,即便你没用过也该听过,ReactJS由业界顶尖的互联网公司facebook提出,其本身有很多先进的设计思路,比如页面UI组件化、虚拟DOM等。本文将带你解开虚拟DOM的神秘面纱,不仅要理解其... 查看详情

yolo_online将深度学习最火的目标检测做成在线服务实战经验分享

YOLO_Online将深度学习最火的目标检测做成在线服务第一次接触YOLO这个目标检测项目的时候,我就在想,怎么样能够封装一下让普通人也能够体验深度学习最火的目标检测项目,不需要关注技术细节,不需要装很多软件。只需要网... 查看详情

国内最火的htmlcssjavascript开源项目top榜,你知多少?

对于开发者而言,想要着手前端开发,HTML、CSS和JavaScript是三项必备的基础技能。而如何事半功倍地掌握好这些知识?通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过100的前端技术开源项... 查看详情

全网最火的工作流框架flowable完整教程--eclipse流程绘制(代码片段)

EclipseDesigner  Flowable提供了名为FlowableEclipseDesigner的Eclipse插件,可以用于图形化地建模、测试与部署BPMN2.0流程。1.下载安装Eclipse  去Eclipse官网下载即可:https://www.eclipse.org/downloads/packages/release注意2020-09后的版本不再... 查看详情

2019最火的直播平台有哪些?2019直播前十名排名

...重新洗牌,原熊猫的众多主播也纷纷转战,那么现在直播最火的平台是那些呢?现在就来盘点下2019年最火的直播平台前十名。1、斗鱼直播斗鱼直播一直站在直播行业前列,拥有着超高人气的大主播,yyf、旭旭宝宝、冯提莫以及... 查看详情

10本最火的中台与数字化转型图书,朋友圈都在传

导读:2019年5月,“中台”这个概念爆火,此后数字化转型浪潮来袭。2020年9月,国务院国资委颁布了《关于加快推进国有企业数字化转型工作的通知》,对国有企业数字化转型提出具体要求。因此更多的传统... 查看详情

我的择业思考:在ai最火的时候来到工业界!

Datawhale干货 作者:蓝捷,上海交通大学,智子跃迁CTO大家好,我是蓝捷,2018年硕士毕业到现在,我一直在工业线创业,主要做的方向是智能仓储机器人方向。我们公司叫智子跃迁,我现在是技术... 查看详情

storm:最火的流式处理框架

本文出处:www.cnblogs.com/langtianya/p/5199529.html伴随着信息科技日新月异的发展,信息呈现出爆发式的膨胀,人们获取信息的途径也更加多样、更加便捷,同时对于信息的时效性要求也越来越高。举个搜索场景中的例子,当一个卖家... 查看详情

2016年最火的15款html5游戏引擎

...各种基于2D或者3D的场景。作为一名开发者,分析了当下最火爆,最热门的HTML5游戏引擎供大家参考,希望大家也能找到属于自己的那款游戏开发引擎。我在github上面收集了四十多款的HTML5开源游 查看详情

storm:最火的流式处理框架

伴随着信息科技日新月异的发展,信息呈现出爆发式的膨胀,人们获取信息的途径也更加多样、更加便捷,同时对于信息的时效性要求也越来越高。举个搜索场景中的例子,当一个卖家发布了一条宝贝信息时,他希望的当然是这... 查看详情

storm:最火的流式处理框架

伴随着信息科技日新月异的发展,信息呈现出爆发式的膨胀,人们获取信息的途径也更加多样、更加便捷,同时对于信息的时效性要求也越来越高。举个搜索场景中的例子,当一个卖家发布了一条宝贝信息时,他希望的当然是这... 查看详情

目前最火的公司作息表workingtime

数据文章来源于Github仓库WorkingTime,如有侵权,联系删除;想了解更多有趣的信息可关注UrHome公众号WorkerLivesMatter!WorkingTime是由中国民间程序员发起的一个项目,针对目前包括互联网企业在内的各个企业加班... 查看详情

feign(代码片段)

...本和建议。1.2Okhttp一个处理网络请求的开源项目,是安卓端最火的轻量级框架,由Square公司贡献,用于替代HttpU 查看详情

github上最火的开源项目slidingmenu导入出错的终极解决方案

SlidingMenu 开源项目下载地址 : https://github.com/jfeinstein10/slidingmenuActionbarsherlock 开源项目下载地址 :http://actionbarsherlock.com/download.html  导入步骤如下:1.将下载的Actionbarsherl 查看详情

现在最火的ipfs矿机是什么filcoin

首先,IPFS(InterPlanetaryFileSystem即星际文件系统)是一种基于内容寻址、版本化、点对点的超媒体传输协议,允许网络中的参与者互相存储、索取和传输可验证的数据,对标http的新一代通信协议。IPFS的目标是... 查看详情

打造最火的新零售野人参招商平台

 中国供销集团野山参新零售:全新的项目模式。让投资变得无风险第一:合情合理合法(属于央企)第二:不伤人脉资源第三:公司客户是共赢的模式第四:稳定靠谱,安全没有风险第五:能赚到钱,能帮助更多的人赚到钱... 查看详情