微信小程序基础笔记入门

小程序的缺点：操作一些功能比较简单的，对于复杂的应用还要开发app
小程序的优点：不需要下载，需要使用的时候，直接搜索，随时随用

1.开发小程序的准备：

       1.注册小程序账号
       2.在微信公众平台登录小程序账号
       3.找到appID  [开发]
       4.下载开发工具
       5.创建小程序

注：本地开发可以用自己的APPID，也可以用随机的APPID，但是上线的时候必须用自己的appid

小程序结构：
js + json + wxml + wxss

2.如何创建一个页面：

       A.在pages中创建一个页面文件夹，
       B.json文件写成一个（对象）{}
       C.js文件写成Page({   })

也可以在全局的json文件中创建路径直接创建

3.实现页面跳转

      1.使用tabBar实现页面跳转
      2.使用navigor实现页面跳转

块级元素：占满整行，可以设置宽高
行内块元素：不占满整行，可以设置宽高
行内元素：不沾满整行，不能设置宽和高

4.小程序页面page的四个文件组成

    .js文件：页面逻辑
    .wxml文件:页面布局结构
    .wxss:局部布局样式
    .json：局部配置

5.window对象类型

效果如下：

6.tabBar

配置tab栏以及tab切换时显示的对应页面

注：1.当设置position为top时，将不会显示icon
2.tabBar中的list是一个数组，只能配置最少2个，最多五个tab，tab按数组的顺序排序，list接受一个数组，数组中的每个项都是一个对象
list属性值：

"tabBar": {    
     "color": "#D78B09",    
  "selectedColor": "#FFF",    
 "backgroundColor": "#FECA49",   
 " borderStyle": "white",
 "list": [      
 {       
      "text": "首页ᶭ",    
     "pagePath": "pages/index/index",       
      "iconPath": "icons/home-default.png",    
     "selectedIconPath": "icons/home-active.png"    
  }, 
 {
        "text": "卡券",     
        "pagePath": "pages/second/second",  
        "iconPath": "icons/cards-default.png",   
         "selectedIconPath": "icons/cards-active.png"     
  },    
  {    
         "text": "我的",    
         "pagePath": "pages/third/third",    
         "iconPath": "icons/face-default.png",    
          "selectedIconPath": "icons/face-active.png"      
  } 
  ]
  }

效果：