一. 小程序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.小程序的数据渲染

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

小程序的WXSS和JS相关推荐

mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
mpvue微信小程序http请求-fly.js
mpvue微信小程序http请求-fly.js fly.js是什么? 一个支持所有JavaScript运行环境的基于Promise的.支持请求转发.强大的http请求库.可以让您在多个端上尽可能大限度 ...
微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习
微信小程序学习Course 3-2 JS数组对象学习本节主要介绍JS中的数组. 3-2.1 数组的声明数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...
【微信小程序】——wxss引用外部CSS文件及iconfont
小程序引入外部文件的方式是:@import "*/*.wxss"; 因为业务需要,正在开发的小程序中需要使用iconfont,很容易想到了H5的引入方式: ```` @font-f ...
微信小程序样式 WXSS
微信小程序样式 WXSS 样式基础尺寸单位样式导入内联样式选择器 less语法样式基础类似于web里面的css WXSS 用来决定 WXML 的组件应该怎么显示. WXSS 具有 CSS ...
*通配符与微信小程序的WXSS
在编写前端样式的时候,很多人都喜欢先用通配符规定一些样式但是,在微信小程序的wxss中,没有 * 通配符 ,所以只能用笨方法 , 把每个标签选上再设置 .
微信小程序导入wxss文件
微信小程序导入wxss文件在开发小程序中,需要导入一些wxss文件.所以记录一下导入的语法和文件路径写法 @import "/static/iconfont/iconfont.wxss&q ...
HTML微信小程序的页眉代码,微信小程序样式wxss各种问题总结（不断更新）
1)加入其它样式文件 @import '/css/dialog.wxss'; //注意:必须结尾用分号 2)隐藏滚动条 ::-webkit-scrollbar { width:; height:; c ...
微信小程序如何实现通过js修改wxml的for循环中的属性值
微信小程序如何实现通过js修改wxml的for循环中的属性值要实现的效果具体代码要实现的效果点击每一个活动选项,实现显示对应的操作按钮具体代码首先要在对应页面的js中给data中定义数组, ...

小程序的WXSS和JS

一. 小程序WXSS

1.wxss的新增单位

2.引入 wxss样式

二. 小程序JS

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

2.小程序的数据渲染

小程序的WXSS和JS相关推荐

最新文章

热门文章