登录/注册

首页 › 活字格专区 › 专题教程 › 查看内容

92 主题	1万帖子	2万积分

Rank: 8 Rank: 8

积分: 25523

120759
金币
92
主题
18669
帖子

最新发帖

[易学技巧] 一看就会，超有用活字格技能：二百一十六、活字格最佳实践-移动端开发

悬赏达人认证

活字格认证

超级版主 / 发表于：2024-10-30 14:17 / 查看：446 / 回复：0

本帖最后由 Joe.xu 于 2024-11-15 09:28 编辑

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

页面框架和布局

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

加载与交互

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

页面元素

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

压缩图片文件大小

对于上传图片的单元格，建议开启自动压缩以减小图像文件大小并限制图片的尺寸（高度/宽度）

收藏

回复

0 个回复