- 博客(32)
- 收藏
- 关注
RSS订阅原创 微信小程序轮播
除了图片链接外，轮播组件还可以展示其他类型的内容，比如文字、标题等。开发者可以定义一个包含对象的数组，每个对象包含要展示的内容的相关信息。通过上述最佳实践，开发者可以更好地利用微信小程序轮播组件，实现更加优雅和吸引人的界面表现，为用户提供更好的使用体验。在使用轮播组件时，最常见的数据就是要展示的图片链接。可以通过定义一个包含图片链接的数组来设置轮播组件的数据。使用轮播组件需要设置数据以展示轮播内容。：根据需要设置轮播组件的样式，包括宽度、高度、边距等。：定义轮播组件所需的数据，如图片链接等。
2024-06-10 19:13:03
1358
1
原创 Vue全局事件总线
Vue.prototype.$bus=this//安装全局事件总线,$bus 就是当前应用的 vm。a. 接收数据:A组件想接收数据,则在A组件中给 $bus 绑定自定义事件,事件的回调留在A组件自身。3. 最好在 beforeDestroy 钩子中,用$off()去解绑当前组件所用到的事件。2. 这个对象必须能够使用 $on $emit $off 方法去绑定、触发和解绑事件。b. 提供数据:this.$bus.$emit('xxx',data)一.全局事件总线(GlobalEventBus)
2024-06-02 18:01:02
173
原创 Vue本地储存和自定义事件
通过this.$ref.xxx.$on（’事件名‘，回调）绑定自定义事件时，回调要么在methods中，要么用箭头函数，否则this指向会出问题。1.xxxxxStorage.setItem('key', 'value') 接受一个键和值作为参数，将键值对添加到储存中。第二种方式：父组件中this,$refs.demo.$on('事件命‘，’方法‘）this.$refs.xxx.$on('事件名’，this.test)this.$off(['事件名‘，’事件名‘]）解除多个自定义事件。
2024-05-26 15:38:28
246
原创 Vue.js-2
需要注意的是当有相同标签名的元素切换时，需要通过 key 特性设置唯一的值来标记以让 Vue 区分它们，否则 Vue 为了效率只会替换相同标签内部的内容。使用多个 v-if 的多个元素的过渡可以重写为绑定了动态属性的单个元素过渡。
2024-05-17 19:43:51
289
原创 Vue.js
v-leave-active：定义离开过渡生效时的状态。在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。v-leave-to: 定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 v-leave 被删除)，在过渡/动画完成之后移除。在元素被插入之后下一帧生效 (与此同时 v-enter 被移除)，在过渡/动画完成之后移除。
2024-05-13 08:09:55
173
原创 ES6.模板
只读属性：不允许在加载模块的脚本里面，改写接口的引用指向，即可以改写 import 变量类型为对象的属性值，不能改写 import 变量类型为基本类型的值。在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。模块中可以导入和导出各种类型的变量，如函数，对象，字符串，数字，布尔值，类等。建议使用大括号指定所要输出的一组变量写在文档尾部，明确导出的接口。模块导入导出各种类型的变量，如字符串，数值，函数，类。
2024-04-29 09:44:53
364
原创 Vue指令
注意函数式指令名必须添加 " " 或 ’ ’directive,需要定义在Vue实例之前。inserted(元素,绑定对象){},update(元素,绑定对象){}bind(元素,绑定对象){},(3).元素解析触发(值改变)自带原先三个函数的内置方法。(1).绑定成功触发。(2).插入页面触发。
2024-04-21 20:50:18
325
原创 Vue.5-2
类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。为了定制 prop 的验证方式，你可以为 props 中的值提供一个带有验证需求的对象，而不是一个字符串数组。prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。// 对象或数组默认值必须从一个工厂函数获取。// 这个值必须匹配下列字符串中的一个。// 基础的类型检查 (// 带有默认值的数字。// 带有默认值的对象。// 多个可能的类型。// 自定义验证函数。
2024-04-14 19:02:55
221
原创 Vue.5
tagName 为组件名，options 为配置选项。组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。
2024-04-07 10:51:14
224
原创 vue.4
1.容器 ，app容器名称**，注：容器名称尽量使用id绑定唯一值**3. el绑定容器（还可以使用$.mount()绑定容器）2.{{}}插值语法(Vue使用语法)引入成功后可以先测试引入是否成功。methods处理的函数方法。
2024-03-31 20:30:39
351
1
原创 Vue.3
4.capture捕获模式 ，先触发带有该修饰符的元素，多个该修饰符，则由外而内触发打乱冒泡顺序（即可以理解为给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。）.self阻止自身事件促发，但不会阻止冒泡,(间接有捕获模式)给元素设置self后，点击当前设置的自身元素会触发点击设置self的子类，会跳过设置了self的元素。3.v-if和v-for在vue2或vue3中都不要同时使用，如果需要使用在外层先使用判断，再进行循环。2.v-if和v-for优先级和使用事项。
2024-03-24 18:09:17
374
原创 初学Vue
a v-bind:href="abc" v-bind:class="a">vue方法访问vue官网</a>2.data(){return{}}函数式,注：搭建脚手架（vue-cli）后,一定要使用函数式。2.Vue实例.$mount("容器id或class等"),注：一定写在最后。1.el绑定:"容器id或class等"data中装的是定义的变量，跟插值对应。容器名称尽量使用id绑定唯一值。1.data:{}对象式。容器 ，app容器名称。b:"我今年18岁",names:"张三"
2024-03-10 19:16:55
165
1
原创 ES6类命名
class 的本质是 function。类表达式可以为匿名或命名。// 匿名类this.a = a;// 命名类this.a = a;类声明注意：不可重复声明。this.a = a;} }类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。类中方法不需要 function 关键字 方法间不能加分号。
2024-01-07 18:50:14
378
1
原创 Node.js 回调函数
例如，我们可以一边读取文件，一边执行其他命令，在文件读取完成后，我们将文件内容作为回调函数的参数返回。第二个实例我们不需要等待文件读取完，这样就可以在读取文件时同时执行接下来的代码，大大提高了程序的性能。因此，阻塞是按顺序执行的，而非阻塞是不需要按顺序的，所以如果需要处理回调函数的参数，我们就需要写在回调函数内。console.log("程序执行结束!回调函数在完成任务后就会被调用，Node 使用了大量的回调函数，Node 所有 API 都支持回调函数。菜鸟教程官网地址：www.runoob.com。
2023-12-31 21:20:45
310
1
原创 ES6语法
可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。因为.运算符后面是字符串，所以取到的是字符串 sy 属性，而不是 Symbol 值 sy 属性。## ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。由于每一个 Symbol 的值都是不相等的，所以 Symbol 作为对象的属性名，可以保证属性不重名。// "symbol" // 相同参数 Symbol() 返回的值不相等。
2023-12-24 22:16:27
358
原创 ES6基础
ES6 之前，JavaScript 的 this 对象一直很令人头大，回调函数，经常看到 var self = this 这样的代码，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。// 定义时，this 绑定的是 fn 中的 this 对象。
2023-12-17 20:25:38
667
原创 ES6基础
a 正常解构赋值，匹配结果：a = 1，b 匹配结果 undefined ，触发默认值：b = a =1。a 与 b 匹配结果为 undefined ，触发默认值：a = 3;当解构模式有匹配结果，且匹配结果是 undefined 时，会触发默认值作为返回结果。a 与 b 正常解构赋值，匹配结果：a = 1，b = 2。2.对象模型的解构（Object）1.数组模型的解构（Array）
2023-12-10 16:20:59
317
原创 初识ES6
a 正常解构赋值，匹配结果：a = 1，b 匹配结果 undefined ，触发默认值：b = a =1。a 与 b 匹配结果为 undefined ，触发默认值：a = 3;当解构模式有匹配结果，且匹配结果是 undefined 时，会触发默认值作为返回结果。a 与 b 正常解构赋值，匹配结果：a = 1，b = 2。2.对象模型的解构（Object）1.数组模型的解构（Array）
2023-12-03 19:02:04
286
原创 ES6 字符串
以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。padStart：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。
2023-11-26 18:26:21
340
原创 for while
for循环执行末尾循环体后将再次进行条件判断，若条件还成立，则继续重复上述循环，当条件不成立时则跳出当下for循环。for循环的语法为：for (变量 = 开始值;while循环当满足条件时进入循环，进入循环后，当条件不满足时，执行完循环体内全部语句后再跳出。while - 当指定的条件为 true 时循环指定的代码块。while 循环会在指定条件为真时循环执行代码块。while循环的目的是为了反复执行语句或代码块。语句 3 在循环（代码块）已被执行之后执行。语句 2 定义运行循环（代码块）的条件。
2023-11-19 20:50:15
18
原创 Map对象的使用方法
Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。任何值(对象或者原始值) 都可以作为一个键或一个值。1.Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。entries() 返回 Map 对象中键/值对的数组。values() 返回 Map 对象中值的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。set() 为 Map 对象中的键设置值。get() 获取 Map 对象中键的值。
2023-11-12 18:39:16
66
原创 弹性盒子布局
stretch：如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。flex-start：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。flex-end： 弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。flex-start - 各行向弹性盒容器的起始位置堆叠。各行将会伸展以占用剩余的空间。
2023-10-31 20:22:44
20
原创 操作字符串方法
map有size属性，对象没有。Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只## 标题能手动计算。Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。entries() 返回 Map 对象中键/值对的数组。values() 返回 Map 对象中值的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。set() 为 Map 对象中的键设置值。get() 获取 Map 对象中键的值。Map 对象记得键的原始插入顺序。
2023-10-22 19:59:40
21
1
原创 html基础
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。class 选择器在 HTML 中以 class 属性表示, 在 CSS 中，类选择器以一个点 . 号显示。标题（Heading）是通过 - 标签进行定义的。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。h1这是一个标题。h2这是一个标题。h3这是一个标题。h4这是一个标题。h5这是一个标题。ID属性不要以数字开头。
2023-10-15 18:41:20
19
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人