微信小程序开发注意事项

css 及标签兼容性

• 兼容 iphonex：需要开发者自己适配

  margin-bottom: constant(safe-area-inset-bottom) !important;
  margin-bottom: env(safe-area-inset-bottom) !important;
  

• 关于 height: 100%: 如果相对的父标签有 padding，100%包含 padding 的高度

• 关于 overflow: scroll: 使用 scroll-view 标签，css 属性无效

• 关于组件：css 不能使用 id 选择器（#a）、属性选择器（[a]）和标签名，只能用 class

• 关于资源引用：background 不支持本地图片

• cover-image: 不支持 SVG 图片

• cover-view：不支持渐变色背景 linear-gradient

• cover-view 下的 button ：不支持 opacity

• cover-view 覆盖 web-view：安卓下需要延迟渲染 cover-view 才管用

• wx.getSystemInfoSync().safeArea：屏幕安全区域

其它兼容性及优化

• 有个安卓（10）好像没有默认字体

• 安卓微信（v7.0.15、sdk 2.12.3）开始键盘弹起时会自动调整 webview 的高度。IOS不会。

• 设置基础库最低版本，以求最优体验。

• 关于版本更新：发布新版本后，最差 24 小时之内全网更新完成

• 关于分包：分包后不同包内的文件不可互相引用，只适合于低耦合的独立模块，与 webpack 中分包的概念不同