由于是个人发布的小程序,腾讯一直审核不通过,只能发布为体验版,以下是体验版的二维码,需要我手工认证才能进入,想要体验的话请联系我微信gusuziyi
图片预览地址 :源码地址:所遇到的典型问题汇总
一、小程序使用的是wxss而非css,他引入了rpx来解决不同设备尺寸差异的问题,但同样具有css无法运算、嵌套和定义变量的问题,所以我使用了gulp+less对wxss进行构建,详见gulpfile.js
二、微信官方UI有两套:小程序默认内置的和weui,两套UI有大量的重复功能,而且偶尔还互相干扰,weui几乎没有文档,只能撸源码,开发体验极差,导致光写界面就用了18天,今后weui最好按需引入,同时想要使用淘宝iconfont,必须转成base64格式才可以,详见style文件夹
三、组件中的properties和data使用的方法一致,properties甚至可以直接赋值,赋空值也可以,this.setData居然可以自动刷新dom,必须好评
四、关于收藏夹的存储设计:初始化后调取手机存储收藏夹,然后更新到app.globalData.myFav中供不同页面加载,每次点击收藏时,更新页面中的myFav以刷新dom,更新app.globalData.myFav以同步各页面,更新Storage以长久保存
五、没找到类似webpack的resolve工具,所以写页面navigateTo和usingComponents时无比蛋疼,好在页面内navigate可以使用get方式传值,注意传复杂数组要JSON化
六、组件的ready事件无法读取到properties值,所以想要让组件自动刷新,只能在父组件中调用this.selectComponent(),但ready可以调用到methods和data,因此倒计时操作不需要借助父组件
七、数据库+js逻辑+智能机器人一共写了大约十天,主要得益于腾讯云极其通俗简洁的存储模式、微信开发工具对js极好的热刷新优化以及无需状态管理,云开发今后必定大有发展
八、wxss居然不支持右键检查、各节点里面有一堆莫名其妙的#shadow-root、wxss热刷新巨慢,平均要等2-3秒、750rpx的宽度,即使计算好了有时也会出现左右压缩变形的问题,希望这些问题今后能得到优化
九、十月份的自学计划顺利完成,这个月发现两个大问题,一是UI设计效率很低,二是对后端一知半解,所以十一月到十二月中旬的学习重点准备放在前端原型设计和node上面,天气渐凉,但愿自学热情不减
千茉紫依 2018/11/6