前端--小程序的学习（一）

前面的准备工作都差不多了，现在就要开始正式的学习小程序啦····

个人觉得官方手册还是很有用的，我开发的时候基本是根据小程序官方手册以及百度的。

你按照第一步创建好的项目里面有些自带的文件，今天来讲讲都是什么意思：

app.json：

 

对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等，页面配置见下方，每一个wxml文件都要写在pages这里；window里面就是设置小程序的主题颜色，字体等，就是小程序的样式设置;tabBar就是设置底部菜单模块的语法。

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
"tabBar": {

    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true

}

pages文件夹：

这个里面就放你要写的页面文件，每个页面有一个wxml、wxss、和js，并且除了后缀名称要一样的，这样小程序才能读取。

 

utils文件夹：

里面刚开始有一个utils.js，这个是全局的js方法文件夹调用的话就在当前的js文件里面写出路径并调用，例如：你在index.js里面要调用utils的全局js方法，那么，就直接在js里面

var util = require('../utils/util.js');

 var 对象 = util.方法名(方法对应的参数);就可以直接调用啦。

 今天就先到这，下一节详细讲讲wxml···

以上均为个人观点，欢迎大家指正O(∩_∩)O