- 博客(34)
- 收藏
- 关注
RSS订阅原创 Vue全局事件总线 消息的订阅与发布
消息订阅与发布(pubsub)消息订阅与发布是一种组件间通信的方式,适用于任意组件间通信。一种可以在任意组件间通信的方式,本质上就是一个对象,它必须满足以下条件。
2024-06-27 10:02:18
343
原创 微信小程序tabar属性
微信小程序的TabBar是用于在小程序内创建底部导航栏的一种组件。它允许用户在多个页面之间快速切换，提高了用户体验。下面将详细讲解如何配置和使用微信小程序的TabBar。配置TabBarpages: 这个数组定义了小程序的所有页面路径，TabBar中的页面路径必须包含在这个数组中。tabBar: 这是TabBar的配置项。tabar里面的配置项：注意事项动态设置TabBar在微信小程序中，我们还可以使用API动态设置TabBar的属性，比如设置某个Tab的红点或者未读数字。三、图片资源关于T
2024-06-27 09:57:57
434
原创 小程序组件生命周期
生命周期方法可以直接定义在Component构造器的第一级参数中。自小程序基础库版本 2.2.3 起，组件的的生命周期也可以在lifetimes字段内进行声明（这是推荐的方式，其优先级最高）。示例代码// 在组件实例进入页面节点树时执行},// 在组件实例被从页面节点树移除时执行},},// 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容// 在组件实例进入页面节点树时执行},// 在组件实例被从页面节点树移除时执行},// ...})在behaviors。
2024-06-24 08:45:12
444
原创 Vue本地储存与自定义事件
使用场景父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件绑定自定义事件第一种方式：父组件中<Demo @事件命 = “方法”>第二种方式：父组件中this,refsdemorefs.demo.refsdemoon('事件命‘，’方法‘）mounted(){this.$refs.xxx.$on('事件名’，this.test)注：若只想绑定一次 可以使用once或$once触发自定义事件。
2024-06-20 10:10:30
395
原创 微信小程序有哪几种事件？
双击事件由两个单击事件组成，两次间隔时间小于300ms认为是双击；微信官方文档没有双击事件，需要开发者自己定义处理。单击事件由touchstart、touchend组成,touchend后触发tap事件。
2024-06-17 10:25:20
220
原创 Vue自定义事件
上面绑定自定义事件，即使绑定的是原生事件也会被认为是自定义的，需要加。c.若想让自定义事件只能触发- -次， 可以使用。绑定自定义事件时，回调函数要么配置在。a.第一种方式，在父组件中<Demo。，加了后就将此事件给组件的根元素。中，要么用箭头函数，否则。b.第二种方式，在父组件中。6.组件上也可以绑定原生。
2024-05-12 17:27:45
218
原创 Vue本地储存
存储内容大小一般支持5MB 左右(不同浏览器可能还不一样)该方法接受一个键和值作为参数，会把键值对添加到存储中。该方法接受一个键名作为参数，并把该键名从存储中删除。该方法接受一个键名作为参数，返回键名对应的值。存储的内容会随着浏览器窗口关闭而消失。存储的内容，需要手动清除才会消失。如果键名存在，则更新其对应的值。该方法会清空存储中的所有数据。属性来实现本地存储机制。
2024-05-07 10:37:23
310
1
原创 Vue路由
一个路由就是一组映射关系(key - value)，key 为路径， value 可能是function或componen。1.路由组件通常存放在 pages 文件夹，-般组件通常存放在 components 文件夹。4.整个应用只有一个 router，可以通过组件的 $router 属性获取到。2.通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。3.每个组件都有自己的 $route 属性，里面存储着自己的路由信息。的一个插件库，专门用来实现SPA应用。比如上一节的案例就可以修改为。
2024-04-20 17:28:34
173
原创 Vue过滤器
1.局部过滤器new Vue({filters:{名称(value){}}})，全局过滤器Vue.filter(“名称”,function(value){})3.使用时|名称, 多个过滤器串联，拿取的值是前一个。2.返回一个新的数据。
2024-04-13 16:20:43
213
原创 Vue组件
使用Vue.extend(options) 创建， 其中options和new Vue(options) 时传入的| options 几乎一样,但也有点区别a：el不要写，因为最终所有的组件都要经过一-个vm的管理，由vm中的el才决定服务哪个容器b：data 必须写成函数，避免组件被复用时，数据存在引用关系2.注册组件a.局部注册:newVue()的时候options传入| components 选项b.全局注册:Vue. component('组件名，组件)3.使用组件。
2024-04-07 11:12:02
209
原创 Vue基本用法
1.2.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show。绑定事件使用的语法为v-on:事件 ，同时也能使用@事件 来表示。单向绑定使用的语法为v-bind:，数据是由data流行页面！1.1不同点：v-if存在或不存在，v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用。在vue2中v-for比v-if优先级高。在vue3中v-if比v-for优先级高。.v-if和v-for优先级和使用事项。v-if和v-for优先级和使用事项。
2024-03-31 20:38:05
152
原创 MVVM模型
定义指令名称时不要使用v-和驼峰，需要使用-连接，需要加引号使用时需要 v-对象式" 指令名 ":{绑定成功触发bind(元素,绑定对象){},插入页面触发inserted(元素,绑定对象){},元素解析触发(值改变)update(元素,绑定对象){}函数式" 指令名 " ( 元素 , 绑定对象 ) { }局部自定指令directives ，需要定义在Vue实例中全局自定义指令directive ，需要定义在Vue实例之前。
2024-03-17 16:00:08
298
1
原创 Vue指令
3.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show。2.Vue实例.$mount( " 容器 id 或 class 等 " )，2.不同点：v-if存在或不存在，v-show展示或不展示。1.el绑定 : " 容器 id 或 class 等 "1.相同的：都可以进行显示隐藏。功能：用于解析标签内容。data用于给容器添加值。
2024-03-09 15:31:46
375
1
原创 Node.js 函数
我们可以把一个函数作为变量传递。中，一个函数可以作为另一个函数的参数。我们可以先定义一个函数，然后传递，也可以在传递参数的地方直接定义函数。用这种方式，我们甚至不用给这个函数起名字，这也是为什么它被叫做匿名函数。接受第一个参数的地方直接定义了我们准备传递给。函数的第一个变量进行了传递。现在它看上去应该清晰了很多：我们向。（带括号的形式）来使用。时可以传递这样一个变量。函数传递了一个匿名函数。
2023-12-24 20:22:19
367
1
原创 Node.js 回调函数
例如，我们可以一边读取文件，一边执行其他命令，在文件读取完成后，我们将文件内容作为回调函数的参数返回。这就大大提高了 Node.js 的性能，可以处理大量的并发请求。第二个实例我们不需要等待文件读取完，这样就可以在读取文件时同时执行接下来的代码，大大提高了程序的性能。因此，阻塞是按顺序执行的，而非阻塞是不需要按顺序的，所以如果需要处理回调函数的参数，我们就需要写在回调函数内。回调函数在完成任务后就会被调用，Node 使用了大量的回调函数，Node 所有 API 都支持回调函数。
2023-12-24 20:15:44
390
1
原创 Node.js 路由
我们要为路由提供请求的和其他需要的及参数，随后路由需要根据这些数据来执行相应的代码。因此，我们需要查看请求，从中提取出请求的以及参数。这一功能应当属于路由还是服务器（甚至作为一个模块自身的功能）确实值得探讨，但这里暂定其为我们的服务器的功能。我们需要的所有数据都会包含在对象中，该对象作为回调函数的第一个参数传递。但是为了解析这些数据，我们需要额外的模块，它们分别是和模块。当然我们也可以用模块来解析请求体中的参数，稍后会有演示。现在我们来给函数加上一些逻辑，用来找出浏览器请求的。
2023-12-21 10:10:59
388
原创 ES6字符串
ES6 之前判断字符串是否包含子串，用方法，ES6 新增了子串的识别方法。：返回布尔值，判断是否找到参数字符串。：返回布尔值，判断参数字符串是否在原字符串的头部。：返回布尔值，判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。
2023-12-10 19:49:18
407
1
原创 Reflect 与 Proxy
一个 Proxy 对象由两个部分组成： target 、 handler。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。
2023-12-03 19:18:59
392
1
原创 Class
1.的本质是。2.不可重复声明。3.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。4.类中方法不需要关键字。5.方法间不能加分号。
2023-11-24 14:57:07
371
1
原创 Generator函数，await 特性，Proxy对象
Generator函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能区别（1）一是在 function 后面，函数名之前有个 *；（2）函数内部有 yield 表达式。（3）其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。一个 Proxy 对象由两个部分组成： target 、 handler。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。
2023-11-17 11:19:54
33
1
原创 原型的5个特性
5.当试图获取一个对象的某个属性时，如果这个对象本身没有这个属性，那么他会去它的__proto__（即它构造函数的prototype）去找。2.所有的引用类型都有一个__proto__属性，属性值是一个普通对象(原型链)4.所有的引用类型的__proto__指向它构造函数的prototype属性值。1.所有引用类型(数组、对象、函数)，都具有对象特性，及可自由扩展属性。3.所有的函数都有一个prototype属性,属性值是一个普通对象。
2023-11-05 22:19:45
29
原创 原型链及其查找机制
每一个实例对象又有一个属性，指向的构造函数的原型对象，构造函数的原型对象也是一个对象，也有属性，这样一层一层往上找就形成了原型链。
2023-10-26 15:13:44
134
原创 set对象与map对象区别，map对象与object区别
Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。obj 通过 obj.keys（）打印出来的属性顺序是 number – 字符串。obj 可以作为 key 的仅有 number、string、symbol。obj 有三种创建方式： 字面量{}、new Object（） 、构造函数。map 只能使用 set（key，val）方法设置属性。map 只能用原生的 get 方法调用。map 的 key 顺序是声明顺序。key 的顺序不同。key 的调用不同。
2023-10-19 11:42:02
44
原创 ES5中操作数组的方法
方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。方法可向数组的末尾添加一个或多个元素，并返回新的长度。方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。返回的是颠倒后的数组，会改变原数组。
2023-10-15 12:54:25
160
1
原创 动画所有语法及含义
规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。播放次数 是否反向播放 是否运用结束的样式 动画是否运行或暂停;动画的名称 时间 运动曲线 开始时间。指定要绑定到选择器的关键帧的名称。指定是否应该轮流反向播放动画。指定动画是否正在运行或已暂停。动画指定需要多少秒或毫秒完成。设置动画在启动前的延迟间隔。设置动画将如何完成一个周期。定义动画的播放次数。
2023-10-06 17:36:57
51
1
原创 Css3盒模型
平常最常用的就是标准盒模型，即box-sizing中的content-box，它指的width和height是内容的width和height。
2023-09-24 15:20:31
51
1
原创 表单的属性
可以用来描述输入字段预期值的简短的提示信息，提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。设置之后在访问页面时，文字输入框会自动获得光标焦点，以便输入关键词。属性规定输入字段课选择多个值，如果使用该属性，则字段可选择多个值。用于规定输入框填写的内容不能为空，否则不允许用户提交表单。
2023-09-17 13:48:34
136
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人