别更新了,学不动了向来是前端开群体的切肤之痛:
  • React 还没学明白,Vue 就出来了;
  • Vue 2.0 还没上手,3.0 布了;
  • Node 刚精通,Deno 1.0 了;
  • Flutter 刚流行,Flutter 又被唱衰了;
  • 就更提原生、跨端、混合开的循往复了。
所以前端圈曾有一位技术专家下深切的——前端 18 个月度翻番。此言道出了前端域更新代之快背后的前端开血泪史。也因此,别更新了,学不动了这句话成为了不少前端开发玩梗的口头禅。
但从国内前端家月影的角度看,如果你不盲目地去追求所时髦,不去刻意担心自己是否落伍,而是去多个行,找到技术发展内在的律和脉,那么你就知道如何前,不会有任何恐慌。
在任何一个域或方向,知体系都可以大体上分域知,而域知又可以分通用域知域知。二者的化是不一的,基化最慢,其次是通用域知,然后是域知。深入学,按需学习领域知就是把握技的基本逻辑
2021 10 27-28 日,由稀土掘金社区举办的首届稀土开者大会,将体系化地呈当前国内大前端域的技术发展,带给参会者大前端技术发展的本。目前大会置了「大前端工程与架构」、「大前端性能化」、「大前端技探索」三个专题,邀了国内一线大厂前端技术专家分享精彩经验

大前端工程与架构

专题简介:
前端工程与架构随着互网的展,企业业务的不断深入与化,前后端不断拆分与重;前端架构形也不断整,之前火的前端中台、微前端也不断更替;在前端架构在企业发状如何,我来一起探索。
出品人:张飞创意生态技术负责人
现就职于字节跳动上海研发中心,担任创意生态技术负责人,之前曾负责抖音电商上海研发团队、抖音音乐项目、小红书客户端。毕业于华东师范大学数学系国家理科基地班,自学完计算机专业的所有主干课程,从事移动软件开发工作十年以上,先后参与过 Windows MobileWindows Phone、嵌入式、 Android 以及 iOS 等平台的 App 和框架开,主了多款大中型 App 的研,也曾作端架构师负责过 AndroidiOSWeb 三端的基架构设计和演,在移架构、跨平台开等大前端域具有丰富的研和管理经验
议题介绍:
议题一:《支付宝钱包动态化技术方案的现状和演进》——王佐蚂蚁集团支付宝事群小程序技部高术专
支付宝在 17 年左右启包下一代动态化技方案Cube。在去的 4 年中,通过业务的打磨,逐形成了两个技术产品。一个是面向移用开动态卡片技术栈,在原生的 Native 页面中嵌入动态卡片;开发者使用类 Vue 动态卡片的布局和逻辑布即可,从而提高原生面的运效率。一个是面向 IoT 应用开发的小程序技术栈,向低端设备上的开发者提供提供小程序技术,目前主要应用于电视/台等景。
议题二:《美团企业应用前端工程化实践》——杨林前端技术专
在美,支撑业务高效运的企业应用是较为ToB 业务,包括 HR财务 ERP 业务域下有100+ ,几千个面,特点是系多,交互复业务迭代快,本次分享介大型的ToB 应用的过程,如何通过微前端架构+模板化的工程化方式,支持众多业务线并行需求迭代,同几百人团队快速交付。
议题三:《简洁的艺术 —— astro 带来的全新体验》——薛英琛小程序前端开工程
现代前端开发技术的演进史几乎就是 JavaScript 展史,我越来越少去直接 HTML/CSS而将这项工作交 JavaScript 框架与工具,但是并不是无痛的抽象,很明正在为无限的自由买单。 Astro 是解决问题的一种选择。它利用 partial-hydrate 的手段,合用交互特点,尽量地按需加,同编译时动识别内容去做静化。另外,它也天然支持微前端,合一整套 bundleless 发链路,大幅提升开者构建复的前端用的开
议题四:《贝壳视觉物料生产平台的架构与实践》——闫士博贝壳找房资深前端工程师
随着业务发展,公司的视频片等各物料的需求日益增,开设计的人力捉襟肘。视觉物料生平台,是前端技术创新与架构业务的典型,通动识别类设计稿,加之文、视频动态 GIF 的可编辑与数据配置,视觉物料的生管理能力,支持各业务低成本完成物料相关需求,并予上千运直接制作视觉物料的能力,大大提高研效率,公司的业务驾护航。
大前端性能
专题简介:
在移代,由于设备资源、网等因素,性能得尤重要,反之,性能不友好的品,用流失率极高。本专场将邀 Web 前端、渲染引擎和特定景下有速度经验的技术专家,通过对性能化工具及技,去分享其在端上的经验
出品人:梁士团买端研发负责
2009 毕业于北京航空航天大学,2014 7 月份加入到美任美团买端研发组负责人。
多年从事大前端方向的技工作,对应用架构演、大前端工程化建以及大前端的技术发趋势厚的趣,希望能与大家行交流和分享。
议题介绍:
议题一:《手淘跨平台引擎架构与未来演进》——彭涛(冥)阿里巴巴线术专
业务如火如荼的展,新的跨平台技也随着史的浪潮在探索和践中不断涌,最成熟的跨平台技于大家熟知的浏览器技准化以及其大的生,加上硬件的不断升来的性能利使它一直占据着重的重要地位,随着业务度的不断提升,从后来的 Weex/React Native,到在如火如荼的 Flutter,也志着新一代跨平台架构已升级为渲染,高性能脚本引擎等内核技深水区。如何足差异化业务场景,依托前端成熟的生准化,减少业务的迁移适配成本,通一套跨端内核引擎支持多App,以至多生乃至不同的前端框架,成了跨平台架构的新挑。本次将分享从手淘几年来随着业务发展所来架构升思考,核心性能瓶的突破以及未来几年内跨平台架构的探索方向,希望能与您生技上的共与互勉。
议题二:《预加载技术在百度 App 上的用》——杨刚百度百度 App T7 浏览内核研发工程师、整体内核技术负责人
随着移动设备性能的整体提升(CPU、内存、网等),越来越多的移动应用通过预取技 H5 相关业务的首屏性能,百度 App 也在很多业务场景使用了一技取技人,打开速度往往可以起到立竿影的效果,但在移端相比 PC 还是有很多需要注意的事项,比如,由于 32 位运行模式的关系,内存仍然是一个需要高度关注的一个点。本次主将通过对H5 业务速度拆解、常用优化手段特别是预取技术的原理及优缺点入手,梳理取技的注意事,以及取技在百度app程。
议题三:《前端页面加载性能优化实践及运维》——王梓童买菜事业部 iOS 工程
随着业务不断地展,美开始引入 RN 用于解决效率和更新速度的需求,同使用H5 支撑数量繁多的营销RNH5 在性能上相 Native 有着天然的劣。如何在享受开迭代效率提升的同足用日益苛的性能体要求,成每个移者追求的目此,作的新业务团队,在2021年上半年度性能行了专项优化;在半年时间里,将RN 页面 1s 内渲染出首屏的比例由40%提升至了85%实现面秒开甚至近乎直出的性能体H5 TP90 首屏时间由也从 4500ms 降低到了 2000ms本次分享将深入 RNH5 的技原理,分析化思路,系性介在美有着丰富践的成熟化措施,以及相关指是如何控运的。相信经过本次分享交流,你可以更全面地了解前端性能的化方案,并合自己 App 实际情况落地。
议题四:《小红书搭建秒开 H5 的关术设计——杨远翔红书电商技术部电商大前端负责人
首屏性能一直在快迭代H5 业务中被人诟病,尤其是在无法定制首屏优化,有丰富内容的运营搭建场景。我们吸取了近几年业界公开关于性能探索中宝贵实践经验,在搭建业务中逐步探索、沉淀出一套基于"体感秒开"的技方案。全参与(前后端、QA视觉),管""""
大前端技探索
专题简介:
随着互网不断展,前端技也跟上班Vue发布 3.0 新特性,React 版本也到了 V17 Flutter 也开始和 XD 紧密联系。本专题将聚焦 2021 新技及未来前端域的新技术发趋势
出品人:李玉北 Web Infra 团队负责人
开源好者,热爱 JavaScript 社区,目前负责 Web Infra 团队 (https://webinfra.org/sg)团队职责维护公司前端的技术设施和服(例如:Node.jsServerless、跨端解决方案等等),并同打造下一代的 Web 引擎,重塑基于 Web 术栈用的开流程。
议题介绍:
议题一:《开发、维护与微循环》——张立理百度EE 前端架构
在一个相对长维护展的用中,开者需要更多时间功能的增量迭代、已有功能的整、修复与化等情况。
传统的初始脚手架、构建工具、代码生成等虽有助于项目从零到一的快速启动,但在增量迭代中难以发挥持续地效益。
项目的长期持续开发是一个个人能力、开发模式、团队协作紧密结合的过程,本次分享将介绍一种基于组件化的开发形式,力求通过统一的手段进行工作的分解,在粒度上完成定、开验证冻结的研而保持合适的开发节奏、效率、量。
议题二:《从历史的演进来看前端业务工程的发展》——俞天翔快手 Web探索前端负责
上古的模板拼装到“MV*”的大量被使用;从 jQuery 天下到Vue/React 逐步成全民框架;从 PC 时代到移动时代,从 2B 2C,前端 er 们似乎一直都在探索路上不断前进。在历史的发展进程中,我们是否能够积累出属于我们的工程方案,以应对业务的持续发展。本次分享将结合讲者在过去工作中的经验以及大型活动的惨痛发经历针对如何工程设计,将工程中与不的部分行拆解,将业务逐步演填空,保交付和有效累。
议题三:MWA Web 应用)框架和 Modern JS 工程方案——宋振 Web Infra工程
前端开 Web 中出的范式移都已到接近革命的程度,字 Web Infra 前段时间了「Web 」范式和Modern Web StackMWA 这些新一代技术,这次会进一步基于 Modern.js 开源目来介 MWA 框架、Web 工程方案。
此外,混沌工程、云原生、分布式数据、低代、机器学、音视频专场议题讲师已全部上线,目前大会线上直播免费预约热进行中,点底部阅读原文直达大会官网,了解更多专题详情。
继续阅读
阅读原文