关于bmob小程序开发文档详细精练，，，，主要是缩短了开发周期，，，，不过关于重大的项目，，，，照旧推荐使用自己服务器。。。。

下面分点分享下小程序的开发历程中的要害点及感受，，，，说明：

小程序标签统称组件，，，，Html标签统称元素。。。。

部分内容会与vuejs及jQuery作比照

使用iconfont字体图标

新建项目并添加图标

界说通用icon样式，，，，界说伪元素

.icon{

display: inline-block;

font-family: \'iconfont\';

}

.icon-home::before{

content: \\e600;

}

小程序事务绑定及处理器

小程序并没有类似vuejs的v-model举行双向绑定，，，，使用bindinput类似jQuery监听input事务在事务处理器中更新数据，，，，通过event工具e.data.value即可获得input的值。。。。

bindSearchInput(e) {

this.setData({ searchTxt: e.detail.value

})

}

小程序中的事务处理器并不可像vue一样传入参数，，，，由于事务处理器只有一个默认的参数event工具，，，，在for循环的组件中若是要想获取元素绑定的id，，，，可以通过和jQuery相同的方式绑定data属性。。。。

获取id：

//事务处理函数
navigateToDetail: function (e) {
const id = e.currentTarget.dataset.id;
}

阻止事务冒泡

bindtap、bindlongtap、bindtouchstart、bindtouchmove、bindtouchend、bindtouchcancle

setData

小程序的视图更新需要挪用setData修改绑定命据，，，，直接对数据举行修改是不会触发视图层更新的。。。。setData接受一个工具，，，，为需要添加或修改的属性。。。。属性名有点特殊，，，，[]中的值会被识别为变量，，，，因此若是要对工具数组中的某个属性举行修改，，，，只能预先拼接好属性名。。。。 过失做法：

// 视图不更新
this.data.searchSongs[index].love_flag\': 2
// SyntaxError: unknown: Unexpected token
this.setData({
\'searchSongs[\' + index + \'].love_flag\': 2
})

准确做法：

setSongFlag(e) {
// 注重setData属性名[]中的非整数值会被识别为变量
let key = \'searchSongs[\' + index + \'].love_flag\'
this.setData({
[key]: 2
})

关于image组件

小程序wxss的background-image及image组件都不支持外地url 在H5的开发中，，，，通常我们会将页面一些不需要凭证容器巨细来选择显示方式的图片使用img标签，，，，需要一些特殊显示方式的使用background。。。。但小程序只需要image组件便可。。。。它提供的mode属性和配景界说图片及img元素控制图片显示方式比照

其他的top、bottom、right、left等不缩放图片调解位置的属性与background-position作用相同，，，，img元素则只能通过定位控制。。。。

小程序API异步方案

若是没有强迫症，，，，小程序API使用默认回调的方式即可；；另外由于小程序只支持es6，，，，不支持async及await，，，，也可以将API封装成promise的方式。。。。

function promisify(fn) {
return function (obj = {}) {
return new Promise((resolve, reject) => {
obj.success = function (res) {
resolve(res)
}

obj.fail = function (res) {
reject(res)
}

fn(obj)//执行函数，，，，obj为传入函数的参数
})
}
}
module.exports = {
promisify: promisify
}

使用：

const promisify = require(\'./promisify.js\')
const request = promisify(wx.request);

request({
url: \'some URL\'
method: \'GET\',
}).then(res => {
console.log(res)
}

小程序问题

调试器没有css快捷提醒功效和颜色面板，，，，影响结构及颜色调解效率（随性派）

无法引入第三方js库

内置组件枯燥，，，，没有思量字体数目较量多时的自顺应情形

不支持跳转外部链接

配景图片或者image组件不可用外地图片

关于小程序审宣布或更新

小程序上线需要经由审核、宣布两个历程。。。。 审核通事后有全量更新、或者分阶段宣布，，，，小程序才会更新，，，，首次宣布没有选项。。。。

全量宣布：即时向全量微信用户宣布新版小程序。。。。 分阶段宣布：新版小程序将在15天内以开发者自界说比例，，，，向微信用户宣布更新 详情见知乎： 宣布小程序时选择全量宣布和分阶段宣布是什么意思？
？？？？

不得不说小程序审核速率是很是
？？？？斓模，，，即即是个人申请（相比以企业账号申请会有应用服务类型限制），，，，通常小程序没有涉及政策不允许的内容或者凌驾小程序允许的应用服务类型，，，，都是可以顺遂通过，，，，首次体验，，，，即便在国庆时代，，，，也是有事情团队举行审核，，，，审核时间通常在几小时内。。。。

总结

在开发这个小程序时，，，，微信小程序只支持页面级开发，，，，现在小程序已支持组件开发和插件开发。。。。组件的结构和页面并无区别，，，，自界说组件可以引入其他的组件。。。。

推荐阅读： 微信小程序开发教程 微信小程序