微信小程序学习 (2)

project.config.json
它是开发者工具和小程序项目的共同配置文件,它可以在多个开发者中维护统一的开发设置和开发环境。例如编辑器的颜色、ES6转ES5、上传代码时自动压缩、是否校验不合法域名、版本库等等。
当新的开发者下载了开发者工具后,只需要将团队中的 project.config.json 文件拷贝到本地小程序的根目录中即可。

https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html (更多关于project.config.json)

app.json
它是整个小程序应用的全局配置文件,可以设置小程序的页面、窗口、tab栏、网络超时、debug、插件、分包、多线程等。
其中常用到的字段是 pages、window以及 tabBar。
pages用于配置小程序的页面路径,其值是一个数组,数组中的第一个元素就是小程序的主页,并且在开发工具中新增一个路径时,编辑器会自动创建对应页面的目录以及文件。

{ "pages":[ "pages/index/index", "pages/logs/logs" ] }

PS:路径中的文件名 "index" 与 "logs" 不要加扩展名,小程序的编译工具会自动寻找对应的文件类型进行处理。

window 用于配置窗口的样式以及标题等。

属性 说明 取值
navigationBarBackgroundColor   导航栏背景颜色   HEX  
navigationBarTextStyle   black / white    
navigationBarTitleText   导航栏标题文字内容   text  
backgroundColor   窗口的背景色   HEX  

tabBar也是比较常用的配置,用于设置 tab栏的位置(上、下)以及按钮的文字,样式和 icon。

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE (更多关于app.json)

pages.json
每个页面都有自己的 pages.json 文件。
pages.json 文件可以在全局配置 app.json 的基础上对页面进一步的进行设置。例如导航栏的颜色,标题文字等。
另外 pages.json 还可以通过 usingComponents 字段来声明当前页面引用了那些自定义组件。

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E9%A1%B5%E9%9D%A2%E9%85%8D%E7%BD%AE (更多pages.json)

componet.json

componet.json 是自定义组件的配置文件。

{ "component": true, // 自定义组件声明 "usingComponents": {} // 可选项,用于引用别的组件 } WXML 模版文件

你可以将 WXML 等同于传统 WEB开发时用到的 html,他们都是用来描述页面的结构骨架,不同的是 HTML文件由一个个html标记(Tag)组成,而 WXML则是有与之类似的“组件”组成。
除了在结构特性上与 HTML一致外,WXML 文件还支持特定的模版语法,数据绑定,事件处理、自定义模版等等。
同样的 WXML也可以分为页面的 WXML文件,自定义模版的 WXML文件以及自定义组件中的 WXML文件。

WXSS 样式文件

wxss 具有大部分 CSS的功能,所以你可以像 CSS一样去编写小程序的样式文件。
对于整个小程序公用的样式,可以放置在 app.wxss 文件中,而对于页面专用的样式,则写到对应页面的 pages.wxss文件中,其次便是自定义组件也会含有自己的 component.wxss文件。

JS 脚本文件

在小程序的脚本文件中,我们可以处理事件,响应用户请求,获取接口数据,改变数据状态...并且小程序的脚本文件默认支持commonJS规范,可以直接通过 require() 来导入模块,module.exports 导出模块,就编码的角度而言,与我们普通编写脚本文件并没有什么太大的区别,如果非要说区别的话,就是小程序中的脚本可以调用小程序内置的一些API接口,例如授权,支付等。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpwdpg.html