小程序开发基础组件（开发文档）：
apps.json{"pages":["pages/index/index","pages/firstpages/first","pages/logs/logs"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}}注意：不能多加逗号
1.pages包含数组，即每个页面，每个页面包含.js（配置页面入口，脚本逻辑文件）和.wxml文件（配置布局与UI，模板文件），【.json(配置文件）.wxss（样式文件）】非必须pages字段——用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
window字段——定义小程序所有页面的顶部背景颜色，文字颜色定义等。
属性描述navigationBarBackgroundColor导航栏背景颜色navigationBarTextStyle导航栏标题颜色，仅支持black/whitenavigationBarTitleText导航栏标题文字内容navigationStyle导航栏样式，仅支持以下值：default默认样式custom自定义导航栏，只保留右上角胶囊按钮。backgroundTextStyle下拉loading的样式，仅支持dark/light，默认darkbackgroundColor窗口的背景色，默认#ffftabBar
2.开发者工具在每个项目的根目录都会生成一个project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。first.jsPage({data:{text:"内容001",btntext:"这是按钮内容",show:true,news:['aaa','bbb'],},btnclink:function(){console.log("按钮被点击")varisShow=this.data.show;console.log("isShow:"+isShow)varnewsdata=this.data.news;newsdata.shift()this.setData({text:"内容002",show:!isShow,news:newsdata})}})first.wxmlincludesrc="../tempdatas/tempdata"//导入模板1个/buttontype="default"default/buttonbuttontype="primary"bindtap="btnclink"{{btntext}}/buttonviewwx:if="{{show}}"{{text}}1/viewviewwx:else{{text}}2/viewviewwx:for="{{news}}"wx:for-item="item"{{index}}-{{item}}/view/循环数组/importsrc="../tempdatas/footer"//导入模板2个以上并选择其中一个/templateis="footer1"data="{{text:'导入的内容'}}"/index.jsPage({data:{motto:'HelloWorld',userInfo:{},hasUserInfo:false,canIUse:wx.canIUse('button.open-type.getUserInfo')},//事件处理函数view1clink:function(event){console.log("view1clink")console.log(event)},view2clink:function(){console.log("view2clink")},view3clink:function(event){console.log("view3clink")console.log(event)},)}index.wxml!--index.wxml--viewclass="view1"bindtap='view1clink'view1viewclass="view2"bindtap='view2clink'view2viewclass="view3"bindtap='view3clink'view3/view/view/view
index.wxss.view1{height:500rpx;width:100%;background-color:bisque;}.view2{height:400rpx;width:80%;background-color:red;}.view3{height:300rpx;width:70%;background-color:rgb(150,44,44);}
3.网页编程采用的是HTML+CSS+JS，其中HTML是用来描述当前这个页面的结构，CSS用来描述页面的样子，JS通常是用来处理这个页面和用户的交互。WXML充当的就是类似HTML的角色。4.通过{{}}的语法把一个变量绑定到界面上，我们称为数据绑定。仅仅通过数据绑定还不够完整的描述状态和界面的关系，还需要if/else,for等控制能力，在小程序里边，这些控制能力都用wx:开头的属性来表达。5.app.json是当前小程序的全局配置，用于指定小程序由哪些页面组成，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。配置路径时不需要后缀名，因此页面名字必须一样，框架会自动去寻找对于位置的.json,.js,.wxml,.wxss四个文件进行处理。
