微信小程序学习(二)

转载请注明出处:https://blog.csdn.net/Strugglein/article/details/80474386
今天带来第二节的学习,今天主要学习目标

1. 配置文件可配置项
2. 开发者工具的介绍以及版本
3. 自己创建一个Hello,World!


1配置文件可配置项

首先我们全局的配置有5项分别是

Pages
主要注册微信小程序的所有页面

tabBar
如果我们的小程序是一个多tab的应用,我们就可以通过tabbar的配置项来指定tab栏的表现

networkTimeout
设置各个网络请求的超时时间

debug
打印输出调试信息

navigationStyle (window)
可以设置window的一些配置属性,比如导航栏相关的设置信息(背景颜色,标题颜色,标题内容以及窗体表现(窗体表现主要是窗体背景颜色和窗体在下拉时的一个样式))通过enablePullDownRefresh这个选项可以去设置微信小程序全局或单个页面的下拉刷新的一个表现

我们的页面也可以通过**disableSScroll**这个选项去设置我们的的页面是否开启滚动
如果我们全局的配置项和我们页面的一个配置项重复了,那么我们的页面配置项会覆盖我们全局的配置项

2. 开发者工具的介绍以及版本

小程序的快速模板的创建我们在这里就不多说了在这里我们说一下
这里写图片描述
1.我们可以点击我们的头像去弹出我们的个人中心可以看到小程序的一个系统的推送消息,我们也可以去切换我们的账号,
2.旁边的三个按钮分别是我们的模拟器,编辑器和调试器,我们可以去点击来显示或者隐藏对应的模块
其他的一些功能我们不懂的可以去查看网上的一些资料有的是,因为目前还没有用到哪些所以在这里就不解释了,

调试器
现在来解释一下调试器的一些功能
console
用来打印小程序页面的一些调试log信息
sources
列出微信小程序页面的所有脚本文件
network
展示各个网络请求的状态信息,请求资源的响应数据
storage
通过调用wx.setStorage和wx.setStorageSync这个喊出设置缓存时,在此可以动态的去修改缓存数据
AppData
真是展示的一个数据,可以动态修改,查看小程序页面在模拟器上不同设备的一个兼容性的情况
wxml
展示了小程序页面的各个组件元素以及可以通过对组件元素的样式修改
sensor
地理位置信息,转角度的展示,动态修改地理位置

3. 自己创建一个Hello,World!

首先我们创建一个空白的项目
project.config.json
开发者工具的配置文件,保存了对开发者工具的个性化设置

然后我们来创建
app.js
app参数,object类型,传入事件处理函数全局数据
这里写图片描述
app.json
注册app小程序所有页面路径 .json中的pages属性对应的是一个list

app.jsonpages中的数组中填写这个页面的路径
这里写图片描述

创建一个页面需要有js,json,wxml,wxss这4个文件,名称要保持一致,
这里写图片描述

然后在index.wxml中输入helloworld
这里写图片描述

这样一个HelloWorld!就完成了 ,

这一章主要就是介绍一些配置文件和发者工具的调试器一些 东西和一个helloworld,我也不是太专业的,写这篇博的目的主要就是为了方便自己以后的一个回忆和朋友学习时的一个参考,希望为大家可以带来帮助 ~ ~&

虚心的去学习,自信的去工作~

猜你喜欢

转载自blog.csdn.net/Strugglein/article/details/80474386