不积跬步无以至千里011

11.25 工作笔记

fromCharCode()

将Unicode编码转换为字符

var n = String.fromCharCode(65);//A
var n = String.fromCharCode(72,69,76,76,79);//HELLO

uni.createSelectorQuery()

操作元素节点，因为uniapp 没有dom元素和window对象

selectAll 类似css选择器 可以选取所有节点

var query = uni.createSelectorQuery();
// console.log('query',query);
let foods = query.selectAll('.foods');

返回一个 SelectorQuery 对象实例。可以在这个实例上使用 select 等方法选择节点，并使用 boundingClientRect 等方法选择需要查询的信息。

• 使用 uni.createSelectorQuery() 需要在生命周期 mounted 后进行调用。
• 自定义组件编译模式（默认模式），需要使用到 selectorQuery.in 方法。

selectorQuery.in(component)

将选择器的选取范围更改为自定义组件 component 内，返回一个 SelectorQuery 对象实例。（初始时，选择器仅选取页面范围的节点，不会选取任何自定义组件中的节点）。

const query = uni.createSelectorQuery().in(this);
query.select('#id').boundingClientRect(data => {
  console.log("得到布局位置信息" + JSON.stringify(data));
  console.log("节点离页面顶部的距离为" + data.top);
}).exec();

exec()用于检测正则表达式的匹配

uniapp数据改变，视图不更新

changeNum(type, index) {
				let list = JSON.parse(JSON.stringify(this.clist));
				if (type == 1) { //减少的操作
					if (list[index].num <= 0) {
						return;
					}
					// 同步页面上的数据
					list[index].num--
				} else { //加的操作
					if (list[index].num >= 5) { //限购五件
						return;
					} else {
						list[index].num++
					}
				}
				this.clist = list;
			},

这个问题上次我同事碰到了，用了set和 next Tick都不管用，必须把它转一遍才行！