商学院项目开发总结

1.严格按照设计图比例开发页面，如果有疑问，及时询问设计人员，注意沟通。

2.小程序开发使用rpx，设计图是750宽度，做样式时比例为1:1，设计图是多少rpx，style样式就是多少rpx，这样可以使设计图的还原度更高，尽量不要使用百分比。

3.Css尽量使用flex布局。

4.Js代码要简洁，无用代码删除，不影响他人查看。

5.在使用录音等权限时，要先判断用户是否授权，如果用户拒绝授权，要使用wx.openSetting打开所有权限，让用户手动开启权限，否则功能将不能使用。

6.列表页面数据加载问题，不需要每次都刷新整个页面，如果只是为了刷新某条数据，可先记录改数据id，返回到此页面时只请求该数据即可。

7.Wepy框架中，在异步函数中更新数据的时，必须手动调用$apply方法，才会触发脏数据检查流程的运行。

8.小程序图片预览再关闭，会触发onShow事件，所以再onShow中一定要判断是从其他页面切换过来的，还是预览图片触发的。

9.固定底部输入框聚焦后键盘会遮挡输入框，这个耽误了比较长时间，后来是通过定位，聚焦时获取键盘高度，设置距底部的距离为键盘高度。

10.跳转页面携带参数未带有参数的url时，通过path+’?url=’+url时，url的参数会传不过去，这时需要用到navigateTo的events事件，//通过eventChannel向被打开页面传送数据，然后在跳转页面获取上一页面通过eventChannel传送到当前页面的数据。

11.注意数据的及时刷新。

 

第二部分：

1、开发中遇到的问题以及如何解决办法

1.1，{{}}不能执行函数方法， {{}} 只支持基本的简单运算和 ES6 拓展运算符。如时间格式化这种常用的处理，只能在js代码中处理好然后再模板中渲染。

解决方法：可以通过wxs模块解决 {{}} 中不能执行函数的问题。可以做到模拟 vue.js 中过滤器的功能。

1.2，在开发时注意要将开发者工具关闭ES6 转 ES5 ，不然 wepy 编译会报错，如果需要请求域名，后台未设置安全连接，打开工具设置（不校验合法域名、 web-view （业务域名）、 TLS 版本以及 HTTPS 证书）

1.3，有时候异步更新数据没有刷新，是因为在wepy框架中异步请求数据需要在请求过后 使用this.$apply();还有一种情况不刷新是父组件传值给子组件时需要加上.sync修饰符。

1.4，在同一个页面中无法多次引用同一个组件时，需要在components中声明不同的id来进行区分。

 

2、开发中的不足及经验教训

2.1，在开发程序时，在根据设计图实现页面的同时也要有自己的判断，如果设计图有明显与项目主体风格不一致的页面要及时询问，以免做无用功。

2.2，在执行删除等具有不可逆性的操作时，为了更加人性化的考虑要加上提示框让用户充分考虑后做出选择，执行成功后要给予用户结果反馈。

 

3、好的开发思路或者知识点

3.1为了动态设置小程序的高度可以在onload中调用wx.getSystemInfo获取windowHeight/width即窗口的高度和宽度，如果页面上半部分用了固定的px/rpx设置了高度，想要剩下一部分的高度刚好占满剩余窗口的部分，就可以用windowHeight减去上部分的高度，计算时需要注意rpx与px的转换。

 

4、对于以后的项目开发的建议

1.在开发程序时，如果后端的接口还未开发完成时，要注意之前定义好的接口在模拟假数据使用时格式是否合理，是否有遗漏，如果出现这种情况要及时告诉后端。
2.在开发页面的时候，如果设计图存在不合理之处，要及时与设计人员沟通修改。