微信小程序学习(二)
转载请注明出处: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.json中pages中的数组中填写这个页面的路径
创建一个页面需要有js,json,wxml,wxss这4个文件,名称要保持一致,
然后在index.wxml中输入helloworld
这样一个HelloWorld!就完成了 ,
这一章主要就是介绍一些配置文件和发者工具的调试器一些 东西和一个helloworld,我也不是太专业的,写这篇博的目的主要就是为了方便自己以后的一个回忆和朋友学习时的一个参考,希望为大家可以带来帮助 ~ ~&
虚心的去学习,自信的去工作~
微信小程序学习(二)相关推荐
- 微信小程序学习:(二)app.js及index.js详解
微信小程序学习:(二)app.js及index.js详解 项目地址:https://github.com/leoricding/- 在用ide创建小程序项目时,系统默认为我们创建了一个hellowor ...
- 小程序 pagescrollto_微信小程序学习笔记(三)-- 首页及详情页开发
一.常用组件 在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...
- 微信小程序:二开版优化新紫色UI云开发新款壁纸小程序源码
这是一款由旧版https://airymz.com/3387.html进行优化二开的一个新版本 本壁纸表情包头像小程序采用(dcloud云开发)所以无需服务器与域名 无需服务器.无需域名.云开发直接上 ...
- 微信小程序学习(三):在微信开发者工具中,使用WeUI前端美化框架,微信小程序
微信小程序学习(三):在微信开发者工具中,使用WeUI 这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用 网上有很多的方法,我绝大多数都没看懂,这里就是最简单 ...
- 微信小程序学习:(五)swiper塌陷问题解决
微信小程序学习:(五)swiper塌陷问题解决 github地址: https://github.com/leoricding/- (一)问题分析 需求:实现tab切换,内容切换:内容切换,tab也切 ...
- 微信小程序学习4:小程序语法 - 事件绑定
微信小程序学习4:小程序语法 - 事件绑定 事件绑定最简单的例子是,你设置一个按钮为可触发的,触发条件可以是点击,按压,长按等等.当然,如果你仅仅是设置了触发事件,而没有创建回调函数,是不会产生什么效 ...
- 微信小程序学习(加深)
微信小程序学习(加深) 一.wx:if 与 hidden 的对比 wx:if 以动态创建和移除元素的方式,控制元素的展示与隐藏 hidden 以切换样式的方式(display: none/block; ...
- vue微信小程序开发(二)---页面以及导航
vue微信小程序开发(二)-菜单以及页面 这里写目录标题 vue微信小程序开发(二)---菜单以及页面 图标的选择 创建并注册页面 底部导航 大家好,我是代码哈士奇,是一名软件学院网络工程的学生, ...
- 微信小程序学习 (一)
微信小程序学习 (一) 微信小程序学习 (一) 提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 开发者工具的下载与安装 二.认识一下文件 1.文件后缀 前言 提示:这 ...
最新文章
- VMWare中CentOS7 设置固定IP且能够访问外网
- CRF和LSTM 模型在序列标注上的优劣?
- JSP的Listener介绍
- 【渝粤教育】广东开放大学 财会法规和职业道德 形成性考核 (26)
- mysql常用监控脚本命令列表
- Spark versus Flink: Understanding Performance in Big Data Analytics Frameworks论文总结
- 【OpenCV 例程200篇】203. 伪彩色图像处理
- 打造自己的博客(一)利用VuePress完成博客整体搭建,并支持评论和自动发布
- (十四)A Deep Neural Network for Unsupervised Anomaly Detection and Diagnosis in Multivariate Time Seri
- vue下载后端返回的压缩包
- 观察者模式在游戏开发中的应用
- c语言编程求百位和个位的差,对任意一个键盘输入的3位整数,求出它的个位、十位和百位。 一道c语言题目?...
- OAuth2.0 - 自定义模式授权 - 短信验证码登录
- C++ + ubuntu 调用boost 的一个问题
- VVIC搜款网根据关键词取商品列表 API
- 牛客第十场 F.Popping Balloons
- 张鑫旭和他的《CSS世界》
- Drainage Ditches【究极最大流算法之ISAP】(Improved Shortest Augmeng Path)
- 人体肤色检测:100 行 Python 实现
- win10系统任务栏不显示已开启的软件-解决办法