染陌足迹——14 届 D2 前端技术论坛

简介: 染陌足迹——14 届 D2 前端技术论坛

友情提示:这不是一篇技术文章,极有可能是一篇流水账,多图预警!

还在 D2 现场的时候在知乎上占了个坑,拖延症晚期的我现在才来填坑(抖

时间过得很快,一直感觉上一届 D2 才过去没多久,一晃又是一年了。今年的冬天一点也不冷,太阳不大却格外舒服。起了一个大早从城西赶到了城东,周六的文一西路隧道还是出现了一些拥堵,好在作为老司机车技精湛,一路漂移过弯,踩着九点到了场,越来越佩服自己对时间的精准把控。害羞!

来 D2 一个是看看别的团队都在做什么,学习学习。另一个也是想见见平时网上的“老网友”们,面面基(挖挖人)。

赶紧打个卡!!!不然白来了!!!(逃
PS:此处要感谢摄影师房姐

开场致辞

刚好赶上圆心老板的开场致辞,圆心老板介绍了大会的几个方向以未来前端的主战场,未来的前端挑战与机遇并存。

正题

因为对微前端这块比较感兴趣,所以上午一直都在三号场听微前端相关得的主题。

第一场是阿里云智能的克军带来的“云生态新物种——微前端架构体系”。

克军的人气特别高,我们从一号场换到三号场的时候已经座无虚席,甚至我站着也很难找到比较好的地方了。

首先,克军介绍了微前端的背景以及发展历程。

接着介绍了微前端的工程价值。

微应用容器所需具备的能力。

然后克军说了一下微前端以及前端组件的差别。

笔者补充:其实这个话题之前在内部也发起过一次讨论,大家也各有各的思考。微前端场景主要有两种:一是一个大的巨石应用,隔离各个技术栈无关的子应用,二是一个或者多个平台通过微前端来将服务化能力输出,提供一个介于 open api 之上的,更加粗粒度的 UI 编排能力,也有输出给二方或三方平台的能力,需要考虑隔离以及加载等能力。

最后是微前端的业务价值,特别认同克军的一句话——“如果微前端只有工程价值的话,是不值得大张旗鼓去做的”。

接着第二场是蚂蚁金服的有知带来的“标准微前端架构在蚂蚁的落地实践”

首先有知向我们展示了目前一些系统的问题,一些陈年的老项目组成的巨石应用,导致各种体验问题,各种跳转以及流程过长。

微前端架构类型以及能力。

接着有知从协议开发、路由、应用导入机制、应用隔离以及通信几个角度来讲述技术栈无关性。

协议开发

应用隔离又分成 CSS 以及 JS 两个维度进行讲解,CSS 的远离是动态加载(卸载)样式表,JS 则实现了一套沙箱机制。

接着分享了一张微前端的大图。

最后是衡量微前端的标准。通过产品价值(自由组合、统一视觉),品牌价值以及技术价值(研发提效、交付提效)来讲述微前端的价值。

第三场是字节跳动的艾石光带来的“微前端沙盒体系”。

首先艾石光介绍了微前端的沙盒体系。

接着从做什么,像什么,怎么做三个维度介绍了沙盒。

中午吃好饭是 996 乐队的表演

中午不睡下午崩溃,下午听了两场,主要找朋友们聊聊天(挖挖人)。

下午第一场听了上坡以及吭头分享的“前端工程下一站 IDE”,讲述了 Web IDE 的思路及架构等。

IDE 的应用场景及背景

第二场本来想去听狼叔分享的,可是人满为患根本进不去,我连门都打不开(哭

于是去了灰常三听了玄寂分享的“实时构建探索之路”。

茶歇时间依旧是人挤人,除了两块上校鸡块我一无所获,不过找了好多“网友”扯扯淡,聊聊天,还是很开心的。

茶歇之后听了“Serveless 下函数应用架构升级”,由于人太多一直站着就没做记录。

大会结束后匆匆赶回了城西,没有参加夜场还是比较遗憾的,明年也想感受一下夜场。

最后

中午跟克军、风驰、朴灵、小胡子哥、贺老、大漠、甄子、裕波等几位大佬一起吃了顿饭。
我又要单方面宣布认识大佬们了!害羞!

还有一个彩蛋,被房姐偷拍的照片上了推荐位。

害羞!!!

最后,参加大会受益匪浅,感谢主办方,感谢所有工作人员!

重点来了:阿里云智能商业中台体验技术团队长期招 P6 及以上前端,有兴趣的欢迎勾搭,直接私信我或者发我邮箱: ranmo.cy@alibaba-inc.com。查看详情

目录
相关文章
|
3天前
|
缓存 监控 前端开发
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
【4月更文挑战第30天】本文探讨了Flutter应用启动优化策略,包括理解启动过程、资源加载优化、减少初始化工作、界面布局简化、异步初始化、预加载关键数据、性能监控分析以及案例和未来优化方向。通过这些方法,可以缩短启动时间,提升用户体验。使用Flutter DevTools等工具可助于识别和解决性能瓶颈,实现持续优化。
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
|
2天前
|
资源调度 监控 前端开发
第七章(原理篇) 微前端技术之依赖管理与版本控制
第七章(原理篇) 微前端技术之依赖管理与版本控制
|
2天前
|
前端开发 JavaScript UED
第五章(原理篇) 微前端技术之模块联邦与动态加载
第五章(原理篇) 微前端技术之模块联邦与动态加载
|
1天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术实践
本文将介绍如何通过前端和后端技术相结合,构建现代化Web应用的技术实践。我们将探讨前端开发、后端架构以及多种编程语言(如Java、Python、C、PHP、Go)在构建高效、可扩展的Web应用中的应用。
|
2天前
|
前端开发 JavaScript 虚拟化
第四章(原理篇) 前端容器技术
第四章(原理篇) 前端容器技术
|
2天前
|
Web App开发 前端开发 JavaScript
构建跨浏览器兼容的前端应用:技术实践与挑战
【5月更文挑战第16天】构建跨浏览器兼容的前端应用是应对浏览器差异和多样性的挑战。使用现代框架(如React、Vue)能自动转换代码,编写可移植的Web标准代码,结合浏览器兼容性测试工具和Polyfill解决旧浏览器支持问题。关注浏览器更新,应对性能、API差异和样式问题,采用渐进增强、条件判断和CSS Reset策略确保应用在各种浏览器上运行良好。
|
3天前
|
机器学习/深度学习 前端开发 Java
Java与前端:揭开技术浪潮背后的真相
Java与前端:揭开技术浪潮背后的真相
12 1
|
3天前
|
存储 JavaScript 前端开发
使用Vue.js构建交互式前端的技术探索
【5月更文挑战第12天】Vue.js是渐进式前端框架,以其简洁和强大的特性深受开发者喜爱。它聚焦视图层,采用MVVM模式实现数据与视图的双向绑定,简化开发。核心特性包括响应式数据绑定、组件化、模板系统和虚拟DOM。通过创建Vue实例、编写模板及定义方法,可以构建交互式前端,如计数器应用。Vue.js让复杂、交互式的前端开发变得更加高效和易维护。
|
3天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
3天前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS前端技术趋势篇】前端框架(React/Vue/Angular)与HTML/CSS的结合使用
【4月更文挑战第30天】前端框架React、Vue和Angular助力UI开发,通过组件化、状态管理和虚拟DOM提升效率。这些框架与HTML/CSS结合,使用模板语法、样式管理及组件化思想。未来趋势包括框架简化、Web组件标准采用和CSS在框架中角色的演变。开发者需紧跟技术发展,掌握新工具,提升开发效能。