小程序和其他的技术的区别
1.标签名字有点不一样:小程序的 WXML 用的标签是 view, button, text 等等,这些标签就是小程序给包装好的基本能力,我们还提供了地图、视频、音频等等组件能力。
2.wx:if 这样的属性以及 表达式:{{}} JS只需要管理状态:this.setData({ms:‘哈哈’})
3.wxss样式不同:
新增了尺寸单位。在写 CSS 样式时,需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。
提供了全局的样式和局部样式。和前边 app.json, pae.json 的概念相同,你可以写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 pae.wxss 仅对当前页面生效。
此外 WXSS 仅支持部分 CSS 选择器
4.JS逻辑交互(事件操作)
5.小程序中使用rpx—1rpx=1物理像素=0.5px,推荐使用flex