:

如果你是新手，建议你先看一下官方文件。如果你在开发小程序的过程中遇到不懂的地方，可以看看这篇文章对你有没有启发。

详细的规章制度

1.首先使用rpx而不是px。

2.设计图通常遵循iPhone6的基准。

3.使用一些交互组件时，先从官方组件中选择，不要再自定义组件。

4.自定义组件通常以以下格式编写js。

组件({ 0

options : { multipleslot 3360 true }，

properties : { data : { type : String } }，methods: { handleClcik:函数(e) { if(！E) {//handleClcik类似于一个回调函数，点击当前自定义组件的一个按钮来触发这个。triggerevent (\' _ handleclcik \ '，e) }})

5.自定义组件还需要添加json文件。

{

组件：真

}

6.自定义组件的wxml和wxs的编写方式与官方组件相同。

7.事件通常以catch或bind开头，事件函数用双引号括起来。当然单引号也是可以的。catch和bind的区别在于前者不起泡，而后者支持起泡。

8.如果您的页面引用了一个自定义组件，您需要在json中配置路径，否则您不能在页面中调用它。

{

使用组件： {组件：/组件/组件/组件}

9.在页面中调用自定义组件也非常简单，如下所示。_handleClcik对应于自定义组件中的triggerEvent。

数据={{data}}

bind : _ handleClcik=_ handleClcik

10.组件中的事件如何传递参数？这需要HTML5的数据-xx。

bindtap=handleClcik数据项={{data}}

{ {数据}}

然后可以根据上面使用的triggerEvent传递的E将数据和函数传递给父组件执行。

_ handleclcik:函数(e){ console . log(e)//打印出来，就会看到当前被点击对象的例子。}

1.applet没有窗口对象，所有原生组件(包括视图)、自定义组件等。可以通过操作它们的实例来获取组件信息(如高度)。Let=wx。CreateSelectorQuery(). query . select(\ ' # ID \ ')。BoundingClient(). query . exec((RES)={ console . log(RES)//当前组件实例的属性})

12.onReady是一个确保组件已经被实例化和呈现的函数。

13.更新数据是通过this.setData({})完成的，类似于React，但在小程序中是同步操作。

14.将数据绑定到组件非常简单，有两个大括号{{data}}。

15.在组件中设置三元表达式。有时，我们需要使用三元表达式来判断样式。

style=color : { { isRed: \ ' # f00 ' : \ ' # fff \ ' } }