前端智能化探索:骨架屏低代码自动生成方案实践

前端智能化探索:骨架屏低代码自动生成方案实践

课程简介

在进入页面的过程中,用户不可避免地会看到一个加载动画。但加载动画往往比较古板,如果加载耗时稍微长一点,用户就会失去耐心离开页面。为了让用户有更好的浏览体验,骨架屏是一种较好的渐进式加载方案。

骨架屏的实现,也是视觉稿直出代码实现方案的 MVP (Minimum Viable Product)。在本篇文章中,携程技术团队会探讨骨架屏方案的优劣,以及一种前端智能化的骨架屏代码自动生成方案在携程的落地实践。

课程目录

一、背景

1.1 为什么需要骨架屏
1.2 方案调研及对比
二、实现方案设计

三、设计稿直出骨架屏代码

3.1 sketch 数据结构
3.2 通用算法——整理杂乱的图层
3.3 通用算法——图层重新组合
3.4 通用算法——图层样式处理
3.5 中间代码
3.6 生成平台特定代码
四、效果

五、结语

课程核心

前端智能化探索:骨架屏低代码自动生成方案实践

讲师简介

ZiLin Wang、Ivan Zhang、Sheila均来自携程技术团队。ZiLin Wang,前端开发者,函数式编程爱好者,最近沉迷于低代码平台和 WebAssembly;Ivan Zhang,擅长前端打杂,最近专注于Sketch插件和DesignOps平台;Sheila,携程资深前端开发工程师,关注前端性能优化。

作为携程集团的核心竞争力,携程技术团队由数千名来自海内外的精英工程师组成,为集团相关业务的运作和开拓提供全面技术支持,并以技术创新源源不断地为产品和服务创造价值,力求用技术去改变旅行者的生活。

(0)
上一篇 2021年12月22日 下午9:09
下一篇 2021年12月22日 下午9:25

相关推荐

发表回复

登录后才能评论