2021-12-28 微信小程序笔记(0) 介绍,官网,开发者工具下载,新建小程序项目,获取appid,wxml,wxss文件,配置全局文件

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文件夹和四个同名的相关文件