微信小程序开发基础
微信小程序开发
小程序开发
浏览:965 次

标题地图
查看官方文档:
前言:
如果你有html+css+javascript的基础,你可以快速掌握微信小程序。微信小程序的官方地址如下:
下面我们来了解一下微信小程序的框架。查看文档,不要学习或理解。如果以下描述不正确,您可以参考官方文件或帮助更正。详见官方文件。
目录
微信小程序简介,如何开始使用小程序,开发框架,组件,api,技能和实践,以及注意事项。
介绍
为什么有小程序?由于市场的需要,它们是什么?小程序是一种“用完”模式。从B2C模式,人和商品,到P2P模式,人与人,再到C2P模式,人们和服务,小程序只是人和服务。不下载小程序?
不,只是它的下载量很小,你根本无法实现它的下载。此外,对于那些需要长期停留的人,小程序通常不适用。对于订票、买票、小游戏等,将app中的一个功能划分为小程序非常实用。这是一种用来为人们服务的产品。就像我们手机里的支付宝一样,盒子里嵌入了很多功能。
小程序的日常应用,比如去餐馆吃面条,你不需要让服务员点餐,但你的桌子上有一个二维码,你可以用手机扫描。
总结
不需要安装小程序。它们可以立即使用。他们实现了“触手可及”的梦想和“记忆耗尽”的概念。用户无需担心安装太多app导致内存不足的问题。小程序无处不在。
小程序的好处
小程序的好处。天然气
开发准备
注册小程序帐户
激活邮箱
信息登记
登录小程序后台
改进信息
绑定开发人员
小程序版本
名称
一
开发版本
二
体验版
三
审核版本
四
联机版本
小程序结构
小程序结构.png
结构名称
意义
app.js
注册微信小程序app
app.json
小程序、网络超时和路径的全局配置
app.wxss
全局样式
项目配置.json
保存我们微信开发者的配置信息
页
所有小程序页面
实用程序
某些工具的存储函数,以实现代码重用的目的
页面具有属性
选项卡栏
网络超时
调试
导航样式
导航栏背景颜色
导航栏文本样式
导航栏标题文本
背景色
背景文本样式
到达底部距离
启用下拉刷新

页面具有属性
导航栏背景颜色
导航栏文本样式
导航栏标题文本
背景色
背景文本样式
到达底部距离
启用下拉刷新
禁用滚动
完整的微信小程序开发框架和api
基本组成
wxml语言
wxs软件
wxs公司
javascript语言
wxml语言
wxml.png
模板引用:1.导入;2.包括
案例
//索引.wxml
<;/模板>
//a.wxml
你好,你好
//结果
你好,hllo
//索引.wxml
//a.wxml
这是.wxml
<模板=“b”><;/模板>
//b.xml语言
这是b.wxml
//结果
这是.wxml
//索引.wxml
<;/模板>
//a.wxml
<视图>
这是.wxml
//结果
你好
wxs软件
样式.png
Wxss特殊样式
//索引.wxml

你好
//索引.wxss
@导入'./assets.wxss';
.容器{
颜色:红色;
}
//资产.wxss
.容器{
边框:1px实心#000;
}
//索引.wxml
Java脚本.png
微信小程序开发生命周期
程序生命周期
启动时
在Show上
打开隐藏
打开错误
页面生命周期
OnLoad侦听页面加载
OnShow监控页面显示
首次呈现onReady侦听器页面
onHide侦听器页面被隐藏
onUnload侦听页面卸载
生命周期
不要立即理解,不要做项目,不要理解。
生命周期
事件
事件.png
帧-Event.png
装配
组件.png
查看容器组件:
视图、滚动视图、滑动器、可移动视图、封面视图
基本内容
图标,文本,富文本,进度
表单组件:
按钮、复选框、窗体、输入、标签、选择器、选择器视图、单选框、开关、文本区域
媒体组件
音频、图像、视频、现场播放器、摄像机、现场推手
导航组件
航海家
地图组件
地图j
画布组件
帆布
开发能力组件
开放式数据
web视图
微信小程序API
API.png公司
格式:
wx.开
对象参数
wx.get/wx.set
成功
失败

完成