2020年这11个前端技术发展趋势,值得每个前端人关注

本文介绍了2020年值得关注的前端技术趋势,包括微前端、原子设计、Web组件、TypeScript在前端的普及、Web组件化、状态管理、ESM CDN、渐进式Web应用、设计与开发的整合以及WebAssembly等。重点讨论了微前端的模块化优势、Web组件的封装和可复用性,以及设计令牌在提高设计与开发协作效率中的作用。
摘要由CSDN通过智能技术生成

原文 | https://blog.bitsrc.io/11-must-know-frontend-trends-for-2020-cea8a629b08

译文 |  web前端开发(ID:web_qdkf)

在公司团队的午餐会上,大家都保持着对最新前端趋势最新动态的关注。它甚至可以帮助你成为更好的开发人员,开发出更好的技术和更好的产品。

因此,请允许我向你分享一些有趣的前端方向,从而使这追求变得更加容易。我不会解释每个概念A-Z,但会介绍该概念,它是如何有用并直接用于进一步的资源。

例如,我将简短介绍Micro Fontends,Atmoic Design,Web组件TS接管,ESM CDN甚至Design令牌。你可以随时滚动并标记你想了解的主题。如有任何疑问或更多建议,请在下面留言。请享用!

1、微前端

微前端是午餐对话中最热门的前端主题。

具有讽刺意味的是,尽管前端开发享有组件的模块化优势,但与后端微服务相比,它在很大程度上仍是单一的。

微前端带来了前端体系结构拆分为不同前端的功能,供从事应用程序开发不同部分的不同团队使用。每个团队都可以在其微前端的端到端生命周期中获得自治权,可以独立地开发,版本控制,测试,构建,渲染,更新和部署(例如使用Bit等工具)。

无需在这里解释整个概念,而是阅读@thecamjackson撰写的精彩文章,该文章发布在@martinfowler博客上。它真的很好,应该涵盖您开始研究此概念所需的所有内容。

推荐阅读:【微前端】https://martinfowler.com/articles/micro-frontends.html#InANutshell

但是,当今的生态系统仍然存在某些缺点。通常,人们会担心诸如独立的前端部署,捆绑,环境差异等问题。Bit已经使您能够隔离,版本化,构建,测试和更新各个前端/组件。目前,这主要在使用多个应用程序时非常有用(尽管它已经普遍用于通过组件逐步重构现有

web前端开发V
关注 关注
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端技术发展史
兰枫
06-29 1182
前端技术发展史 HTML HTML(HyperText Markup Language)超文本标记语言,它不同于编程语言。 超文本就是超出纯文本的范畴,例如描述文本的颜色、大小、字体等信息,或使用图片、音频、视频等非文本内 容。 HTML由一个个标签组成,这些标签各司其职。有的提供网页信息,有的负责图片,有的负责网页布局。 <!DOCTYPE html> <html lang="...
2021前端技术发展趋势值得每个关注
banmajiaoyu的博客
12-14 3356
在去的大前端领域虽然并没有出现什么颠覆性技术,但是Flutter、WebAssembly、Serverless的火爆发展还是超乎我们预期,也让我们进一步看到大前端的融合趋势。2020下半,大前端领域又有哪些你不能错过的顶级技术趋势呢? 1、Web组件化 基本上这就是未来。为什么?因为这些纯Web组件与框架无关,并且可以在没有框架或没有任何框架拼写标准化的情况下工作。因为它们没有JS疲劳,并且得到了现代浏览器的支持。因为它们的文件大小和消耗将是最佳的,并且VDOM渲染令人赞叹。 这些组件提供了Custo
【转】前端开发技术的发展
aigenglong0649的博客
09-14 363
  一篇不错的介绍前端发展的文章,对于初学前端,已经错过了几个历史时期的同学是个很好的参考。 原作者:民工精髓 原文地址:http://www.ituring.com.cn/article/25069 以下是原文全文: ----------------------------------------------------------------- 前端开发技术,从狭义的定义来...
推荐项目:深度前端技术博客
最新发布
gitblog_00331的博客
08-27 745
推荐项目:深度前端技术博客 blog:dog: :clap: :star2: Welcome to star项目地址:https://gitcode.com/gh_mirrors/blog8/blog 项目介绍 欢迎来到一个技术爱好者的知识宝库 —— 深度前端技术博客。这个开源项目汇集了一系列高质量的技术文章,专注于前端领域的深入探讨,从React、Vue到Webpack、Nginx,乃至客户...
2018前端越来越流行的的技术
weixin_33738555的博客
02-07 260
随着互联网技术不断的发展,前端的新技术也开始日新月异,旧的技术已经不能满足工作的需要,根据业务需求来将重构也是常有的事情,为了减少工作量,快速提高工作效率,这些新出现的技术也起着不可替代的作用。后端的有些架构已经稳定,作为一名前端面对这些花样百出的技术,只有不断的去学习研究,才能不落后于时代潮流。 一:TypeScript TypeScript : http://www.typescriptlan...
字节跳动重磅发布 2022 6 大前端技术发展趋势
非著名程序员
02-21 5546
‍‍大家好,我是校长。最近,字节跳动技术团队公布了一份关于 2022 前端技术发展趋势预测,总结了新的一前端技术可能产生的6个变化,让我们一起来借鉴参考一下吧。01前端新标准2014...
前端技术发展概述——拓展
qq_20901397的博客
10-29 563
关于目前自己所知道的前端尚未普及、发展前景较好的一些技术的更新及概述,时刻了解新技术、学习新技术。 1、PWA 这个目前在国外已经比较普及,国内实现较少。 详情请戳: 下一代webApp—-PWA 饿了么PWA开发实践 2、GraghQL 首先入门了解,可以看官网 与其他前后端接口的对比:RESTful VS Gra...
web前端开发技术现状与发展_2020,Web前端开发有哪些发展趋势
weixin_39815925的博客
12-12 1527
熟悉前端开发的人应该都知道,最近几,各种前端框架层出不穷,H5开发模式也越来越流行,大前端时代也已经到来。每一各种前端技术也应运而生,快速掌握最新的前端技术也是每一个开发者不可或缺的一门技能。今天,就来和大家谈谈Web开发的8个的趋势,希望能给各位带来一些有用的信息。1、智能聊天机器人Chatbot智能聊天机器人为用户沟通、服务交付提供了一种全新的渠道。由于通常会整合人工智能技术,也被称为智能...
2022前端未来发展趋势
web15085181368的博客
02-26 1329
想搞好前端其实并不容易,除了面对复杂且分散的知识面以外,还要紧跟技术发展趋势,吸收更多的衍生框架。本章仅从作为UU跑腿-同城即送行业从事多的Web前端开发者视角,解读前端未来发展趋势。 移动端能力放大 以前端技术为核心的开发方式,在移动端越来越成为主流方式。 小程序生态的崛起 无线端一直是前端高速发展的主战场,以近几发展趋势可知主要在以下区域: App开发,以React Native为主 Hibird的模式,以Cordova为代表 小程序,依赖于微信,支付宝等的生态 事实上,上述几个方
2020零基础前端学习路线(本人亲身经历,9个月拿到拼多多、美团、京东校招offer,5000字长文)
热门推荐
前端彭于晏的博客
12-01 8万+
前端学习路线 基础准备 开发工具 结论:vscode 最初我选择的是Hbuilder,轻量级,界面淡黄色和绿色结合比较护眼,但是插件较少,格式化代码以及快捷键用着不是特别顺手,转而使用vscode。 个人认识业界使用比较多的两种编辑器,vscode 和 webstorm。 具体的对比请移步VSCode 与 WebStorm 横向对比 个人想法,其实真没必要对于编辑器过于纠结,毕竟只是一个工具,大佬用txt都可以编写代码,在前期学习阶段可以选定一个坚持使用,等到学有所成,对于编辑器有着个人更独特的要求再去选择
视频教程-【必看】2020新型前端核心技术-HTML5精细化教程赢在起跑线上-HTML5/CSS
weixin_33981604的博客
05-28 258
【必看】2020新型前端核心技术-HTML5精细化教程赢在起跑线上 从业近...
前端技术发展趋势刨析
Abinzhao
10-24 1528
前端技术趋势刨析 我其实特别反感很多人说“前端娱乐圈”这种话,诚然,爆发式增长必然会带来焦点,但也不必过度解读,2018 的几件大事儿我都了解,真的不是大家看到的那样的。学会辩证的看问题,用心去体味背后的趋势,我想这比所谓的“正直”更有价值,我更希望大家能够坚持学习,保持思辨和平和。 一、大前端 2018 的事儿特别多,从 React v16 普及,到 jQuery 被 GitHub 下掉完成阶段性历史使命,在唏嘘之外,版本帝 AngularJS 又发布了 v6 和 v7 两个版本。这些其实都不算
前端技术的发展
qq_42264597的博客
01-28 415
前端技术的发展 从静态走向动态 CGI 即 Common Gateway Interface,译作“通用网关接口”。通用,是一个显著特征,所有支持标准输出,支持获取环境变量的编程语言都能用来编写CGI程序。网关,“协议翻译机”。通常与网关输入输出两端通信使用的是不同的协议。接口,确切而言是“接口协议”,所谓协议,既是通信双方或多方都共识并遵守的一套规则。CGI其实是构架在HTTP协议之上的。它描述的是另一个维度的共识标准 CGI是服务器扩展功能,可以从数据库或者文件系统获取数据,在将数据渲染为HTML文档后
前端技术发展趋势
我本可以容忍阳光,如果我不曾见过太阳,然而阳光已使我荒凉,成为更新的荒凉。
11-07 194
最近,字节跳动技术团队公布了一份关于 2023 前端技术发展趋势预测,总结了新的一前端技术可能发生的6个变化,下面我们来参考一下。1,前端新标准2014 10 月 28 日,W3C 正式发布 HTML5.0 推荐标准让前端技术蓬勃发展。虽然 HTML6.0 目前处于提案阶段,但是社区已经开始有了一些零星的讨论,所以可能它离我们并不太远。2022 ,可能 HTML6 并不会推出,但是可能...
2020前端技术预测
xiangzhihong8的专栏
03-09 738
⽇前,开源中国翻译了前端开发者罗伯托·埃尔南德斯(Roberto Hernandez)的⼀篇⽂章,作者根据⾃⼰对前端发展现状的观察,以及⼀些已有调查的研究,对 2020 前端发展趋势做出了个⼈预测,以下是部分重点内容。 微前端——微服务的扩展 这可能是近前端中的最新问题。2019 ,微前端确实获得了不少关注2020 ,它将被越来越多的开发⼈员和公司接受和使⽤。 那么,究竟什么是微前端...
2019前端技术趋势深度解读
啊啊啊啊2
02-26 375
本文首发于极客时间《技术领导力300讲》专栏。大家好,我是阿里巴巴前端技术专家狼叔,今天想跟你们分享2019我对前端现状及未来发展趋势的理解。我其实特别反感很多人说“前端娱乐圈”这种话,诚然,爆发式增长必然会带来焦点,但也不必过度解读,2018的几件大事儿我都了解,真的不是大家看到的那样的。学会辩证的看问题,用心去体味背后的趋势,我想这比所谓的“正直”更有价值,我更希望大家能够坚持学习,保持思...
浅谈前端技术的发展
weixin_34163553的博客
06-24 357
从HTML说起(老鸟可跳过本节) 学前端应该都是从 HTML 开始的吧,1991的时候出现了世界上第一个网页,感受下当的源代码: <HEADER> <TITLE>The World Wide Web project</TITLE> <NEXTID N="55"> </HEADER&...
前端没有末日
CSDN资讯
02-06 1755
【CSDN 编者按】又是新的一。承上启下的总结会让人变得清朗,一方面是对过去的总结,另一方面是向往未来。这篇文章总结了前端技术在过去一的发展,深入浅出,值得一看!作者 | 三钻责编...
前端技术发展
weixin_34259559的博客
04-29 252
前端开发技术,从狭义的定义来看,是指围绕HTML、JavaScript、CSS这样一套体系的开发技术,它的运行宿主是浏览器。 前端:针对浏览器的开发,代码在浏览器运行 后端:针对服务器的开发,代码在服务器运行 1.静态页面 最早期的Web界面基本用于浏览某些文档内容,最简单的是这样一个文件: <!doctype html> <html> <head> ...
2020Web前端:深入理解数组操作方法及其特性
本文档主要介绍了2020Web前端开发中的数组方法及其特性。数组在JavaScript编程中扮演着重要的角色,它们是数据结构的基础,常用于存储和操作一系列有序的数据。以下是文档中提及的一些关键数组方法: 1. **join()...
70
原创
1917
点赞
1万+
收藏
1257
粉丝
关注
私信
写文章

热门文章

  • 3种CSS实现背景图片全屏铺满自适应的方式 126873
  • 5种获取JavaScript时间戳函数的方法 74566
  • 10款炫酷的HTML5动画特效,附源码 42899
  • 6种JavaScript判断数组是否包含某个值的方法 42150
  • 3种JavaScript 对象转数组的方法 40019

最新评论

  • JavaScript中常用的方法汇总,全部整理好了,一定要收藏!

    /|丶孓亥シ: 着最后的结果是一点不严谨

  • 15个有用的React动画库,马上让你的项目变得高大上

    萌萌k: 有代码吗 想看看 这个React Circle

  • JavaScript最新手机号码、电话号码正则表达式

    2301_77361592: 不是 哥们你坑人呢?? 后面少一个\这个懂不?????

  • 这38款超级炫酷的时间轴特效代码案例,总有一款是你需要的

    pengwentao: 感谢分享,收藏学习了。

  • 【web素材】06—20款企业网站模板,帮助你快速学习构建企业项目

    浮生若森: 文件丢失了,下载不了

最新文章

  • 【每日一练】147—实现一个滑动按钮动画组件效果
  • 7 个非常实用的 Vue.js 库
  • 【每日一书】03-前端程序员面试秘籍
2023年64篇
2022年476篇
2021年799篇
2020年686篇
2019年663篇
2018年36篇
2017年5篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳坪山网站建设公司亳州网站首页优化公司金融网站优化报告新网站改如何优化南宁网站快速优化排影视网站怎么优化爱奇艺网站优化目标市南手机网站优化威海网站优化怎么样乌兰浩特网站优化重庆网站关键词优化系统河南推荐网站关键词优化玉山关键词网站优化上虞网站优化赚得到钱吗优化网站进入排名前50网站需要进行哪些优化网站优化 下拉词泰公推广兰州企业网站优化还有哪些浦东网站优化推广安顺网站优化与推广香港网站优化公司南京网站优化首页南朗网站seo优化网站优化要素如何提升网站收录的优化方法温州网站优化服务商厦门网站界面优化网站排名优化タ来宙斯参考高速优化网站网站优化推送优化网站方法真诚火23星香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化