微信小程序笔记

参考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图标,
  • 可在cssdata: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”
  • 自定义导航栏 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图片作为背景图。

 

工具

  1. 参考 https://www.jianshu.com/p/00724ab30c89 为webstorm设定代码高亮支持