Lay.Li 发表于 2024-10-30 14:17:00

一看就会,超有用活字格技能:二百一十六、活字格最佳实践-移动端开发

移动端开发
与传统的PC端相比,用户对移动端有着更高的体验要求,另外,移动端设备和网络的限制也会影响用户体验。因此,在搭建移动端应用时,需要更好的用户交互设计。

页面框架和布局

[*]根据业务需求设计最合适的移动端页面框架
[*]推荐使用活字格内置的手机页面模板
[*]为页面使用流式布局功能,以便页面在不同设备中自适应

加载与交互

[*]避免将复杂和关键的业务逻辑放在前端命令中,而应该放在服务端命令中。
[*]移动端网络可能会不太好,所以避免在移动页面中加载过多的JS/CSS资源,以防止影响加载时的性能。
[*]使用CDN技术和缓存常用的JS/CSS资源,用来提高加载时的速度,可以参考CDN配置。
[*]避免使用外部的JavaScript库,因为它们可能过于复杂,影响移动端设备的体验。

页面元素

[*]推荐为页面使用流式布局功能,以便页面在不同设备中自适应。
[*]对于较慢的页面,页面加载模式应使用渐进加载,以提高用户体验。
[*]使用图文类别替代表格以提升移动端的列表页面体验
[*]启用按需加载以提高页面加载速度
[*]避免过于复杂的UI界面,使用简洁的页面模板

压缩图片文件大小

[*]对于上传图片的单元格,建议开启自动压缩以减小图像文件大小并限制图片的尺寸(高度/宽度)

页: [1]
查看完整版本: 一看就会,超有用活字格技能:二百一十六、活字格最佳实践-移动端开发