本帖最后由 Joe.xu 于 2024-11-15 09:28 编辑
移动端开发
与传统的PC端相比,用户对移动端有着更高的体验要求,另外,移动端设备和网络的限制也会影响用户体验。因此,在搭建移动端应用时,需要更好的用户交互设计。
页面框架和布局
- 根据业务需求设计最合适的移动端页面框架
- 推荐使用活字格内置的手机页面模板
- 为页面使用流式布局功能,以便页面在不同设备中自适应
加载与交互
- 避免将复杂和关键的业务逻辑放在前端命令中,而应该放在服务端命令中。
- 移动端网络可能会不太好,所以避免在移动页面中加载过多的JS/CSS资源,以防止影响加载时的性能。
- 使用CDN技术和缓存常用的JS/CSS资源,用来提高加载时的速度,可以参考CDN配置。
- 避免使用外部的JavaScript库,因为它们可能过于复杂,影响移动端设备的体验。
页面元素
- 推荐为页面使用流式布局功能,以便页面在不同设备中自适应。
- 对于较慢的页面,页面加载模式应使用渐进加载,以提高用户体验。
- 使用图文列表替代表格以提升移动端的列表页面体验
- 启用按需加载以提高页面加载速度
- 避免过于复杂的UI界面,使用简洁的页面模板
压缩图片文件大小
- 对于上传图片的单元格,建议开启自动压缩以减小图像文件大小并限制图片的尺寸(高度/宽度)
|
|