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

微信小程序学习笔记（一）

环境使用及创建项目
文件目录设置
JS文件

环境使用及创建项目

环境使用：微信开发者工具
一个微信号只能开发一个微信小程序。
在微信小程序开发手册下载最新版本，学习不要beta版本。根据自己电脑系统属性选择32位或者64位。
安装目录最好自己选择设置一下。
创建项目
如果已经有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，也就是自己定义的事件函数。