小程序如何创建小程序项目
-
微信开发者工具的使用、app ID的获取
小程序项目的基本组成结构
-
app.js、app.json、app.wxss、pages文件夹
小程序页面由几部分组成
-
wxml \ wxss \ json \ js
小程序中常见的组件如何使用
-
view 、text、image
小程序如何进行协同开发和发布
-
成员管理、发布小程序、查看运营数据
小程序与普通网页开发的区别
-
运行环境不同
-
网页运行在浏览器环境中
-
小程序运行在微信环境中
-
-
API 不同
-
无法调用 DOM 和 BOM 的 API
-
-
开发模式不同
小程序的项目结构
pages : 存放所有小程序的的页面
utils : 用来存放工具性质的模块(例如:格式化时间的自定义模块)
app.js : 小程序项目的入口文件
app.json 小程序项目的全局配置文件
app.wxss 小程序项目的全局样式文件
project.config.json 项目的配置文件
sitemap.json 用来配置小程序及其页面是否允许被微信索引
json 配置文件
小程序项目中有 4 种配置文件:
-
项目根目录中的 app.json 配置文件
-
项目根目录中的 project.config.json 配置文件
-
项目根目录中的 sitemap.json 配置文件
-
每个页面文件夹中的 .json 配置文件
app.json
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现,底部 tab 等。
配置项:
-
pages:用来记录当前小程序所有页面的路径
-
window:全局定义小程序页面的背景色、文字颜色等
-
style:全局定义小程序所使用的样式版本
-
sitemaoLocation:用来指明 sitemap.json的位置
project.comfig.json 文件
是项目配置文件,用来记录我们对小程序开发工具所作的个性化配置。
-
setting 中保存了 编译相关的配置
-
projectname 中保存的是项目名称
-
appid 中保存的是小程序的账号 ID
sitemap.json 文件
用来配置小程序页面是否允许微信索引。
sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.comfig.json 的 setting 中配置字段 checkSiteMap 为 false
页面的 .json 配置文件
小程序中的每一个页面,可以使用 .json 文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖 app.json 的 window 中相同的配置项。
新建小程序页面
只需要在 app.json → pages 中新增页面的存放路径,小程序开发者工具即可帮我们自动创建对应的页面文件。
组件
text
-
selectable:长按选择文本(真机才能预览)
rich-text
将 html 渲染到微信小程序上(node 属性)
button
-
open-type:可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)
-
plain:镂空
控制样式:app.json - “style”:控制按钮样式的版本
小程序 API 的三大分类
-
事件监听 API
-
以 on 开头,用来监听某些事件的触发
-
-
同步 API
-
以 sync 结尾的 API 都是同步 API
-
同步 API 的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常
-
-
异步 API
-
类似于 jQuery 中的 $.ajax(options) 函数,需要通过 success \ fail \ complete接收调用的结果
-
发布
-
开发版本
-
体验版本
-
审核中的版本
-
线上版本
标签:API,配置文件,app,程序,json,初识,页面 From: https://www.cnblogs.com/c0lmd0wn/p/16974075.html