微信小程序开发学习笔记一

环境使用及创建项目

1. 环境使用：微信开发者工具
   一个微信号只能开发一个微信小程序。
   在微信小程序开发手册下载最新版本，学习不要beta版本。根据自己电脑系统属性选择32位或者64位。
   安装目录最好自己选择设置一下。
2. 创建项目
   如果已经有APPID就用appid，注意如果在微信公众号上设置了微信小程序的服务类目是游戏，那么这个appid只能用来开发小游戏了。如果想要开发一个小程序，只能另外注册一个账号。
   否则就用测试号来使用，只能学习，不能发布。
   导入项目 要选择到有project.config.json的那层目录下，否则导入不进去。
   云开发 简单的认识：
   使用必须要有appid。
   相当于一个后台服务器，提供了数据库，可以上传下载文件，写后台的程序它提供服务，一台电脑充当前端和后端。现在一个账号只能有两个环境。
   开通云开发：打开项目后，左上边有个云开发，点击就是了，之后打开云开发控制台，对你介绍。
   更多请查看官方文档：微信小程序云开发_w3cshool

文件目录设置

新建项目后默认有几项，不要删除。
app.json是全局配置，包括所有页面的配置，有多少个页面就往Pages里添加页面路径，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。
需要调试功能就添加，“debug”: true
需要增加底部菜单，如：

  "tabBar": {
    "color": "#000",
    "list": [
      {
        "text": "Hello",
        "pagePath": "pages/index/index",
        "iconPath": "images/safari.png",
        "selectedIconPath": "images/safari-actived.png"
      },
      {
        "text": "天气情况",
        "pagePath": "pages/weather/weather",
        "iconPath": "images/safari.png",
        "selectedIconPath": "images/safari-actived.png"
      }
    ]
  },

同理 app.wxss是所有页面的样式表，可以修改，也可以在自己的页面设置。
app.js 全局函数，里面设置了获取用户头像昵称信息。如果开发中需要设置全局函数或全局变量，可以放在这个文件里，在自己的js页面声明 const app = getApp();
新建目录 在项目文件夹下右击新建目录，会自动帮你生成需要的wxml， wxss， js， json文件，而且名字必须要跟文件夹名一样，这个不能更改。
如果是直接在自己的文件夹下新建文件，那么文件名称要跟文件夹一样，而且js文件要有Page({…})，没有的话会报错。
util 文件夹 注册函数，并暴露出来给自己用。在里面写自己的函数，然后通过在

//注册函数，暴露
module.exports = {
 formatTime: formatTime,
 formatTimeYear: formatTimeYear,
 formatTimeHour: formatTimeHour,
 fucName: fucName,
 
}

添加自己的函数名。
在需要使用的JS页面添加

var myfuc = require("../../utils/util.js");

然后用myfuc.fucName(…);就可以使用了。

JS文件

onload 页面加载 需要一开始加载页面就显示的数据放在里面。
onshow 需要局部刷新，或者点击事件刷新显示的放在里面。
自己的事件：一个简单的回到上一个页面事件函数，

goBack: function () {
   wx.navigateBack({
     delta: 1
   })
 },

在wxml里给组件绑定 或者 等都可以。如：

<view class="close" bindtap="goBack">
  <text class="icon_return" ></text>
 </view>

可以发现：小程序绑定事件有自己的名称：
这段代码中bindtap表示点击事件，后面跟上使用的函数名：goBack，也就是自己定义的事件函数。