微信小程序01
2022/4/6 17:19:43
本文主要是介绍微信小程序01,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、小程序介绍
1.1、小程序是什么
官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/
微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用。
1.2、如何理解小程序
●不是HTML5
●即用即走,随手可得
●拥有离线能力
●一次开发,多端兼容
●依赖微信客户端中
1.3、小程序与传统App区别
局限性:必须依赖于微信,不能独立运行。
优势:不需要考虚兼容问题,安装的问题,开发难度小。
传统app:
优势:独立运行,不需要依赖于谁,可以适合所有的业务需求
局限性:需要用户安装,解决适配(开发兼容问题),开发难度大
1.4、小程序框架结构 二、申请账号与登录设置
2.1、申请账号
官网: https://mp.weixin.qq.com/ 选择小程序进行注册
2.4、获取开发appid 有此appid就可以进行小程序的开发工作。 三、开发工具
3.1、概览
为了帮助开发者简单和高效地开发和调试微信小程序,推出了小程序开发者工具,集成了公众号网页调试和小程序开发与调试两种开发模式。
3.2、下载安装
●官方开发调式工具
下载地址:http://t.cn/RrKI5a3
在windows下面安装的方式和其他的普通软件安装方式一致,一路下一步即可。
●vscode开发工具
下载地址:https://code.visualstudio.com/
3.3、第一个小程序helloworld
创建小程序的应用,必须要用到appid 正式appid创建 四、小程序的文件结构及配置
4.1、文件结构
小程序包含一个描述整体程序的 app 和多个描述各自页面的 pages。
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 一个小程序page页面由四个文件组成,分别是: 4.2、小程序配置 app.json
参考网址:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
app.json文件用来对微信小程序进行全局配置,决定小程序,页面数量、窗口表现、设置网络超时时间、设置底部或顶部菜单等。
app.json中不能添加任何注释,key和value字符串必须用双引号引起来,数组或对象最后一位不能有逗号。
4.2.1、app.json 配置项列表 4.2.2、pages
指定小程序由哪些页面组成。每一项代表对应页面【路径+目录名+文件名(不包含后缀名)】,数组的第一项代表小程序的初始页面(首页/展示页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。 4.2.3、window
用于设置小程序的状态栏、导航条、标题、窗口背景色。
4.2.4、tabBar
设置小程序底部或顶部菜单栏。
注:
● 当设置 position 为 top 时,将不会显示 icon图标
●tabBar 中的 list 是一个数组,只能配置最少2个、最多5个菜单 4.2.5、networkTimeout 可以设置各种网络请求的超时时间。单位毫秒 五、生命周期
网址:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html
由框架自己触发的一系统事件函数。不需要人来参与
onLoad(Object[json] query)
页面加载时触发。一个页面只会调用一次,可以在 onl oad 的参数中获取打开当前页面路径中的参数。
参数说明 onShow()
页面显示/切入前台时触发。一个页面可以触发很多次。
onReady()
页面初次渲染完成时触发。一个页面只会调用一次。
onHide()
页面隐藏/切入后台时触发。一个页面可以触发多次
onUnload()
页面卸载时触发。
这篇关于微信小程序01的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-22微信小程序的接口信息py可以抓到吗?-icode9专业技术文章分享
- 2024-11-22怎样解析出微信小程序二维码带的参数?-icode9专业技术文章分享
- 2024-11-22微信小程序二维码怎样解析成链接?-icode9专业技术文章分享
- 2024-11-22微信小程序接口地址的域名需要怎么设置?-icode9专业技术文章分享
- 2024-11-22微信小程序的业务域名有什么作用-icode9专业技术文章分享
- 2024-11-22微信小程序 image有类似html5的onload吗?-icode9专业技术文章分享
- 2024-11-22微信小程序中怎么实现文本内容超出行数后显示省略号?-icode9专业技术文章分享
- 2024-11-22微信小程序怎么实现分享样式定制和图片定制功能?-icode9专业技术文章分享
- 2024-11-20微信小程序全栈教程:从零开始的全攻略
- 2024-11-19微信小程序全栈学习:从零开始的完整指南