微信小程序开发边做边学 课件 知识点篇--微信小程序 第1--3章 搭建开发环境、心理测试小程序、授权页面知识点讲解.pptx

小程序开发从入门到实践;01搭建开发环境;;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;;小程序开发;打开新建好的helloworld小程序，通过app.json的pages字段可以知道当前小程序的所有页面路径:

;小程序启动之后，在app.js定义的App实例的onLaunch回调会被执行:

;修改一下window属性的值，逐一将navigationBarBackgroundColor的值改为”0ca”，navigationBarTitleText的值改为”微信”,navigationBarTextStyle的值改为”white”,每修改一个值编译一次代码，观察模拟器中页面的变化，更好地体会每个值对应的作用区域在哪里，修改值如图所示。

;Helloworld小程序中涉及到的是简单的数据绑定，数据绑定使用Mustache语法（双大括号）将变量包起来，该项目中主要作用于内容，作用于内容的代码如下：

;回到helloworld小程序项目中，其中{{motto}}的值为HelloWorld，userInfo为数组，主要存储了用户的信息，{{userInfo.avatarUrl}}和{{userInfo.nickName}}分别为微信用户的头像和昵称，如左图所示

;接下来可以修改一下js文件中motto的值，如图1所示，修改后效果图如图2所示。

;再修改一下动态获取的昵称，如图所示，在/pages/index目录下，修改index.wxml文件。

;小程序开发;给helloworld小程序添加一个tabBar，代码图

;小程序开发;小程序开发;小程序开发;作业思考;;小程序开发从入门到实践;知识点;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;;小程序开发从入门到实践;知识点;;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;小程序开发;;小程序开发;