统软云 APP开发经验总结

1.前端框架：

尽量不要使用jQuery、AngularJS、BootStrap等沉重的框架，摆脱对美元的依赖，养成自己动手的习惯。但是，您可以根据功能需求在特定页面中使用具有独立功能的Mobile First框架

统软云前端框架（api.js和api.css）建议用于默认样式设置、DOM操作和字符串处理。建议移动UI框架使用AUI2和前端框架：

尽量不要使用jQuery、AngularJS、BootStrap等沉重的框架，摆脱对美元的依赖，养成自己动手的习惯。但是，您可以根据功能需求在特定页面中使用具有独立功能的Mobile First框架

对于默认样式设置、DOM操作和字符串处理，建议使用统软云前端框架（api.js和api.css）。AUI3和AUI3推荐用于移动UI框架；屏幕适配：为了正确设置视口，建议使用720*1280大小的UI地图，

首选绝对测量单位px。应在UI效果图片（例如720x1280大小的图片）中测量与元素的宽度或高度相对应的像素值，然后除以屏幕放大率（例如，720x1280设备的屏幕放大率通常为2），以获得书写风格的准确值。

!!! 小心！！！：在统软云项目验收期间，将根据设计提供的UI图像的大小（例如720x1280），以相应的屏幕分辨率（例如720x1280）在手机设备中安装和运行统软云。运行后的页面将逐一与UI效果图像进行比较。！！！小心！！！：H5界面的实现应该与UI设计完全一致，降至0.5px。！！！小心！！！：当openFrame/FrameGroup时，您应该使用自动与边距布局相结合，以动态适应不断变化的android设备屏幕。推荐文件：屏幕适配原则和实施https://docs.统软云.com/Dev-Guide/screen-adapt-guide4，窗口关闭处理：在开发过程中根据需要处理Android按键返回事件和iOS滑回手势。

!!! 小心！！！：在Android上，您只能在窗口中收听keyback事件，而不能在帧中收听keybackevent；在iOS7以上的系统上，您可以在openWin期间设置slideBackEnabled参数，以确定是否可以通过向后滑动手势关闭窗口。！！！小心！！！：在后台关闭页面时，应注意在关闭方法中添加动画：｛type:“none”｝，以防止切换动画影响用户体验；5.形成背景图像：避免使用H5实现身体级背景图像。您可以使用Window或Frame的bgColor参数以本机方式有效地实现它

!!! 小心！！！：不建议为主体元素指定背景以获得主体级背景图像。特别是，使用H5实现高清大背景图像将严重影响渲染性能。6.导航切换：切换底部导航或顶部类别菜单时，切换体验应流畅，切换过程应无白屏、闪屏等现象

!!! 小心！！！：建议使用FrameGroup切换帧。您应该根据需要合理配置预加载帧的数量。每个帧都应有明显的刷新机制。每次切换时都不能刷新和重画。！！！小心！！！：如果模块用于实现底部导航栏，建议使用NVTabBar模块。7.列表滚动：滚动效果应平滑。您不能使用iscroll和其他JS的方法来实现滚动

!!! 小心！！！：建议使用Window+Frame的UI结构以本机方式滚动列表页。！！！小心！！！：在iOS上，通过在openWin或openFrame时配置scrollToTop参数，可以实现单击状态栏自动返回顶部的效果；在FrameGroup中使用此效果时，应注意确保只有当前显示帧的scrollToTop属性为true，而其他帧的scrolToTop属性则为false。8.交互响应：点击事件必须处理点击事件的300毫秒延迟，以优化点击响应速度。建议通过向可单击元素添加tapmode属性来优化单击速度。

!!! 小心！！！：在触发api就绪事件之前，引擎将根据当前dom树自动优化具有tapmode属性的元素单击事件的处理。加载的数据