小程序备忘

小程序开发工具--详情--本地设置--启用自定义处理命令

用来执行脚本

为了提升用户 *** 作的流畅性，同时让用户在微信内拥有一致的 *** 作体验，“右滑手势返回”将成为基础配置，即所有小程序内都可以从屏幕左侧边缘向右滑动返回上一个界面。 在即将发布的7.0.5客户端版本中，页面配置中的 disableSwipeBack 属性将不再生效，请开发者及时调整。

背景图为fixed， top随滚动而改变 。 重点就是 onPageScroll 。

还可使用 scroll-view 的下拉刷新，且可以自定义样式。

用wxs监听滚动事件，设置样式。

不在以下 request 合法域名列表中，请参考文档

解决方案：在详情--本地设置中勾选“不校验合法域名。。。”

mode widthFix 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变。应避免使用widthFix，尽量指定宽高。

导航栏高度

iOS 44px （4+32+8）

android 48px （8+32+8）

胶囊与状态栏间距（应该计算得出）ios 4px，Android 8px，与导航栏底边距8px（只能取固定值）。

胶囊高度 32px

状态栏高度，刘海屏通常为44px

setData 是小程序开发中使用最频繁、也是最容易引发性能问题的接口。

因此，开发者在调用 setData 时要注意：

数组索引不能直接用变量，解决方案：

取原来的值：

在onUnload中取消timer

微信小程序中，可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意，大部分组件是不支持该属性的。

目前支持 hover-class 属性的组件有三个：view、button、navigator。

不支持 hover-class 属性的组件，同时也不支持 hover-stop-propagation、hover-start-time、hover-stay-time 这三个属性。

如果background写在wxml中，那么background-size也要写在style中，如果写在wxss中不会生效。

获取系统屏幕边框的安全距离：

safe-area-inset-top

safe-area-inset-right

safe-area-inset-bottom

safe-area-inset-left

ios11：constant（safe-area-inset-bottom）

ios11.2：env（safe-area-inset-bottom）

scroll-view的子元素最好包一层，不然宽度可能不起作用。

当小程序使用页面进行滚动时，可以给遮罩设置catchtouchmove属性来禁止页面滚动

1：weUI

官方网址： https://weui.io/

官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

优点：

做为开发者的我们可以不用写太多css，直接拿过来就可以用。组件都有点击态，大大增加了用户的体验好感，高清屏幕下 border : 0.5

2：Frozen UI

专注于移动web的UI框架,基于腾讯手机QQ规范... FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库

官方网址： http://frozenui.github.io/

http://frozenui.github.io/components.html#poptips

优缺点：

基础样式效果简单色调清爽

3：MUI

最接近原生APP体验的高性能前端框架，可多端发布到Appstore、Android市场、浏览器、微信公众号、百度直达号及流应用

官方网址： http://dev.dcloud.net.cn/mui/

优缺点：这个框架给我的吸引之处就是它的 UI 是以 IOS 为 主体设计的，当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度但网址上对它的评价是一种深入骨髓的廉价感。

4：SUI Mobile

介绍 SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，阿里前端团队出品的SUIMobile的前端UI库，方便迅速搭建手机H5应用,也非常适合开发跨平台Web App

官方网站 http://m.sui.taobao.org/getting-started/

优缺点：

兼容性好，能兼到 iOS 6.0+ 和 Android 4.0+

风格：炫酷的iOS风格功能强大的组件轻量的UI库，开始使用，只需要几个简单的步骤

缺点：sui mobile会和jquery冲突:后期维护/编写都很麻烦，开发人员以及离职，大半年都没有维护了

Github： https://github.com/sdc-alibaba/SUI-Mobile

Demo： http://m.sui.taobao.org/demos/

专注于开发的： http://framework7.taobao.org/

---