前端--小程序的学习(一)

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

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

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

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.方法名(方法对应的参数);就可以直接调用啦。

扫描二维码关注公众号,回复: 1090932 查看本文章

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

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

猜你喜欢

转载自www.cnblogs.com/shirley-csdn/p/miniPro-2.html