小程序学习笔记之一：起步

前言

参考文档：微信开放文档

1. 小程序简介

1.1 每个公众号下所有 Web App 累计最多可缓存 5M 的资源。

1.2 小程序之前的痛点：1.白屏。2.页面切换生硬。3.点击的迟滞感

1.3 小程序开发需要申请小程序账号、安装小程序开发者工具、配置项目等等过程方可完成。

2. 开始

2.1 小程序注册，拥有自己的 AppId(重要)

2.2 微信开发者工具下载，下载稳定版 Stable

2.3 小程序管理登录，获取AppId

3. 小程序代码构成

3.1 .json 配置文件

app.json 全局配置，可配置页面路径、界面表现、网络超时、底部 tab 等

{
  // 所有的页面路径
  "pages": ["pages/index/index", "pages/logs/logs"],
  // 所有页面配置
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle": "black"
  }
}

project.config.json 开发者工具的个性配置，例如界面颜色、编译配置等等

page.json 页面的独立属性，例如顶部颜色，是否允许下拉刷新

3.2 .wxml 模板文件

小程序的 WXML 常用的标签是 view, button, text 等等。

扫描二维码关注公众号，回复： 16506972 查看本文章

3.3 .wxss 样式

尺寸单位：rpx

全局样式 app.wxss、局部样式 page.wxss

4. 小程序的宿主环境

4.1 wxml、wxss 工作在渲染层，js 工作在逻辑层

4.2 渲染层由 WebView 进行渲染，逻辑层采用 JsCore 运行 JS 脚本

4.3 打开小程序步骤：1.把代码包下载到本地，2.通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径，3.渲染首页

4.4 一个小程序从开发完到上线一般要经过 预览-> 上传代码 -> 提交审核 -> 发布等步骤。

综上

大概了解了小程序开发流程，下一章：小程序学习笔记之二：小程序配置