总结由于公司业务需要，年底本想偷懒，但是开发小程序的任务来了。第一次开发这个东西，记录一些需要注意的地方，以后再开发的时候可以快速解决。如果你是新手，建议先阅读官方文档。如果你在开发小程序的过程中遇到不懂的地方，可以看看这篇文章是否对你有所启发。小程序中很多写法和vue非常相似。如果你是vue开发者，学习小程序是不需要任何学习成本的。细则1.优先使用rpx而不是px。2、设计图通常以iPhone6为基准。3、使用一些交互组件时，优先选择官方组件，不要自定义组件。4.自定义组件通常会按照如下格式编写js。Component({options:{multipleSlots:true},properties:{data:{type:String}},methods:{handleClcik:function(e){if(!!e){//handleClcik类似于回调函数，点击自定义组件的当前A按钮触发this.triggerEvent('_handleClcik',e)}}}})5.自定义组件还需要添加一个json文件。{"component":true}6.自定义组件的wxml和wxss的写法和官方组件一样。7、事件一般以catch或bind开头，事件函数用双引号括起来。当然，单引号也是可以的。catch和bind的区别是前者不冒泡，后者支持冒泡。8.如果你的页面引用了自定义组件，需要在json中配置路径，否则无法在页面中调用。{"usingComponents":{"myComponent":"/components/MyComponent/myComponent"}}9、在页面中调用自定义组件也很简单，如下。_handleClcik对应自定义组件中的triggerEvent。10、组件中的事件如何传递参数？这就需要使用HTML5的data-xx。{{data}}然后就可以根据上面使用的triggerEvent传过来的e把数据和函数传给父组件了getexecutedin._handleClcik:function(e){console.log(e)//打印出来，会看到当前点击对象的实例。}11。该小程序没有窗口对象。所有的原生组件（包括视图）、自定义组件等，都可以通过操作它们的实例来获取组件信息（比如高度）。letquery=wx.createSelectorQuery()query.select('#id').boundingClientRect()query.exec((res)=>{console.log(res)//当前组件实例的属性})12.onReady是确保您的组件已实例化并且呈现完整功能。13.更新数据是通过this.setData({})完成的。这种行为与React非常相似，但在小程序中是同步操作。14.给组件绑定数据很简单，2个大括号{{data}}。15.在组件中设置三元表达式。有时，我们需要使用三元表达式来判断样式。16.如果要在小程序中呈现HTML内容，可以使用富文本组件。总结暂时就想到这些，更多的用法在官方文档中有详细介绍。
