- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue全局事件总线
全局事件总线︰可以实现任意组件间通信。
175
原创 Vue CLI 本地存储 自定义事件
<h1>自定义事件示例</h1></div><script>},methods: {console.log('自定义事件触发，数据:', payload);},},</script>-- 子组件 --><template><div><button @click="emitCustomEvent">触发自定义事件</button>
2024-05-05 23:21:57
241
原创 Vue CLl中的 ref props mixin plugin scoped
在 Vue 组件中，需要通过配置 props 属性来定义组件的 props。在组件中添加 props 属性之后，就可以使用 props 选项接收从父组件传递的数据。Vue.js官方解释：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
2024-04-17 15:55:02
618
1
原创 vue.js基础中父子组件之间的传值
组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：父子关系，兄弟关系，隔代关系（可能隔多代）。这里我们将父子关系的传值针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了 vue 父子组件间通信的几种方式，如 props、emiton、vuex、$parent / $children、以通俗易懂的实例讲述这其中的差别及使用场景，希望对小伙伴有些许帮助。
2024-04-14 23:34:00
307
原创 学习Vue第四周笔记：vue组件化编程和vue CLI初始化脚手架
使用 Vue.extend(options)创建，其中options和 new Vue(options)时传入的 options 几乎一样，但也有点区别.a.el不要写，因为最终所有的组件都要经过一个v 的管理，由 vm中的 el 才决定服务哪个容器b.data必须写成函数，避免组件被复用时，数据存在引用关系。
2024-04-04 17:39:10
922
原创 学习Vue第三四周的笔记
对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)注册过滤器:Vue.filter(name，callback)全局过滤器new Vue{filters:{}}同部过滤器。
2024-03-31 17:21:11
481
原创 用vue做简单的表格增删改查
我们要做一个表格的话，首先就需要用table做表格，另外呢，我们还有新增查询和重置的按钮。修改的话我们就放在表格的操作里面。温馨提示：我们是用vue做的表格哦，大家使用前别忘了要插入vue文件哦。不懂的代码有注释，大家可以找找相对应的功能哦！哈咯啊大家，这周给大家分享一个用vue做简单的表格增删改查的方法。新增的话，我们就要另外有一个新增的表格。以上就是效果图，那就开始我们今天的代码吧！以上就是代码分解啦，具体代码在↓。然后我们就要开始给表格做功能了。这个是简单的样式设置。那宝贝们我们下期再见！
2024-03-24 14:49:50
290
原创 学习VUE的第二周笔记
/ 自定义指令// 规则：定义指令名称不能使用驼峰和v-，要是用-连接，记得添加引号// 使用时要v-自定义名称// 函数写法// 名称(节点,绑定对象){}// 对象写法// 名称:{// 绑定成功调用// bind(节点,绑定对象){},// 插入到页面调用// inserted(节点,绑定对象){},// 重新解析时调用(值发生改变)// update(节点,绑定对象){}// }// 1.局部自定义指令//directives ,写入Vue实例中。
2024-03-15 09:58:16
278
1
原创 改变this指向问题
正常情况下直接调用函数，打印this会直接指向window，call改变了this的指向，由call的语法可知，第一个值为调用者，this则会指向该调用者。bind与call和apply不同的点是，它在执行后，会返回的是改变this指向之后的新函数，要手动去执行，而call和apply是自动执行。此时打印输出的是对象，并不是因为延时器与箭头函数共同作用，而是因为函数本身指向对象，与延时器和箭头函数无关。此时的this已经指向了对象，说明apply改变了this的指向。
2024-01-06 14:30:00
323
1
原创 做一个简易时钟
时分秒的话，颜色可以换成自己喜欢的，不一定要按照我样式设置。时分秒的粗细也可以自己设置，颜色的话在background-color那里，粗细的话就是width的设置。记住哦，时分秒的话是h，m，s。第一个*的样式呢，在我的第一篇博客中也有写到过，是清除浏览器默认边框的。关于这个样式的代码，我还是希望大家在写代码的时候都加上，当然，这不是强制性要求啊，只是觉得加上会更好。boss是包裹的大盒子，也就是最外层的大边框，当然，设置边框我们要用css来实现。以下呢，为我们的css样式。h，m，s是时分秒的指针。
2023-12-28 09:22:10
331
1
原创 Node.js模块化
(注：为了防止混乱，建议不要在同一个模块中同时使用 exports 和 module.exports)module.exports能使用赋值为{},也可以使用module.exports.共享成员。使用npm init -y 生成package.json记录下载的第三方模块。exports不能使用赋值为{},可以使用exports.共享成员。每个.js文件都有自己的module，共享的成员会存在module。module.exports权重比exports高。npm i或npm install。
2023-12-24 21:09:03
334
1
原创 Node.js
fs.writeFile(“路径”,“内容”,“编码格式”,function(err){}) 方法，用来向指定的文件中写入内容。fs.readFile(“路径”,“编码格式”,function(err,user){}) 方法，用来读取指定文件中的内容。参数3：必选参数，文件读取完成后，通过回调函数拿到读取的结果。path.basename() 方法，用来从路径字符串中，将文件名解析出来。参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。参数2：可选参数，表示以什么编码格式来读取文件。
2023-12-20 09:38:04
321
原创 模块的特性
import 同一模块，声明不同接口引用，会声明对应变量，但只执行一次 import。import只读属性：不允许在加载模块的脚本里面， 改写接口的引用指向，即可以改写 import 变量类型为对象的属性值， 不能改写 import 变量类型为基本类型的值。http的连接很简单，是无状态的；http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。export 命令导出的接口名称，须和模块内部的变量有一一对应关系。导入的变量名，须和导出的接口名称相同，即顺序可以不一致。
2023-12-10 22:12:28
346
1
原创 es6数组
调用父类方法, super 作为对象，在普通方法中，指向父类的prototype原型对象， 在子类静态方法中拿取父类静态方法的值,在静态方法中，指向父类。findIndex() 查找数组中符合条件的元素索引， 若有多个符合条件的元素，则返回第一个元素索引。copyWithin() 将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。find() 查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。参数3(可选)：被填充的结束索引，默认为数组末尾(不包含)，默认到最后。
2023-12-03 21:42:57
344
1
原创 闭包的特性。
异步任务：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响。5.执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行。同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。
2023-11-27 08:35:20
327
原创 原型，原型链
instanceof：JavaScript操作符， 会在原型链中的构造器中搜索，找到则返回true，否则返回false（只作用于对象或数组）Star原型对象里面的 proto 原型指向的是 Object.prototype。如果没有就查找它的原型（也就是 proto 指向的prototype 原型对象 ）Object.prototype原型对象里的__proto__原型 指向null。如果还没有找到就查找原型对象的原型（Object的原型对象）当访问一个对象的属性或方法时，首先查找这个对象自身有没有。
2023-11-19 18:25:57
13
原创 【无标题】ES6的函数
this尽量不要在.addEventListener 使用箭头函数=>，会取不到元素，尽量用function。本身没有this概念，捕获其所在上下文的this值，作为自己的this值，this指向全局。apply、call这两个方法的主动调用，bind返回的是改变this指向后的新函数。传参的问题区别，call和bind都是直接传递参数，apply传递的是数组。apply、call、bind他们三个都能改变函数this的指向问题。箭头函数不能当做Generator函数，不能使用yield关键字。
2023-11-12 21:27:06
14
1
原创 Map，Set，Object的区别
entries 方法返回一个新的 Iterator 对象，它按插入顺序包含了 Map 对象中每个元素的 [key, value] 数组。map仅支持new Map（）任何值(对象或者原始值) 都可以作为一个键或一个值。Map对象保存键值对，任何值（对象或原始值）都可以作为一个键或一个值。Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。entries() 返回 Map 对象中键/值对的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。
2023-11-06 08:02:08
19
原创 css3属性
使用透明度 : background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));重复线性渐变 : background-image: repeating-linear-gradient(red,black 20%,green 10%);从左到右：background-image: linear-gradient(to right,颜色, 颜色);[background-image] 背景图片。
2023-10-23 09:18:53
17
原创 弹性盒子的九种类型（笔记）
stretch 如值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，与’flex-start’等效。justify-content（重要）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线对齐，内容对齐。space-around 弹性项目平均分布在该行上，相邻项目有间隔，两边留有一半的间隔空间。用于修改flex-wrap，类似于align-items（对齐方式），但是是设置各行的对齐。align-items 设置或检索弹性盒子元素在纵轴向上的对齐方式，给父元素设置。
2023-10-08 14:54:50
35
1
原创 HTML5的基本概念
HTML5的基本概念HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言）， 因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。
2023-10-06 20:46:39
18
原创 JavaScript基础笔记2
执行过程：先判断表达式的结果是true还是false。如果是true，则执行代码块。如果是false，大括号中的代码是不执行的。
2023-09-24 18:26:43
25
1
原创 JavaScript基础笔记1
JavaScript简称js，它是一门脚本语言，是一门解释性语言，是一门弱类型语言，是一门动态类型语言，是一门基于对象的语言。
2023-09-14 18:18:15
22
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人