微信小程序笔记
参考url
https://www.cnblogs.com/pansidong/articles/7563155.html
https://www.jianshu.com/p/00724ab30c89
https://www.cnblogs.com/mhxy13867806343/p/6265159.html
- 组件的样式只能定义在组件对应wxss
- data:image/svg+xml;base64,{} 可通过这个方式引入svg图标,
- 可在css用data:image/svg+xml;utf-8,{svg code}引入svg图标
- 作为组件,
1. js须有Component构造器 参考 https://blog.csdn.net/u014490083/article/details/81026601,
2. json里边有
{“component”: true}
- 关于跳转
页面跳转用 js用 navigateTo https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateTo.html?search-key=navigateTo
标签用 navigator https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
https://blog.csdn.net/sdlklyg/article/details/79246720
- Swiper 与 nav, https://blog.csdn.net/li06359147/article/details/79184587
- 页面传递参数到组件 http://www.cnblogs.com/wind-wang/p/10050380.html
在组件设定 properties
在父页面设定data-{}
- 表单的placeholder需要用特别的类设定 placeholder-class=”input-placeholder”
- Textarea在iOS和安卓下表现不一,解决方法是用js判断OS再分别给不同的class…
参考https://www.jianshu.com/p/af99c8558c3a
更多textarea的bug https://www.cnblogs.com/growupup/p/9799507.html
- 自定义导航栏 https://blog.csdn.net/qq_33744228/article/details/83656588
- Swiper + Scroll-view 会触发一个莫名的最高层级的bug, 例如同级有个一浮动(fixed)的按钮,将会被遮挡,待缓动时间过后才能回复正常。动态给按钮加一个transtion, translate3d 可修正问题,参考运营小程序首页
- 自带的button标签,会用:after定义有边框
- 暫不支持css @supports 語法.. https://developers.weixin.qq.com/community/develop/doc/0006661cce0898698077eba9951000?highLine=css
- 有关帧动画, 小程序不支持循环gif图(只播放一次),而css3 侦动画又不支持css直接读本地图片… 据闻(未验证)canvas可读本地图片,最终运营小程序用的是 cdn图片作为背景图。
工具
- 参考 https://www.jianshu.com/p/00724ab30c89 为webstorm设定代码高亮支持