博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
这个十月,我写出了人生中第一个小程序
阅读量:6190 次
发布时间:2019-06-21

本文共 1256 字,大约阅读时间需要 4 分钟。

  从2018-10-08开始学习并尝试着写微信小程序,到2018-11-06全部测试通过,正好30天。这个小程序实现了购物商城、智能推荐、物流定位、智慧客服、朋友圈、视频直播和弹幕网等功能,尤其在页面设计上下了大工夫,茉莉紫的主题颜色,我觉得颜值蛮高的,欢迎体验~

由于是个人发布的小程序,腾讯一直审核不通过,只能发布为体验版,以下是体验版的二维码,需要我手工认证才能进入,想要体验的话请联系我微信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

转载于:https://www.cnblogs.com/qmzy/p/9914033.html

你可能感兴趣的文章
Jumpserver0.4.0基于Centos7安装
查看>>
tomcat占用cpu过高解决办法
查看>>
SELinux
查看>>
Mysql XX 天之内
查看>>
儿童机器人Diego
查看>>
Windows Receiver配置自动登录
查看>>
php-fpm内存溢出
查看>>
DPM恢复Exchange 2013单个邮箱
查看>>
Node.js编写CLI的实践
查看>>
Python中的运算符
查看>>
九宫格、函数入门、判断某天为某年的第几天
查看>>
修改时区
查看>>
SecureCRT显示中文和语法高亮
查看>>
Sigar之python的基本使用
查看>>
ORA-12537:TNS:连接关闭 -------数据库最大连接数问题
查看>>
Linux系统日志和时间
查看>>
Emoji表情符号兼容方案(适用ios,android,wp等平台)
查看>>
Script:数据库最近的性能度量
查看>>
[实战5]-find out missing data from cdw report
查看>>
Oracle内部错误:ORA-00600[15801], [1]一例
查看>>