微信笔记小程序工具 第1篇
小程序根目录下的 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象
下面介绍一下常用的配置选项
用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理
有多少个页面,此处就应该有多少个选项数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。
==开发小技巧==
直接在pages选项中写页面路径,即可创建相应的页面
默认项目如图所示
用于设置小程序的状态栏、导航条、标题、窗口背景色。
默认小程序展示如下
修改之后展示如下
各种属性展示示意图如下
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:
其展示形式如下图所示
修改相应的图片名字如下
2、项目目录下创建resource文件夹,将图片放置进去
3、中配置底部选项卡
调整首页为第一个页面 --- 初始化页面
展示形式如下
各类网络请求的超时时间,单位均为毫秒。
可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有 Page 的注册,页面路由,数据更新,事件触发等。可以帮助开发者快速定位一些常见的问题
插件所有者小程序需要设置这一项来启用插件功能页
小程序接口权限相关设置。字段类型为 Object,结构为:
PermissionObject 结构为
代码如下
展示效果如下
指明 的位置;默认为 '' 即在 同级目录下名字的 文件
当小程序需要使用 接口跳转到其他小程序时,需要先在配置文件中声明需要跳转的小程序 appId 列表,最多允许填写 10 个。
微信笔记小程序工具 第2篇
创建自定义组件,接受一个 Object 类型的参数
比如在首页里需要一个产品列表的组件,可以自定义该组件
如何使用该组件呢?
在首页的pages/home/文件中注册组件
在首页的pages/home/中使用该组件,就像正常的标签一样使用
组件之间的传值在后续课程中会讲解
微信笔记小程序工具 第3篇
WXSS 具有 CSS 大部分特性,同时,WXSS 还对 CSS 进行了扩充以及修改,以适应微信小程序的开发。
与CSS相比,WXSS扩展的特性有:①rpx 尺寸单位;②@import 样式导入。
注意:rpx单位是微信独有的,是根据屏幕适配而自适应,比如我们以iphone6来说,一般 1px=2rpx。
七、小程序通信模型
小程序中通信的主体是渲染层和逻辑层,其中:WXML模板和WXSS样式工作在渲染层,jS脚本工作在逻辑层。
八、小程序运行机制
加载解析页面的 .json 配置文件 → 加载页面的.wxml 模板和wxss 样式 → 执行页面的 .js 文件,调用 Page() 创建页面实例 → 页面渲染完成。