1、下载小程序开发工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 2、根据开发工具创建一个小程序快速模板:(需要appid,如没有需要注册: 微信公众平台:https://mp.weixin.qq.com 小程序开发者账号注册:https://mp.weixin.qq.com/wxopen/waregister?action=step1 ) 3、JSON 配置 JavaScript Object Notation
4、 5、app.json 全局配置
6、pages:是我们平时写的页面存放的地方,window:用于设置小程序的状态栏、导航条、标题、窗口背景色。tabBar:用于设置底部导航的链接 7、书写规范:双标签<组件名> 内容 </组件名> 单标签 <组件名 /> <view> 相当于div </view> <text>文字书写位置 </text> <image src="图片资源地址" />(背景图片引用本地路径无法识别,但是可以使用base64解决或者image标签) 8、在小程序里建议用flex布局,更灵活,更方便。 9、获取事件对象的传参需要使用data-*传参,用dataset获取;冒泡用bind绑定事件函数,catch用与阻止冒泡绑定事件函数。 10、生命周期函数: onlaunch:级别最高,监听小程序的变化 onload:打开页面执行一次(只执行一次)(参数options:传给的页面的参数url等 ) onReady:页面渲染完成执行一次(只执行一次) onshow:页面显示执行一次(重复执行) onhide:离开本页面执行一次(重复执行) 11、app.js中可以配置全局变量,任何页面都能访问,获取全局变量方法const app = getApp(); 12、wx.request请求数据与ajax相似,一般我们都在onload函数中发送请求,在更新异步数据时我们使用setdata()更新视图和数据。小程序的场景值。 13、在一个页面上想要使用组件的三个流程:引入组件、在config中注册组件,使用组件 14、想要跳转到底部tabbar页面,必须制定open-type类型, 15、使用wepy框架的时候页面必须引入wepy,页面必须在app.js中注册,小程序的传值:props, 使用.sync修饰符可以同步影响数据,达到数据双向绑定效果 |
请发表评论