资源描述:
《微信小程序开发原创经验》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、微信小程序开发的原创经验一:参数传值的方法1:data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:⑴设置data-id(2):取值+传值playTap:function(e){constdataset=e.currentTarget.dataset;wx.navigatelo({url:,../play/index?id='4-dataset.id})console」og(dataset.id);}(3):取值onLoad:func
2、tion(param){〃页面初始化this.setData({currentld:param.id})}data■注意事项:data-名称不能有大写字母,曾经我就因为大写了一个字母,找了半天的才发现这个错误..data-*属性中不可以存放对象Jd的方法标识来传值使用方法说明:⑴设置id(2)取值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值3:在navigator中添加参数传值使用方法说明(1)传值:在navigator的属性url后拼接?id(参数名字)=
3、要传递的值(如果多个参数用&分开&name=value&)(2)取值:onLoad(params){app.fetch(API.detail+params.id,(err,data)=>{})二:数据请求封装1•将所有的接口放在统一的js文件中并导出constapi={interfacel:'https://;interface2:'https://interface3:'https://....*,module.exports=api;2:在app.js中创建封装请
4、求数据的方法fetch(url,data,callback){wx.request({url,data:data,header:{'Content・Type‘:'application/json'},success(res){callback(null,res.data);},fail(e){callback(e);}})},3:在子页面中调用封装的方法请求数据importAPIfromn../../api/api.js";constapp=getApp();constconf={data:{title:'正在拼命加载中…;loadding:true},onLoad(){app.fetc
5、h(API.hot,{},(err,data)=>{})},三:使用模板(发现模板真是个好东西哦!)1:定义模板:name设置模板的名字定义模板templatename=Hhomeceir'>2:使用模板首先引入模板然后使用模板is后写模板的name..通过data来传递需要是数据templateis=”homecell”data=,,{{item}}',x/template>四:Array比较好用的属性和方法Array.isAr
6、ray()方法用来判断某个值是否为Array0如果是,则返回true,否则返回false。concat()方法将传入的数组或非数组值与原数组合并,组成一个新的数组并返回.forEach()方法对数组的每个元素执行一次提供的函数(冋调函数)。join()方法将数组中的所有元素连接成一个字符串。keys()方法返回一个数组索引的迭代器。map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组pop()方法删除一个数组屮的最后的一个元素,并且返回这个元素。push()方法添加一个或多个元索到数组的末尾,并返冋数组新的长度(length属性值)。toString()返回一
7、个字符串,表示指定的数组及其元素。五:对象Object常用方法1初始化方法varobj=[];varobj=newobj();varobj=Object.create(null);2添加元素的方法dic[“key”]=“value”;3删除key的方法deletedic[“key”];4清空词所有条目dic.clear();5删除deletedie;6查看所有属性的方法Object.keys(obj);对象的所有键名都是字符串,所以