微信小程序开发-初步体验（备注）

微信小程序开发说明（持续更新）

1.项目中使用的数据可以设置在index.js的页面数据下

2.wxml-------------->Html标记比较

<视图>---------->；&书信电报；div>

---------->；&书信电报；p> 文本

Bindtap---------->单击

｛｛座右铭｝｝--------->数据

3.条件判断

{｛mesg｝｝

另一个条件</text>

<；/文本>

4.数据遍历

第页({

箭头：[{姓名'：'张三'，'年龄'：18}，{姓名：'李四'，'年纪'：50}

{'姓名'：“王武”，'年龄'：25}]

})

表示方法1：

{｛index｝}------>{{item.name｝}--------->{{itet.age｝｝}

表示方法2：

<块wx:for=“｛｛arr｝｝”>

｛｛index｝｝

｛｛item.name｝｝

｛｛item.age}｝｝

索引数组下标项数组当前名称（这两个值可以自己设置，默认为索引项）

5.选择图片并更改头像

Chooseimg:function（）｛//Chooseimg此方法定义自身

var th=这个

wx.选择图像({

计数：1，

sizeType:[“原始”，“压缩”]，

sourceType:['album'，'camera']，

成功：函数（res）{

setData（｛myphoto:res.tempFilePaths｝）

},

})

}

6.表格提交

Wx。setStorageSync（键，值）同步存储数据

Wx。getStorageSync（key）同步获取数据

//以上两种方法相当于同步提交数据

wx.setStorage（{key:'key'，data:value}）；

wx.getStorage（｛key:'key'，成功：函数（res）｛that.setData（｛｝）｝｝

//以上两种方法等同于异步数据提交

7.百度地图简介

1） 申请百度地图ak

2） 下载百度地图js

3） 将百度地图js导入到要引用的wxml对应的js文件中

var bmap=require（'../../utils/bmap-wx.min.js'）；

var wxMarkerData=[]//成功找到回调对象

调用地址：function（）｛//方法调用

var=这个；

var BMap=新BMap.BMapWX({

Ak:'####'//填写应用的Ak

});

var fail=函数（数据）{

console.log（数据）

};

var成功=函数（数据）{

wxMarkerData=数据.wxMarker数据；

console.log（wxMarkerData）；

Wx。openLocation（｛//在地图中打开

纬度：wxMarkerData[0].纬度，

经度：wxMarkerData[0].经度，

名称：wxMarkerData[0].address，

比例：28

});

}

BMap编码({

失败：失败，

成功：成功，

iconPath：'/images/marker_ red.png'，

iconTapPath:'/images/img/marker_red.png'

});

}

8.参考外部字体

微信小程序不支持引入html等字体，需要以下步骤

1） 下载字体

2） 在中转换字体

3） 然后将转换后的css文件的内容复制到wxss

9.根据手机屏幕显示不同样式（也可以使用flex布局进行设置）

onLoad:函数（选项）{

var=这个；

Wx。getSystemInfo（｛//获取屏幕的宽度和高度

成功：函数（res）{

如果（res.windowWidth>3