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

目录
相关文章
|
5天前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
1月前
|
前端开发 JavaScript 持续交付
前端技术趋势:2024年值得关注的几个方面
【10月更文挑战第9天】前端技术趋势:2024年值得关注的几个方面
|
19天前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
53 0
|
12天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
82 29
|
5天前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
14 3
|
5天前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
11天前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
24 3
|
12天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
42 4
|
12天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
30 4
|
11天前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
20 2