微信小程序学习笔记1

微信小程序：QuickStart
1、 .json后缀的JSON配置文件
.json分小程序配置 app.json、工具配置project.config.json和页面配置page。json下面分别说一下：
一、app.json
app.json是对当前小程序的全局配置，包括了小程序的页面路径（pages）、界面表现window、网络超时时间networkTimeout、底部tab等
pages接受一个数组，每一项都是字符串，指定小程序由哪些页面组成。每一项表明对应页面的路径＋文件名
window：设置小程序状态栏、导航条、标题、窗口背景色。css

{
  "window":{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" } }

tabBar 客户端窗口底部或顶部tab栏切换页面用的
这里要注意：当设置position为top时将不会显示icon tabBar中list是一个数组，放2-5个

networkTimeout 设置各类网络请求的超时时间
二、page.json
page.json每个页面均可以使用，对本页窗口进行配置。优先级要比app.json高，会覆盖app.json中相同设置项
页面的.json只能设置window相关配置项，因此无须写window这个键html

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light" }

三、project.comfig.json
这里面主要是针对各自喜爱作一些个性化配置，如界面颜色、编译配置等，当你换电脑从新安装工具时需从新配置
因此es6

考虑到这点，小程序开发者工具在每一个项目的根目录都会生成一个 project.config.json，你在工具上作的任何配置都会写入到这个文件，当你从新安装工具或者换电脑工做时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
能够在项目根目录使用 project.config.json 文件对项目进行配置
{
  "miniprogramRoot": "./src",
  "qcloudRoot": "./svr",
  "setting": {
    "postcss": true,
    "es6": true,
    "minified": true,
    "urlCheck": false
  }
}

2、WXML模版
网页编程HTML+CSS+JS，HLML是用来描述当前页面结构，CSS描述页面样子，JS处理页面和用户的交互，WXML相似HTML
不一样的是：html常常用div，p，span 。不一样的标签组合出不一样的组件，wxml将经常使用的组件包装起来了，经常使用的标签view，button，text等

3、WXSS样式
相似CSS
4、JS交互
后面这两个东西以后会慢慢讲web