- 博客(24)
- 收藏
- 关注
RSS订阅原创 小程序知识点：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
506
原创 小程序中各个组件以及其作用
当点击form表单中form-type为submit的button组件时，会将表单组件中的value值进行提交，需要在表单组件中加上name来作为key。使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。for的优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。开始下拉刷新，调用后触发下拉刷新动画，效果与手动下拉刷新一致。支持JPG，PNG，SVG，WEBP，GIF，等格式。孩子们记住了（敲黑板）组件，否则会导致未定义的行为。用来改进表单组件的可用性。
2024-06-19 11:50:52
838
原创 Vue核心———计算属性 侦听属性
vm.$watch("监听的属性",{})需要添加深度监听deep:true。handler(新值,旧值)函数。computed计算属性。
2024-03-22 14:12:36
293
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
322
1
原创 CSS轮播图详解 html+css
padding: 0;body{-- 底层盒子 -->-- 三个单选按钮，先默认选择第一个 -->-- 放三张图片，用背景图片表示 ，都给两个选择器 -->-- 三个label标签 --></span></div>label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
2024-01-10 20:58:42
725
原创 JavaScript知识补充
10.toString()和toLocaleString():将数组的每个元素转化为字符串，并且输入用逗号分隔的字符串列表。1. length 属性:数组的长度(索引是从0开始的，所以数组的最大索引应该是 数组的length-1)11.forEach(数组元素，元素的索引，数组本身)：从头至尾遍历数组，为每个元素调用指定函数。写法：splice(起始的索引,删除的数量,插入的新的元素（数量不限）)（6）replace()：对字符串中的字符进行替换，返回替换后的新字符串。
2023-12-24 22:16:57
343
原创 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
1187
原创 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
347
原创 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
1017
原创 css中定位
绝对定位是相对于最近的已定位祖先元素（如果没有则相对于文档）进行定位。使用top、right、bottom和left属性来精确控制元素的位置。粘性定位是相对于滚动容器进行定位的一种特殊方式。元素在滚动容器的可视区域内表现为相对定位，而在滚动容器滚动超出其可视区域时则表现为固定定位。固定定位是相对于浏览器窗口进行定位，元素将始终保持在相对于窗口的固定位置。静态定位是元素的默认定位方式，元素会按照正常的文档流进行布局。相对定位是相对于元素在正常文档流中的位置进行定位，使用。属性来指定元素在窗口中的位置。
2023-12-24 21:59:34
314
原创 ES6数组的各种方法
③应用场景：要返回一个要利用原数组经过运算后的数组，或者是在一个对象数组中要拿到某一个属性，并且返回一个新数组的情况。①find（）方法只会找到第一个符合的，找到之后就会直接返回，就算下面还有符合要求的，也不会再找下去。①数组名.forEach（function（数组中一个元素的值）{对这个值进行处理....}）2）筛选出符合多个条件的对象数组中的一些元素，组成新数组或者是直接覆盖原数组。1)已知对象数组，要把对象数组中一些符合要求的对象重新组成一个数组。②map（）方法的返回值是一个数组。
2023-12-24 21:34:52
27
原创 Swiper各种代码
/ 默认允许短滑动。// longSwipesMs: 5000, //超过这个时间只能触发长滑动切换。// simulateTouch : false,//禁止鼠标模拟。// longSwipesMs: 1000, //长短滑动临界时间。// longSwipesRatio: 0.4,//长滑动距离比。// preventClicks : false,//默认true。// longSwipes: false, //关闭长滑动。// touchRatio : 0.5,//触摸变慢。
2023-12-24 21:28:11
112
原创 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
319
原创 HTML中详述外边距样式属性（margin）与内边距样式属性（padding）
郑州 大学2个值：表示上下外边框边距为10px，左右外边框边距为20px；2个值：表示上下内边框边距为10px，左右内边框边距为20px；天下
2023-12-24 21:23:01
1618
原创 Generator作用
/ 一般情况下，next 方法不传入参数的时候，yield 表达式的返回值是 undefined。// 3.其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。// 此时函数还没有执行完， 返回对象的 done 属性值是 false，下面还有yield。// 当 next 传入参数的时候，该参数会作为上一步yield的返回值。// Generator 函数，可以通过 yield 关键字，// 把函数的执行流挂起，为改变执行流程提供了可能。// next 方法。
2023-11-20 00:15:24
15
原创 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
21
原创 JavaScript为什么是单线程
/ 2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件，然后再去宏任务队列中取出一个事件。// 5.执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行。// 3.而且，如果同时操作 DOM ，在多线程不加锁的情况下，最终会导致 DOM 渲染的结果不可预期。// 4.异步任务 触发条件达成，将 回调事件 放到任务队列(Task Queue)中。// 1.宏任务和微任务的任务队列都可以有多个。
2023-10-31 21:51:16
18
原创 JSON.stringify(obj)将类型转换为字符串
/ 使用JSON.stringify(obj)和JSON.parse(_obj)深拷贝。// JSON.stringify(obj)将类型转换为字符串。// ②函数内部可以引用函数外部的参数和变量。// ③参数和变量不会被垃圾回收机制回收。// 使用递归深拷贝。// ①函数嵌套函数。
2023-10-31 21:49:40
42
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人