微信小程序从零开始
一、微信小程序是什么
小程序无需下载安装、可以在微信内便捷地获取和传播,可以理解为"即扫即用,用完即扔"的口号,同时也具有近似APP般的出色使用体验。二、微信小程序的『知识图谱』
1. 小程序的文件结构
一个小程序首先有四个应用入口文件:- app.js:设置一些项目的全局变量
- app.json:每一个新页面都必须在这个地方注册,项目的导航栏和窗口界面设置有关的
- app.wxss:项目全局样式
- project.config.json:项目配置文件
- xxx.wxml:页面的结构
- xxx.wxss:页面的样式
- xxx.json:页面的配置文件
- xxx.js:页面的脚本文件
2. 移动设备的分辨率与RPX
小程序推荐使用rpx为单位,这样就可以在任意屏幕下面实现自适应
- pt:视觉单位(长度单位),与设备的屏幕物理尺寸有关系。也叫做逻辑分辨率(逻辑单位),与移动端的栅格渲染有关。
- px:通常说的像素点
3. 第一个小程序页面
- 新建一个小程序页面,参考官方链接
通过这个小节,成功创建了第一个小程序的demo
4. 页面周期函数
[推荐链接](https://juejin.cn/post/6844903928400707591)5. app.js的声明周期
推荐文章
1.微信小程序入门到实战
2. 阮一峰教程