从入门到入土
我觉得想要编写一个小程序,首先要知道他的组成结构以及每个结构所编写的内容类型,还有编写代码的语法。
···小程序的目录结构:
- 一个小程序主体部分由三个文件组成,必须放在项目的根目录,app.js是小程序逻辑,app.json是小程序公共配置,app.wxss不是必须的,为小程序的公共样式表。
- 一个小程序的页面由四个文件组成,小程序的代码构成:JSON配置、WXML模板、WXSS样式、JS逻辑交互。
#注:为了方便开发者减少配置项,提升工作效率,上述描述页面的四个文件必须具有相同的路径与文件名,设置相同文件名时,系统会自己匹配到相应的json、wxml、wxss、js文件。
···JSON配置中又有:
1.小程序的全局配置app.json,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。例如:pages是页面路径列表,windows是全局的默认窗口表现,tabBar是底部tab栏的表现,networkTimeout是网络超时时间。
2.小程序开发者工具在每个项目的根目录都会生成一个 project.config.json,为工具配置,作用是在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,开发者工具就自会动恢复到当时开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。 - 页面配置page.json,page.json 是用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。在这个里面可以独立定义每个页面的一些属性,例如顶部颜色,下拉刷新等。
···JSON语法:JSON文件都被包含在一个大括号{}中,通过(关键字)key-(属性值)value的方式来表达数据。Key必须包含在双引号””中。属性值有以下几种数据格式:数字,包含浮点数和整数;字符串,需要包裹在双引号中;Bool值,true 或者 false;数组,需要包裹在方括号中 [];对象,需要包裹在大括号中 {};Null。
#值得注意的是在此文件中无法使用注释,使用注释的话将会引发报错。