微前端架构如何改变企业的开发模式与效率提升
745
2022-10-08
微信小程序 todolist(微信小程序怎么开通)
weixinApp 微信小程序toDoList
列表页面
简单的列表页面和数据添加,此时有一些问题
setData在清除一些用户交互的页面的时候有些问题。inputA 是一个输入框,当我提交数据的时候,需要清除表单的数据,setData不能清除很好的清除。
添加数据
使用wx.setStorageSync(KEY,DATA).
try { wx.setStorageSync('key', 'value')} catch (e) {}
删除数据
使用 wx.removeStorageSync(KEY)
try { wx.removeStorageSync('key')} catch (e) { // Do something when catch error}
详情页面
此时用到路由机制
模块化的测试
utils下的文件都是使用模块化的测试代码。
使用了一些ES语法
请查看**/utils/test.js**,实现了类似汉字转拼音的效果。
var res = test.getFullChars('中国');
微信wx.request 测试
wx.request发起的是https请求。一个微信小程序,同时只能有5个网络请求连接。
在测试wx.request的时候.
wx.request post传参数,开发者服务器取不到参数
// 在php内嵌入此句也不适合。header('Access-Control-Allow-Origin:*');// 可能要在nginx 服务器上配置一些参数,可以让微信小程序调用
基本上get是没有问题的。(url各种带参数是没有问题的)其他的API没有测试,用的不多,如果有需要再进行测试。
xxxxxxxdxx
var count = 0var maxRequest = 100var getRequest = function(){ wx.request({ // 此域名必需要配置 url: 'https://test.com/t/wxRes', //仅为示例,并非真实的接口地址 success: function(res) { count++ if(count < maxRequest){ getRequest() } }, fail: function(res){ console.log(res) } })}// https请求 for(var i = 0; i< 5;i++){ getRequest()}// 如果直接for10次的话,肯定有错误。这里只能for5次
我在测试的时候发现一个问题。post数据的时候一直不成功。经过查看文档得出结论。 需要加一段代码
// log.js// 头部 header: { "Content-Type": "application/x-www-form-urlencoded" }, // 这样的数据是取不到值的。要把参数转化为这个形式才ok, **id=1234444&name=adasdadad**var postData = { id: 1234444, name: 'qidongyou'};postData = util.json2Form(postData);// util.jsfunction json2Form(json) { var str = []; for(var p in json){ str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p])); } return str.join("&"); }module.exports = { json2Form: json2Form}
测试结果
wx.getImageInfo取远程图片元信息是有问题的。*https://36dong.com/assets/images/index/box.png*,在本地测试是没有问题。
download Image fail
坑点
本地没资源不无法通过css获取。可以使用网络图片,或者base64app.json文件下的pages配置不能重复宽高设置百分比无效果this与that:this.setData报错post 请求数据修改域名配置的时候有bug. 重启项目
其他相关文章
官方文档测试工具segmentfault相关文档post参考文档查找问题相关网站
我的公众号
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~