文章目录
-
-
-
- 0.介绍&官网&选择小程序的理由
-
- 介绍
- 官网
- 为什么要学习微信小程序
- 1.环境准备
-
- 1.开发者工具下载
- 2.新建小程序项目
- 3.注册APPid
-
- 什么是APPid?
- 如何获取APPid?
- 4.其他设置
- 2.小程序页面的四种基本类型文件
- 3.配置全局文件
- 4.小程序和html标签的区别
- 5.快速生成路径
-
-
0.介绍&官网&选择小程序的理由
介绍
微信小程序，简称小程序，英文名叫作mini program ，是一种不需要下载安装即可使用，用完即走，随扫随用，
它实现了触手可及的梦想，用户扫一下就可以迅速打开应用.
特别适合你平时不用 但是必用的时候你必须要用到 核酸检测 疫苗 去小饭店吃饭
小程序 现在应用非常广 但是是作为一个机构或者公司的必备辅助功能出现的
小程序的技术和vue形成了差异化 和node也形成了差异化
官网
为什么要学习微信小程序
1 微信有海量用户，而且粘性很高，在微信里面开发产品更容易触达用户。
2 推广 开发 app或者公众号成本现在已经变得很高。
3 开发适配成本低
4 容易小规模试错，快速迭代
5 跨平台
1.环境准备
1.开发者工具下载
API介绍
下载地址
2.新建小程序项目
3.注册APPid
什么是APPid?
appid是开发者的唯一身份标识，微信小程序不同于经典的web互联网，没有web那么自由，
换句话来说appid 腾讯可以通过它知道你是谁，你当前在开发什么样的小程序。
如何获取APPid?
4.其他设置
显示比例:85%
WIFI:Office
以及,
2.小程序页面的四种基本类型文件
成功创建一个小程序项目后会生成如下目录结构的文件
,这些文件的作用分别是:
小程序页面中每个组成部分的作用
.wxml: 用来描述当前这个页面的结构，同时提供了类似于Vue中指令的语法
.js: 用来定义当前页面中用到的数据、交互逻辑和响应用户的操作
.json: 用来定义当前页面的个性化设置，例如：为每个页面单独配置顶部颜色、是否允许下拉刷新等
.wxss: 用来定义样式来美化当前的页面
3.配置全局文件
app.wxss
和app.json
4.小程序和html标签的区别
细节区别
以前是html标签，现在是小程序组件。
具体说来：
div 改成 view
span、font 改成 text
a 改成 navigator
img 改成 image
input 还在，但type属性改成了confirmtype
form、button、checkbox、radio、label、textarea、canvas、video 这些还在。
select 改成 picker
iframe 改成 web-view
ul、li没有了，都用view替代
5.快速生成路径
在app.json中输入 "pages/index2/index2",保存后,会自动生成index2文件夹和四个同名的相关文件