学习小程序

wuchangjian2021-11-03 17:11:58编程学习

1.框架全局文件:
app.js小程序逻辑文件
app.json小程序公共设置文件
app.wxss小程序公共样式表文件
它们作为全局文件,必须放在项目的根目录下。
注:其中前两个是必须的,app.json不可添加任何注释。
2.

page:配置页面路径
window:配置窗口表现
tabBar:配置标签导航
networkTimeout配置网络超时

3.APP{}
onlaunch:function()生命周期函数,调用API从本地缓存中获取数据
getUserInfo:定义全局函数
wx.login调用登录接口
globalDate定义全局数据

4.每个单独的小程序页面由四个文件组成,分别是:
文件类型 必填 作用
js 是 页面逻辑
wxml 是 页面结构(html标签),组件
wxss 否 页面样式表(css)
json 否 页面配置

5.app.js为脚本文件,我们可以在app.js中监听并处理小程序的生命周期函数、声明全局变量以及调用各类提供的 API

6.下拉刷新功能:
①.enablePullDownRefresh这个属性设置为true.enablePullDownRefesh可以在app.json中和页面的xxx.json,两者的区别是,app.json是全局型的下拉刷新,而***,json是单个页面的下拉刷新
②.找到事件处理函数onPullDownRefresh重置数据 重置页码 设置为1 重新请求数据
wx.showNavigationBarLoading()wx.hideNavigationBarLoading();//完成停止加载wx.stopPullDownRefresh()//停止下拉刷新

7.//显示加载状态
wx.showLoading({
title: ‘加载中’,
})
//隐藏loading状态
wx.hideLoading();

8.bindtap点击事件
页面跳转
wx.navigateTo()

9.好的项目注释不少于代码的三分之一
10.

①.image mode=""
②.view和text的区别
text:文本,相当于普通html的中的行内元素
view:视图容器,相当于普通的html中块级元素
③.block:相当于一个块,方便我们使用,不渲染
④.触发用户转发

<button open-type="share"></button>

相关文章

国产骨传导耳机推荐,目前最好用的几款骨传导耳机

国产骨传导耳机推荐,目前最好用的几款骨传导耳机

随着生活节奏的加快,人们坐着工作的时间越来越长,身体甚至一整...

OpenStack的网络

网络模块Neutron 两种ip,五种拓扑,三种网络 二...

实验五: 函数的设计和使用

实验五: 函数的设计和使用

一、实验目的  熟练掌握函数的定义和调用。熟练掌握函数的参数和常用方式。熟练使用lam...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。