小程序2

最新推荐文章于 2024-04-10 20:37:05 发布

coderlin_

最新推荐文章于 2024-04-10 20:37:05 发布

阅读量223

点赞数

本文链接：https://blog.csdn.net/lin_fightin/article/details/109474122

版权

官网https://developers.weixin.qq.com/miniprogram/dev/component/input.html

小程序启动程序

在这里插入图片描述

注册小程序

在这里插入图片描述

可以在生命周期函数调用的时候采取对应的措施。onLaunch函数只有在小程序初始化时才调用，而onShow函数只要每次退出去后点进来都会调用，跟onHide一样

第二种绑定open-type,用bindgetsuerinfo=’’,去监听，默认传一个event过去，里面就有用户信息。

3 open-data组件

全局数据

在这里插入图片描述
app.js除了有生命周期函数外，还能定义数据，这些数据在任何一个页面都可以调用。

app就是app.js中APP()所产生的实例对象

页面的生命周期

在这里插入图片描述

顺序 onload,onshow,onready.
在onload发现网络请求

注意网络请求中，请求成功后调用success函数，如果写成success(){}，里面的this就不是指向home.js整体，如果使用success:()=>{}，这里的this才指向整体，才能调用this.setData();

page.js一般做什么

在这里插入图片描述

page实例生命周期

做完这些后先用git add. + git commit -m + git tag 保存一个tag,在git reset --hard commitid退回到之前的版本，要查看的时候只需要git checkout tag名字就可以切回来了。

组件

Text组件
在这里插入图片描述

在这里插入图片描述

button 组件

在这里插入图片描述

还有很多组件和属性在官网上有。

增加一个类，点下去会有什么变化的类。

view组件

类似于div,
在这里插入图片描述

在这里插入图片描述
还有hover-stay-time.hover-start-time

点击儿子，父亲会显示hover-class。加上hover-stop-propagation则不会

注意，当我们传值时,比如true,false要用mustach语法,不然只是传个字符串过去。并没有作用。

image组件

在这里插入图片描述

image默认有宽度和高度，320x240,并且他是个行内块元素

第一个绝对路径，以根为单位，第二个相对路劲

远程路径

补充
在这里插入图片描述

通过bindload绑定事件监听图片是否加载完成

lazy-load懒加载
show-menu-by-longpress长按出现选择项

binderror当发生错误时触发，也是绑定事件。
mode属性

input组件

在这里插入图片描述

type,value,playholder,password

input的一些绑定事件

在这里插入图片描述

点击触发focus，输入触发input,离开焦点触发blur.其中，input，和blur是能够获取输入的值的

scroll-view组件

实现局部滚动
水平 scroll-x
在这里插入图片描述

垂直滚动

在这里插入图片描述

绑定事件

在这里插入图片描述

在这里插入图片描述
滚动监听

scrollTop滚动多少ze_16,color_FFFFFF,t_70#pic_center)

共同属性

在这里插入图片描述

事件

在这里插入图片描述

事件对象event，默认传过来的

在这里插入图片描述
detail x,y记录点击的地方距离左边以及上边的距离。

touches&&changedTouches

touches,触摸点的事件，记录有多少个手指点击
changedTouches,记录变化，比如原来就有一个手指，突然多了个手指点击，changedTouches就会记录
如touchend事件，当点击离开时触发也有event，里面的touches就为零，而changedTouches里面会记录在这里插入图片描述