青芜与-CSDN博客

原创 vue.插值

5、.self阻止自身事件促发，但不会阻止冒泡,(间接有捕获模式) 给元素设置self后，点击当前设置的自身元素会触发，点击设置self的子类，会跳过设置了self的元素。4、.capture捕获模式，先触发带有该修饰符的元素，多个该修饰符，则由外而内触发打乱冒泡顺序（即可以理解为给元素添加一个监听器，当元素发生冒泡时，3.v-model自动绑定表单value值 v-model=“”1、v-model.lazy失去焦点后提交数据(data)注：通常使用v-model绑定表单v-model=“”,

2024-06-23 20:33:01 292

原创局部vue.js

Vue.directive第一个参数是指令的名字（不需要写上v-前缀），第二个参数可以是对象数据，也可以是一个指令函数。update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变。inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。bind：只调用一次，指令第一次绑定到元素时调用。（注意：局部自定义指令有两个条件【指令名称和指令对象】）设置一个v-lazy自定义指令完成图片懒加载。

2024-06-16 20:20:50 126

原创 vue全局事件

要让所有的组件都可以看的到 $emit $on。消息发布只用于兄弟通信，隔代通信 (不常用)this.$bus只用于兄弟通信，隔代通信。

2024-06-10 16:19:24 193

原创插槽的意义vue

【定义：默认插槽是将父组件的结构和数据插入子组件中，默认插槽只有一个插入位置，要插入的html结构和data数据必须在父组件中，不过css可以在子组件中】【定义：作用域插槽的data数据固定写在子组件中，数据的html结构根据父组件传入的html结构来决定】【定义：具名插槽和默认插槽类似，只是默认插槽只有一个插入位置，具名插槽可以有多个插入位置】【简述：将多个父组件的自定义html和data插入子组件的多个位置】【简述：根据父组件中不同的html结构解析data中的数据】默认插槽具名插槽作用域插槽。

2024-06-02 23:08:28 302 1

原创 vue.js组件

组件单个组件的使用可以使用小写和大写情况下，首字母都会转换为大写my-school和mySchool都会转换为同样的格式MySchool，但是mySchool只能在脚手架环境使用使用的组件名可以不和组件定义的名字相同，组件名字可以自定义注意规范:组件取名最好不要和已有的标签相同不在脚手架环境下使用这种格式不会再运行之后的代码Vue.extend()方法本质就是实例化VueComponent构造函数。

2024-05-26 21:26:39 204

原创 vue编程.js

先单击“首页”链接切换到首页，然后单击“跳转到MovieDeltails组件”，查看添加了“后退”按钮，单击“后退”按钮后，会返回到首页。replace()方法与push()方法类似，都是以编程方式导航到一个新的URL。两者的区别在于，replace()方法在导航栏后不会像历史记录中添加新的记录，而是会替换历史记录中的当前记录。go()方法用于实现前进或后退的效果，其参数表示历史记录中前进或后退的步数，类似于window.history.go(),相应的地址栏也会发生改变。go(-1)表示后退一条记录。

2024-05-19 22:49:22 408

原创局部指令vue.js

inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。bind：只调用一次，指令第一次绑定到元素时调用。规则：1.定义指令名称时不要使用v-和驼峰，需要使用-连接，需要加引号。（注意：局部自定义指令有两个条件【指令名称和指令对象】）2、设置一个v-lazy自定义指令完成图片懒加载。inserted(元素,绑定对象){},一、directives局部自定义指令。update(元素,绑定对象){}bind(元素,绑定对象){},“指令名”(元素,绑定对象){}

2024-05-12 19:38:41 280

原创 symbol.js

2、Symbol.for() 类似单例模式，首先会在全局搜索被登记的 Symbol 中是否有该字符串参数作为名称的 Symbol 值，如果有即返回该 Symbol 值，若没有则新建并返回一个以该字符串参数为名称的 Symbol 值，并登记在全局环境中供搜索。3、Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ，用来检测该字符串参数作为名称的 Symbol 值是否已被登记。1、 Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。

2024-05-05 18:39:03 398

原创时间点动画出场vue.js

五、v-cloak 解决网速慢展示插值|页面出现闪烁或白屏，使用需要给标签添加v-cloak。3.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show。注：v-else，v-else-if不能单独使用，要跟if一起使用。v-else,v-cloak,v-once，v-pre不需要带值。2.不同点：v-if存在或不存在，v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用，八、v-else，v-else-if。注：:key=“需要唯一”

2024-04-28 19:56:08 69

原创自动加载数据vue.js

/ 缺点：只能配置单个代理端口,先去取静态资源。加工数据，相当于全局计算属性。

2024-04-22 08:40:45 207

原创绑定自定义事件vue.js

native修饰符,添加后可以触发原生的事件，没有添加native默认为自定义事件。// 2.导入组件时，取的名称最好暴露的名称一致，名称可以任意定义(不推荐)// 1.向外暴露的名称需要使用驼峰命名(推荐使用)，使用-连接。// 解除绑定一种写法单个。// 解除绑定二种写法多个。// 解除绑定三种写法所有。第二种方式绑定自定义事件,写入在methods。// 3.但凡注册了组件，必须使用组件。// 第一种方式绑定自定义事件。绑定自定义事件后只触发一次。第二种方式绑定自定义事件。

2024-04-14 21:43:59 190

原创组件规则与监听属性vue.js

/ 1.两种写法：Vue.filter("名称",函数(接收前一个的值))// new Vue({filters:{函数名(接收前一个的值){}}})// 2.导入组件时，取的名称最好暴露的名称一致，名称可以任意定义(不推荐)// 1.定时器，绑定自定义事件，发送请求，订阅消息。// 3.使用时|过滤名过滤名后面可加可不加()// 1.向外暴露的名称需要使用驼峰命名(推荐使用)，使用-连接。// 2.过滤后产生新的数据值，多个过滤器串联，// 3.但凡注册了组件，必须使用组件。

2024-04-07 10:37:08 130

原创 vue的MVVM模型，数据代理

/ 4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})// 4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})// 3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数。// 2.MVVM双向(双向绑定，数据代理)，MVC单向(直接操作DOM)// inserted(元素,绑定对象){},// bind(元素,绑定对象){},// "指令名"(元素,绑定对象){}

2024-03-31 17:38:17 310

原创 vue.js1

- v-bind:或:,v-on:或@,v-for,v-if,v-show,v-model。-- 注：v-else，v-else-if不能单独使用，要跟if一起使用 -->-- v-else,v-cloak,v-once，v-pre不需要带值 -->-- v-once只加载一次，静态内容，因为不会修改值所以优化了性能 -->-- v-text和v-html，插值区别 -->-- v-if和v-for优先级和使用事项。-- v-if判断|显示隐藏 -->-- v-if和v-show区别。

2024-03-24 22:19:07 164

原创关于容器vue.js

/ 2.Vue实例.$mount("容器id或class等"),注：一定写在最后。-- 绑定元素名称使用v-bind:属性名 == :属性名 -->-- 注：容器名称尽量使用id绑定唯一值 -->// 1.el绑定:"容器id或class等"注：事件名称一定不要加on-->v-on:事件 == @事件。-- 容器，app容器名称-->// 阻止VUE在启动时产生的提示。// 创建vue实例。清除启动时产生的提示。

2024-03-17 12:26:07 350 1

原创路由与服务器处理函数之间的关系

/ Express 中的路由分 3 部分组成，分别是请求的类型、请求的 URL 地址、处理函数。注：通常childNodes与nodeValue会一起使用。// 请求类型和请求的URL同时匹配成功，才会调用对应的处理函数。// 路由指的是客户端的请求与服务器处理函数之间的映射关系。// 注：但凡使用app.use()注册为全局。// 注：注册多个路由模块时，最好添加前缀。// 节点==元素==标签。// 按照定义的先后顺序进行匹配。// app.use()注册。nodeValue子集的内容。

2024-03-10 15:20:51 381 1

原创字符串的方法

/ toUpperCase()转大写==toLocaleUpperCase()// toLowerCase()转小写==toLocaleLowerCase()substring(起始下标,结束下标)，截取字符串，[起始下标,结束下标)indexOf()查询某个字符串在原字符串中首次出现的位置(下标)// substr(起始下标,截取长度)截取字符串。// 替换字符串首次出现的字符，不会修改原字符串。replace(原字符串需要替换的值,新的值)concat("连接的字符串")连接字符串。

2024-01-05 15:42:18 332 1

原创【无标题】

npm config set registry="https://registry.npmjs.org/"修改为npm镜像。// npm unpublish 包名 --force 命令，即可从 npm 删除已发布的包。卸载nrm npm uninstall nrm -g 卸载全局nrm。// npm login 登录---账号，密码，邮箱，验证码。// new Date(数字)设置毫秒。// 获取月，0-11，获取到月份后需+1。如果输入账号密码时间过长会报403。// npm publish提交包。

2023-12-31 15:25:19 325

原创创建数组获取数组与函数

/ function 函数名(形参数1,形参数2,形参数3) {// new Array()关键字语法，不允许修改。// 封装了可重复调用的代码块，减少代码的堆叠。// 原素组[下标] 获取到对于的值。//函数体代码|任意的代码。// 最后一个下标会比长度-1。// function类型。// 函数名(实参)两种创建数组的写法|方式。

2023-12-24 22:24:54 401

原创分离js和读取时钟文件

2.正则匹配style内容。

2023-12-24 22:21:13 356

原创 fs.readFile(“路径“,“格式utf8“,function(err,user){}) 方法

fs.readFile("路径","格式utf8",function(err,user){}) 方法，用来读取指定文件中的内容。fs.writeFile("路径","内容","格式",function(err){}) 方法，用来向指定的文件中写入内容。参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。参数3：必选参数，文件读取完成后，通过回调函数拿到读取的结果。path <string> 必选参数，表示一个路径的字符串。参数1：必选参数，字符串，表示文件的路径。返回值: <string>

2023-12-21 11:04:34 479

原创 Generator与普通函数有什么区别

/ Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能。3.其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。如果在 async function 函数体外使用 await ，你只会得到一个语法错误。.什么是Generator，与普通函数有什么区别。await 特性是什么。

2023-12-21 10:59:32 344

原创 proxy由两个部分组成 promise对象创建路由

一个 Proxy 对象由两个部分组成： target 、 handler。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。如果在 async function 函数体外使用 await ，你只会得到一个语法错误。非 Promise 对象：直接返回对应的值。

2023-12-04 08:51:53 387

原创参数返回值

fs.readFile("路径","格式utf8",function(err,user){}) 方法，用来读取指定文件中的内容。fs.writeFile("路径","内容","格式",function(err){}) 方法，用来向指定的文件中写入内容。参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。参数3：可选参数，表示以什么格式写入文件内容，默认值是 utf8。参数3：必选参数，文件读取完成后，通过回调函数拿到读取的结果。参数1：必选参数，字符串，表示文件的路径。

2023-11-27 08:37:04 397 1

原创 class继承与深拷贝

调用父类方法, super 作为对象，在普通方法中，指向父类的prototype原型对象，子类 constructor 方法中必须有 super ，且必须出现在 this 之前。使用深拷贝将 let a=[1,2,3,4],复制给let b = []；调用父类构造函数,只能出现在子类的constructor构造函数。在子类静态方法中拿取父类静态方法的值,在静态方法中，指向父类。特性在extends继承中。

2023-11-20 07:55:59 37 1

原创获取元素值

poster下载时显示的图像,值为url。source标签兼容不同视频的格式。autoplay视频就绪后立马播放。controls视频的播放控件。元素.parentNode。获取父节点（获取上一级标签）元素.childNodes。// 获取所有子元素。

2023-11-12 17:44:53 32 1

原创查找数组类名

2.class 本身的属性，即直接定义在类内部的属性（ Class.propname ），ES6 中规定，Class 内部只有静态方法，没有静态属性。查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。1.constructor 方法是类的默认方法，创建类的实例化对象时被调用。2.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。findIndex()查找的是拿元素值去查询下标，则返回第一个元素下标。3.类中方法不需要 function 关键字。4.方法间不能加分号。

2023-11-06 08:56:53 23

原创深拷贝与闭包的三个特性

使用JSON.stringify(obj)和JSON.parse(_obj)深拷贝。JSON.stringify(obj)将类型转换为字符串。②函数内部可以引用函数外部的参数和变量。③参数和变量不会被垃圾回收机制回收。

2023-10-31 19:17:24 28 1

原创小手样式保存数据

- flex-direction 属性指定了弹性子元素在父容器中的位置 -->row-reverse 反转横向排列（右对齐，从后往前排，最后一项排在最前面。column-reverse 反转纵向排列，从后往前排，最后一项排在最上面。得到某个索引的key：localStorage.key(index);删除单个数据：localStorage.removeItem(key);-- 保存数据：localStorage.setItem(key,value);row横向从左到右排列（左对齐），默认的排列方式。

2023-10-23 08:46:39 25

原创 background的简写所有值和2D转换的所有参数值

translate(), translateX(x),translateY(y)平移。rotate(num deg),rotateX(),rotateY()旋转。background ： [background-color]背景颜色。matrix(X缩放,Y倾斜,X倾斜,Y缩放,X平移,Y平移);[background-origin]背景图片的位置区域。scale()scaleX(X),scaleY(Y)缩放。[background-repeat] 背景是否平铺。background的简写所有值。

2023-10-15 16:23:48 41 1

Lqing12的博客