微信小程序基础知识，个人笔记

小程序中没有dom和bom，不能根据id等属性获取控件，只能通过数据绑定的方式

1、app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释

2、app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

3、微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页

4、app.js 主要是全局公共的js方法声明及调用所在的文件

5、app.json 是小程序整个的配置文件，所有页面都在此注册，不然不能访问。会报错

6、app.wxss 是全局的css文件， 公共css写在该文件中

7、 .wxml后缀的文件是页面结构文件

8、 微信小程序是微信全新定义的规范，是基于xml+js的。不支持也不兼容HTML

全局配置：app.json

**window:**
	  "backgroundTextStyle" : "#000"             //下拉背景字体，loading图的样式
	  "navigationBarBackgroundColor" : "red"    //导航标题背景色                
	  "navigationBarTitleText": "标题",         //导航标题内容
	  "navigationBarTextStyle": "#fff"         //导航标题字体颜色
	  enablePullDownRefresh : false / true     //是否开启下拉刷新

**"tabBar":**
	    "color": "#000000"     //底部导航字体颜色
	    "selectedColor": "#0c98e2"  //底部导航选中字体颜色   
	    "borderStyle": "#dcdcdc"    //底部导航上边线颜色
	    "backgroundColor": "#f4f4f4"     //底部导航背景色


//跳转页面事件处理函数
catchtap="toOrder"    //跳转页面事件
  toOrder: function () {
    wx.navigateTo({
      url: 'list/list'
    })
  },

//表单属性
auto-focus   //自动获取焦点，键盘弹出
maxlength     // 最大输入长度，设置为 -1 的时候不限制最大长度
auto-height     //是否自动增高
bindblur           //输入框失去焦点时触发 value: value
type="primary"            //按钮类型
bindblur="bindTextAreaBlur"
bindtap="BeginSearch"  
bindinput="bindKeyInput" 

注意事项：

1. 背景图片不识别，解决办法：把图片上传至服务器，把地址写在背景路径，或者把图标转换
2. 底部导航栏 tabBar底部导航栏 tabBar是一个数组，只能配置最少2个、最多5个tab
3. 小程序中不能和字节操作Window对象，document文档。小程序中不能和字节操作Window对象，document文档。
4. 小程序脚本逻辑实在JsCore中运行，JsCore是一个没有窗口的对象环境，所以不能再脚本中使用window、zepto、jQuery。
5. 样式表不支持级联选择器， WXSS支持一 . 开始的类选择器
6. tabBar的页面用switchTab进行调整， tabBar的页面用switchTab进行调整， 没有tabBar的页面用navigateTo进行调整
7. Picker和Picker-view的区别在于一个从底部弹出，一个直接嵌入页面内部
8. navigator支持相对路径和绝对路径的调整，默认打开新页面，不可跳转到小程序外的链接地址， 仅支持5级页面的跳转
9. 文字片段在view中不能换行的问题，要使用强制换行，至于是使用white-space:pre-line（不会保留空白和tabs），还是white-space:pre-wrap（会保留空白和tabs）