小程序小知识备忘

setData和React的setState一样是异步的吗？

setData不是异步的，但是setData之后UI更新是异步的。因为逻辑层（App Service）和 视图层（View）是分开的。setData的第二个参数是UI更新后的回调。

组件中this.data和this.properties是一样的吗？如果属性名重复了怎么办？

1. this.data === this.properties 的返回是ture
2. key重复的话properties会覆盖data，应该是初始化化组件实例的时候properties覆盖了data。
3. data和properties是一个对象就说明properties是可以被修改的，因为data是可以被修改的（有点乱，最好不要直接修改properties属性）。

视图中双花括号代表什么？为什么事件绑定需要字符串？

双花括号里面是一个表达式，表达式的数据来自当前page的data或者component的data/properties。

注意到视图中是不能调用当前页面实例中的方法的，这和vue/react很不一样。

父组件不能通过properties传递方法给子组件，这应该就是绑定事件需要用字符串的原因（但是为什么方法不能通过properties传递呢？？？）。

属性变化的时候(observer中)可以setData吗？

属性变化的时候可以设置其他的data。

小程序中真机怎么看调试信息（console）？

小程序可以通过 wx.setEnableDebugAPI来打开和关闭debug模式，并且是否是debug模式是没办法查询的。

线上小程序怎么看console信息？

先在开发版或体验版打开调试，再切到正式版就能看到vConsole。

同一个页面被创建多次相关JS脚本会多次执行吗？

一个页面被多次创建，该页面所在的JS文件并不会被执行多次，只是根据初始数据多生成了一个页面实例（this）。在页面JS文件中直接定义的变量，在所有这个页面的实例间是共享的。

为什么小程序JS文件中访问不了window、document之类的对象？

因为JS文件并不是运行在web-view环境中。

在 iOS 上，小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中，视图层是由 WKWebView 来渲染的，环境有 iOS8、iOS9、iOS10；

在 Android 上：

旧版本，小程序逻辑层的 javascript 代码运行中 X5 JSCore 中，视图层是由 X5 基于 Mobile Chrome 57 内核来渲染的；

新版本，小程序逻辑层的 javascript 代码运行在 V8 中，视图层是由自研 XWeb 引擎基于 Mobile Chrome 67 内核来渲染的；

在 开发工具上，小程序逻辑层的 javascript 代码是运行在 NW.js 中，视图层是由 Chromium 60 Webview 来渲染的。

小程序中怎么获取DOM对象相关信息？

可以通过 wx.createSelectorQuery() 方法获取SselectorQuery对象，然后通过该对象查询节点信息。使用的时候注意对象的选取范围。

小程序中怎么获取自定义组件实例？

通过this.selectComponent(‘选择器’)即可获取组件实例。

小程序中曝光埋点需要元素可以被用户看见的时候才上报，怎么处理更方便？

通过IntersectionObserver对象即可