小程序入门
2019-06-12 本文已影响0人
Grayly吖
一、微信小程序
文档地址: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