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

目录
相关文章
|
22天前
|
前端开发 JavaScript 持续交付
前端技术趋势:2024年值得关注的几个方面
【10月更文挑战第9天】前端技术趋势:2024年值得关注的几个方面
|
8天前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
33 0
|
24天前
|
存储 前端开发 JavaScript
前端技术趋势:在动态变化中寻求稳定
【10月更文挑战第7天】前端技术趋势:在动态变化中寻求稳定
38 0
|
24天前
|
前端开发 数据可视化 JavaScript
现代前端开发:掌握关键技术与趋势
【10月更文挑战第7天】现代前端开发:掌握关键技术与趋势
45 0
|
1天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
49 29
|
1天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
10 4
|
1天前
|
自然语言处理 前端开发 搜索推荐
前端界的黑科技:掌握这些技术,让你的网站秒变智能助手!
【10月更文挑战第30天】随着前端技术的发展,网站正逐渐变成智能助手。本文探讨了四大关键技术:自然语言处理(NLP)使网站理解用户输入;机器学习实现个性化推荐;Web Notifications API发送重要提醒;Web Speech API实现语音交互。通过这些技术,网站不仅能更好地理解用户,还能提供更智能、个性化的服务,提升用户体验。
8 3
|
1天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
11 3
|
1天前
|
前端开发 JavaScript 开发者
惊!这些前端技术竟然能让你的网站在社交媒体上疯传!
【10月更文挑战第30天】在这个信息爆炸的时代,社交媒体成为内容传播的重要渠道。本文介绍了前端开发者如何利用技术让网站内容在社交媒体上疯传,包括优化分享链接、创建引人注目的标题和描述、利用Open Graph和Twitter Cards、实现一键分享功能以及创造交互式内容。通过这些方法,提升用户分享意愿,使网站成为社交媒体上的热门话题。
7 2
|
3天前
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
13 3