小程序入门

一、微信小程序

文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/

      微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

二、小程序之HelloWorld

• （1）申请小程序账号

• （2）安装微信开发者工具
  

  微信开发者工具

• （3）使用刚注册的小程序账号所得到的AppID创建新项目，或者直接使用测试号创建项目（测试号部分功能无法使用，例如手机预览）
  创建项目

• （4）编译预览
  Hello World

三、小程序代码构成

1、.json 后缀的 JSON 配置文件

（还需要注意的是 JSON 文件中无法使用注释，试图添加注释将会引发报错）

• （1）app.json：全局配置
  • 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
• （2） page.json：页面配置
  • 用来对本页面的窗口表现进行配置。它只能针对window配置，并且会覆盖 app.json 的 window 中相同的配置项。
• （3） project.config.json：个性化配置
  • 小程序开发者工具在每个项目的根目录都会生成一个 project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

2、.wxml 后缀的 WXML 模板文件

• 和 HTML 非常相似，WXML 由标签、属性等等构成，如<view></view>、<text></text>

3、.wxss 后缀的 WXSS 样式文件

• WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。
  • 新增了尺寸单位：rpx
  • 提供了全局的样式和局部样式。

4、.js 后缀的 JS 脚本逻辑文件

• 一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。

四、开发框架

• 原生小程序语法开发（目前项目所用）
• 使用mpvue开发(vue语法)
• 使用wepy开发(.wpy)
• uni-app
• 京东凹凸实验室taro