小程序的WXSS和JS

一. 小程序WXSS

wxss使用方法与css基本一致

1.wxss的新增单位

rpx: 1rpx = (视口宽度/750) px 主要用于做不同尺寸手机的适配

2.引入 wxss样式

用@import './test_0.wxss’的形式引入wxss文件

二. 小程序JS

1.小程序的JS与浏览器JS的区别

浏览器中的JS分为: ES DOM BOM
小程序中的JS分为: ES 小程序框架 小程序API

2.小程序的数据渲染

1. 浏览器中的渲染是单线程的
2. 小程序的运行环境分成渲染层与逻辑层,WXML与WXSS运行在渲染层, JS运行在逻辑层
3. 小程序的无法直接将脚本数据渲染在界面上,需要通过this.setData()方法,参数是一个对象,键为变量名,值为,更改后的值(直接在脚本更改变量,只会使脚本的数据变化,页面的数据不会变化)
4. 注意尽管小程序的运行环境分为两层,但小程序依旧是单线程执行