微信小程序入门到实践

微信小程序从零开始

一、微信小程序是什么

小程序无需下载安装、可以在微信内便捷地获取和传播，可以理解为"即扫即用，用完即扔"的口号，同时也具有近似APP般的出色使用体验。

二、微信小程序的『知识图谱』

1. 小程序的文件结构

一个小程序首先有四个应用入口文件：

• app.js：设置一些项目的全局变量
• app.json：每一个新页面都必须在这个地方注册，项目的导航栏和窗口界面设置有关的
• app.wxss：项目全局样式
• project.config.json：项目配置文件

一个页面主要是包含以下四个文件，这四个文件的名字应该都是一样的，最好以页面所在的文件夹名字为标准：

• xxx.wxml：页面的结构
• xxx.wxss：页面的样式
• xxx.json：页面的配置文件
• xxx.js：页面的脚本文件

页面可以嵌套页面，但是建议不要超过5个层级。

2. 移动设备的分辨率与RPX

小程序推荐使用rpx为单位，这样就可以在任意屏幕下面实现自适应

• pt：视觉单位(长度单位)，与设备的屏幕物理尺寸有关系。也叫做逻辑分辨率(逻辑单位)，与移动端的栅格渲染有关。
• px：通常说的像素点

3. 第一个小程序页面

• 新建一个小程序页面，参考官方链接
  

通过这个小节，成功创建了第一个小程序的demo

4. 页面周期函数

[推荐链接](https://juejin.cn/post/6844903928400707591)

5. app.js的声明周期

推荐文章
1.微信小程序入门到实战
2. 阮一峰教程