【微信小程序】

微信小程序

特点

1. 可跨平台
2. 体积小
3. 系统通用–安卓、ios系统
4. 运行在微信上
5. 运行比较流畅

JS文件：

1. 交互、数据 JSON文件
2. 局部配置文件 局部路由 WXSS
3. 就是css 样式文件

宿组环境：

1. 组件、API—标签

简介创建小程序页面：

1. 文件名是目录的最后一个名字
2. AppID --其他设备登录会保存记录

格式化文件： Alt + Shift + W

文件介绍：

• 1.Pages 组件、存放所有页面
• 2.app.js 全局存放路口文件
• 3.app.json 全局配置文件 类似于路由/路径
• 4…eslintrc.js 格式化文件
• 5.logs 配置路径文件 有多少页面就配置多少条 先配哪个首先展示哪个文件
• 6.app.wxss -----.wxss就是css样式
• 7.project.config.json 下载包存放版本、上线版本、下载包存放地
• 8.project.private.config.json 开发版本 私人配置、优先级高于project.config.json
• 9.sitemap.json 微信索引、搜索地址

---

基本结构

注：上传后需要1~2天审核，上传需要三次才可以在微信小程序平台上上线

token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token的前几位以哈希算法压缩成的一定长度的十六进制字符串。为防止token泄露 ）

---

网页使用

在pages组件中创建文件index
在 index文件 内 创建以 Aaa.js、Hhh.json、Ccc.wxml、Xxx.wxss 形式的文件

	//编写文件
	<view>
		<view></view>
		<text></text>
	</view>

view 属性

view内属性	作用
hover-class	设置点击态、点击变换样式
hover-stop-propagation=“true”	阻止本节点出现父级的点击态
hover-start-time=“1000”	延时开始
hover-stay-time=“300”	延时结束
mode	剪切态
show-menu-by-longpress=“false”	设置长按显示菜单—（如：转发、分享…）

了解 rpx

rpx微信独有大小单位值

• 1px = 2rpx

px rem em vm 区别：

1. px 固定的单位
2. em 继承父级字体大小
3. rem 处理大小，换算
4. vm 根据屏幕大小设置值