染陌足迹——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。查看详情

目录
相关文章
|
1月前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
1月前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
80 0
|
1月前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
140 29
|
24天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
32 6
|
29天前
|
前端开发 JavaScript 搜索推荐
前端懒加载:提升页面性能的关键技术
前端懒加载是一种优化网页加载速度的技术,通过延迟加载非首屏内容,减少初始加载时间,提高用户访问体验和页面性能。
|
29天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
42 5
|
1月前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
31 3
|
1月前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
1月前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
43 3
|
1月前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
78 4
下一篇
DataWorks