• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

认识小程序

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

  • WXML 结构 WeiXin Markup Language

  • WXSS 样式 Weixin Style SheetJS 脚本 JavaScript

4、app.json:文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

5、app.json 全局配置

 

属性 类型 必填 描述
pages String Array 设置页面路径
window Object 设置默认页面的窗口表现
tabBar Object 设置底部 tab 的表现
networkTimeout Object 设置网络超时时间
debug Boolean 设置是否开启 debug 模式

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修饰符可以同步影响数据,达到数据双向绑定效果


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序入门发布时间:2022-07-18
下一篇:
小程序获取用户位置信息后再次手动授权发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap