微信小程序相关笔记(2020年之前)

发起网络请求具体用法

请添加图片描述

发起网络请求官方文档

请添加图片描述

微信css选择器

在这里插入图片描述

小程序课堂笔记

巩固js基础的 开源框架: openlayers

小程序里,只有添加标签的文本才能在手机端 “长按选中”;

小程序里,子页面下的json配置文件相对于全局配置只能修改“window”样式

window里面设置的backgroundColor指的是设置 上拉刷新 “拉出来的空白的颜色”

小程序底部tab栏设置:tabBar

vertical-align:middle;
垂直居中对齐,

没有冒泡事件的点击事件 catchtap=“定义的事件”

// 直接跳转,能返回按键返回
wx.navigateTo({
url: ‘…/subset/subset2’
});
// 关闭当前页面,打开新页面,不能返回
wx.redirectTo({
url: ‘…/subset/subset2’
})

定义js文档且输出的方法:
module.exports={
postlists:postlist postlists为输出的名字,postlist为之前定义的数组的名字;
}

require()方法引用js文件,只能用相对路径,

将数据加载到data 的方法: this.setData({新建数组名:传入的数组名})

定义模块化文件 所有wxml 代码必须都写在次标签里面,模块化的wxss文件不需要定义;
引入模块化文件 在开头编写没有结束标签 <template is=“定义的模块化文件名” data:{{…模块化代码中有需要循环的元素,则需要加上此声明,填入当前循环定义的名称}} />将此标签写在需要引入的代码中;
引入模块化wxss文件 在css开头 @import “模块化wxss文件路径”;
在给模块化标签添加事件时, 不能直接写在 template标签上;

在标签上 写data-自定义事件名称=“比如获取当前循环的某个数值” 为自定义属性, 在js中如果要调用此自定义属性,则
如此写 var ***=event(事件对象).currentTarget(当前事件对象).dataset(代表当前对象的所有自定义事件).(自定义事件的名称);
其中 currentTaget 是事件捕获的组件,而Target是当前点击的组件;总之,如果要每个组件都写是相同事件的话用Target就不用麻烦了,直接在父级组件上写一个事件就行;

页面之间传递参数的方法: 在点击跳转的地址尾缀加上?‘参数名称’+需要传递的参数 例: wx.navigateTo({
url: ‘…/subset/subset2?id=’+canshu
});

接收参数的方法, 一般是在生命周期 onLoad:function(option){
var 定义参数名称 = option.地址内起的参数名称;
}

缓存的相关方法:
			增加:wx.setStorageSync('缓存名字','缓存内容')其中,此方法还可以修改缓存,只需缓存的名字相同即可,且缓存内容可以是一个js对象,给个大括号即可;
			获取:wx.getStorageSync('缓存名字') 获取缓存中此名字后的内容;
			删除某一条:wx.removeStorageSync('缓存名字') 清除此缓存名字后的内容;
			删除所有:wx.clearStorageSync(); 删除所有缓存;
			缓存的上限不能超过10MB;
			四种方法后加'Sync'为同步方法,反之为异步方法;
			如果不手动清除缓存,则缓存数据会一直存在;

微信自带的交互反馈API :wxshowToast({}),wx.showModal({}),wx.showActionSheet({});


在入口APP.js文件里能定义全局变量,在APP({
					    globalData:{
						  里面声明
							}
						})
在页面上调用全局变量的方法: getApp() 即读取了整个全局变量;

页面之间传递参数的方式: 通过全局变量,通过缓存,通过url地址,发射事件与接收事件(能传递复杂的参数,比如对象)

scroll-view 实现上滑下拉加载功能

小程序空格换行符

在这里插入图片描述

小程序标签循环嵌套逻辑

在这里插入图片描述

小程序循环嵌套实际使用

在这里插入图片描述
在这里插入图片描述

小程序支付完整前端代码

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值