- 博客(24)
- 收藏
- 关注
原创 小程序知识点:Vant!!!
提供60多个高质量组件,覆盖移动端各类场景性能极佳,组件平均体积不到1kb单元测试覆盖率90%+,提供稳定性保障完善的中英文文档和示例支持Vue2&Vue3支持按需引入支持主题定制支持国际化支持TypeScript支持SSR通过color属性可以自定义按钮的颜色<van-button color="#7232dd">单色按钮</van-button><van-button color="#7232dd" plain>单色按钮</van-button>
2024-06-21 11:41:37
576
原创 小程序中各个组件以及其作用
当点击form表单中form-type为submit的button组件时,会将表单组件中的value值进行提交,需要在表单组件中加上name来作为key。使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。for的优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。开始下拉刷新,调用后触发下拉刷新动画,效果与手动下拉刷新一致。支持JPG,PNG,SVG,WEBP,GIF,等格式。孩子们记住了(敲黑板)组件,否则会导致未定义的行为。用来改进表单组件的可用性。
2024-06-19 11:50:52
886
原创 Vue核心———计算属性 侦听属性
vm.$watch("监听的属性",{})需要添加深度监听deep:true。handler(新值,旧值)函数。computed计算属性。
2024-03-22 14:12:36
303
1
原创 初始Vue
举例:<a v-bind:href:href="xxx">或简写为<a :href=”xxx“>,xxx同样要写。b.v-model:value可以简写v-model,因为v-model默认收集的就是value值。b.双向绑定 v-model数据不仅能从data流向页面,还可以从页面流向data。7.一旦data中的数据发生变化,那么模板中用到该数据的地方也会自动更新。备注:Vue中有很多指令,且形式都是v-xxx,此处只拿v-bind做举例。功能:用于解析标签(包括:标签属性,标签体内容,绑定事件。
2024-03-08 15:03:06
331
1
原创 CSS轮播图详解 html+css
padding: 0;body{-- 底层盒子 -->-- 三个单选按钮,先默认选择第一个 -->-- 放三张图片,用背景图片表示 ,都给两个选择器 -->-- 三个label标签 --></span></div>label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
2024-01-10 20:58:42
745
原创 JavaScript知识补充
10.toString()和toLocaleString():将数组的每个元素转化为字符串,并且输入用逗号分隔的字符串列表。1. length 属性:数组的长度(索引是从0开始的,所以数组的最大索引应该是 数组的length-1)11.forEach(数组元素,元素的索引,数组本身):从头至尾遍历数组,为每个元素调用指定函数。写法:splice(起始的索引,删除的数量,插入的新的元素(数量不限))(6)replace():对字符串中的字符进行替换,返回替换后的新字符串。
2023-12-24 22:16:57
352
原创 this指向和相关问题
6、有箭头函数定义的方法,其内部的this永远指向函数在定义时this关键字的指向单位,与该函数的调用对象无关。3、通过call,apply,bind调用函数,this--->方法的第一个参数对象。2、通过new关键字调用的函数 this===>新创建出来的对象。4、回调函数,一般this指向window,箭头函数特例。obj.say()//this--->当前对象 obj。1、普通函数调用,this====>window。5、对象内部的方法 this--->当前对象。2、方法赋值,导致this丢失。
2023-12-24 22:14:37
1198
原创 JavaScript数据类型与运算符
(1)基本数据类型:Number、String、Boolean、Undefined、null。1.5、Object类型:对象只是带有属性和方法的特殊数据类型。1.4、Undefined类型:表示值未定义(只声明了变量却不为变量赋值)(1)+=:加法,运算并赋值,可进行字符串拼接。(3)特殊数据类型:NaN。(1)++、--在前,先运算后赋值,(2)++、--在后,先赋值后运算。(4) /=:除法,运算并赋值。(2)-=:减法,运算并赋值。(3)*=:乘法,运算并赋值。1、常见的运算符:+、-、*、/、%
2023-12-24 22:08:03
357
原创 CSS-事件 -单击双击、失去or获得焦点、加载事件、鼠标事件、键盘事件、选择与改变、表单事件
5.3 onkeypress 某个键盘按键被按下并松开。4.4 onmouseover 鼠标被移动到某个元素上。4.1 onmousedown 鼠标按钮被按下。5.1 onkeydown 某个键盘按键被按下。4.2 onmouseup 鼠标按钮被松开。5.2 onkeyup 某个键盘按键被松开。6.1 onchange 域的内容被改变。7.1 onsubmit 确认按钮被点击。1.2 ondblclick:双击事件。7.2 onreset 重置按钮被点击。1.1 onclick:单击事件。
2023-12-24 22:05:32
1067
原创 css中定位
绝对定位是相对于最近的已定位祖先元素(如果没有则相对于文档)进行定位。使用top、right、bottom和left属性来精确控制元素的位置。粘性定位是相对于滚动容器进行定位的一种特殊方式。元素在滚动容器的可视区域内表现为相对定位,而在滚动容器滚动超出其可视区域时则表现为固定定位。固定定位是相对于浏览器窗口进行定位,元素将始终保持在相对于窗口的固定位置。静态定位是元素的默认定位方式,元素会按照正常的文档流进行布局。相对定位是相对于元素在正常文档流中的位置进行定位,使用。属性来指定元素在窗口中的位置。
2023-12-24 21:59:34
330
原创 ES6数组的各种方法
③应用场景:要返回一个要利用原数组经过运算后的数组,或者是在一个对象数组中要拿到某一个属性,并且返回一个新数组的情况。①find()方法只会找到第一个符合的,找到之后就会直接返回,就算下面还有符合要求的,也不会再找下去。①数组名.forEach(function(数组中一个元素的值){对这个值进行处理....})2)筛选出符合多个条件的对象数组中的一些元素,组成新数组或者是直接覆盖原数组。1)已知对象数组,要把对象数组中一些符合要求的对象重新组成一个数组。②map()方法的返回值是一个数组。
2023-12-24 21:34:52
42
原创 Swiper各种代码
/ 默认允许短滑动。// longSwipesMs: 5000, //超过这个时间只能触发长滑动切换。// simulateTouch : false,//禁止鼠标模拟。// longSwipesMs: 1000, //长短滑动临界时间。// longSwipesRatio: 0.4,//长滑动距离比。// preventClicks : false,//默认true。// longSwipes: false, //关闭长滑动。// touchRatio : 0.5,//触摸变慢。
2023-12-24 21:28:11
133
原创 Swiper的安装及使用
3. 使用Swiper ,需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件,不同的swiper版本用到的文件名略有不同,可下载swiper文件或使用CDN。添加HTML内容,Swiper7的默认容器是'.swiper', Swiper6之前是'.swiper-container'Swiper(swiper master)是一个第三方的库,可以用来实现移动端、pc端的滑动操作,十分方便(官方文档。4. mounted里面调用。1. 下载Swiper。
2023-12-24 21:27:06
408
原创 HTML中详述外边距样式属性(margin)与内边距样式属性(padding)
郑州 大学2个值:表示上下外边框边距为10px,左右外边框边距为20px;2个值:表示上下内边框边距为10px,左右内边框边距为20px;天下
2023-12-24 21:23:01
1674
原创 Generator作用
/ 一般情况下,next 方法不传入参数的时候,yield 表达式的返回值是 undefined。// 3.其中 * 用来表示函数为 Generator 函数,yield 用来定义函数内部的状态。// 此时函数还没有执行完, 返回对象的 done 属性值是 false,下面还有yield。// 当 next 传入参数的时候,该参数会作为上一步yield的返回值。// Generator 函数,可以通过 yield 关键字,// 把函数的执行流挂起,为改变执行流程提供了可能。// next 方法。
2023-11-20 00:15:24
21
原创 js中ajax异步
/ 4、http的连接很简单,是无状态的;// 3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。// 2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。// 1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。// 请求方式分为:get、post、put、delete。// put方式:偏向更新(全部更新);// delete方式:偏向删除信息;// get方式:偏向获取数据;
2023-11-13 00:04:28
28
原创 JavaScript为什么是单线程
/ 2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件,然后再去宏任务队列中取出一个事件。// 5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行。// 3.而且,如果同时操作 DOM ,在多线程不加锁的情况下,最终会导致 DOM 渲染的结果不可预期。// 4.异步任务 触发条件达成,将 回调事件 放到任务队列(Task Queue)中。// 1.宏任务和微任务的任务队列都可以有多个。
2023-10-31 21:51:16
26
原创 JSON.stringify(obj)将类型转换为字符串
/ 使用JSON.stringify(obj)和JSON.parse(_obj)深拷贝。// JSON.stringify(obj)将类型转换为字符串。// ②函数内部可以引用函数外部的参数和变量。// ③参数和变量不会被垃圾回收机制回收。// 使用递归深拷贝。// ①函数嵌套函数。
2023-10-31 21:49:40
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人