小程序小知识备忘

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对象即可

发布了48 篇原创文章 · 获赞 52 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/letterTiger/article/details/90044120