- 博客(29)
- 收藏
- 关注
RSS订阅原创 深入理解与运用Vue 2中的插槽（Slots）
Vue 2的插槽机制为组件设计带来了极大的灵活性，无论是默认插槽、具名插槽还是作用域插槽，都旨在提升组件的复用性和定制化程度。理解并熟练运用这些插槽类型，可以帮助开发者构建出更强大、更易于维护的组件体系，提升整个项目的开发效率和用户体验。在实践中，应根据具体业务需求选择合适的插槽类型，实现组件与父级模板之间的高效协作。
2024-05-05 19:11:20
355
原创 v-model原理(简易源码版)
将 Vue 实例中指定的数据属性（如 msg）绑定到表单元素的 value 属性（对于 checkbox 和 radio 类型，可能绑定的是 checked 属性）。v-model 是 Vue.js 中用于实现双向数据绑定的关键指令，它使得表单输入元素（如 input、textarea、select 等）的值能够与 Vue 实例的数据属性自动保持同步。完成了,也做到了页面的值和data的值一样了,但是还有一个问题没解决,就是在改变data里面的值的时候怎么做到让页面的值更改。
2024-04-28 10:48:18
705
原创 前端面试题（一部分）
防抖：防抖是指在事件触发后，等待一段时间后再执行回调函数。如果在等待时间内又发生了相同的事件，那么就会重新计时。防抖的主要目的是减少函数的执行次数，尤其是在频繁触发事件的情况下，可以避免函数多次执行。常见的应用场景包括输入框的搜索建议、窗口大小改变的回调等。例如，当用户在输入框中输入关键字时，可以使用防抖来减少发送请求的次数，只有在用户停止输入一段时间后才发送请求。节流：节流是指在一段时间内只执行一次回调函数。即使在这段时间内发生了多次事件，也只会执行一次回调函数。
2024-04-20 20:00:00
418
原创 vue指令
1 2 3 不要设置值的指令 v-else,v-cloak,v-once，v-pre。1.在vue2中，v-for优先级比v-if高 在vue3中，v-if优先级比v-for高。3. 同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-// 规则：定义指令名称不能使用驼峰和v-，要是用-连接，记得添加引号。不同点：v-text只读取文本，v-html读取标签插值添加值。注：使用v-else,v-else-if前必须有v-if。**v-else和v-else-if判断。
2024-04-13 17:45:00
273
原创 vue之笔记
两个重要的小原则 所有被 vue 管理的函数，最好写成普通函数，这样 this的指向才是 vm或。计算属性最终会出现在 vm 上，直接读取使用即可 a.如果计算属性要被修改，那必须写 set 函数去响应修改，且 set。的回调函数)，最好写成箭头函数，这样 this的指向才是vm或 组件实例对象。中要引起计算时依赖的数据发生改变 b.如果计算属性确定不考虑修改，可以使用计算属性的简写形式。2.监视的属性必须存在，才能进行监视，既可以监视 data，也可以监视计算属性。当依赖的数据发生改变时会被再次调用。
2024-04-05 20:15:00
141
原创 vue过滤器
全局过滤器Vue.filter(“名称”,function(value){}) 返回一个新的数据 使用{{xxx | 过滤器名称}} 或。使用{{xxx | 过滤器名称}} 或 v-bind:属性=“xxx | 过滤器名”，多个过滤器可以串联，拿取的值时前一个。全局过滤器Vue.filter(“名称”,function(value){})局部过滤器 new Vue({filters:{名称(value){}}})局部过滤器 new Vue({filters:{名称(value){}}})
2024-03-31 15:24:14
247
原创 【无标题】
(1).Vue中的watch默认不监测对象内部值的改变 (一层) (2).配置deep:true可以监测对象内部值改变 (多层)。3.监视的两种写法: (1).通过vm.#watch监视 (2)new. vue时传入watch配置。2.监视的属性必须存在，才能进行监视，没有的话不会报错但是两个value都是undfine。(1).Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以!(2).使用watch时根据数据的具体结构，决定是否采用深度监视。
2024-03-24 14:31:52
162
原创 vue2的常用指令
v-for： 使用 v-for 可以基于数组或对象的数据源进行循环渲染。可以使用特殊变量 i n d e x 获取当前项的索引， index 获取当前项的索引，index获取当前项的索引，key 获取当前项的键（仅适用于对象循环）。v-else 和 v-else-if 是在 v-if 块或前一个 v-else-if 块之后使用的，用于定义额外的条件块。v-html： 与 v-text 不同，v-html 将元素的 innerHTML 设置为指定的 HTML 内容。可以使用简化语法 @ 来代替 v-on。
2024-03-15 19:45:00
348
原创 vue笔记1
Vue是一套用来动态构建用户界面的渐进式JavaScript框架。需要引入Vue包 ----------------{{}}插值语法：可以读取到data里面的所有属性。注：容器名称尽量使用id绑定唯一值。vue的特点：遵循mvvm模式。容器，app容器名称。
2024-03-10 12:43:00
348
原创 ES6 Generator 函数
第一次调用 next 方法时，从 Generator 函数的头部开始执行，先是打印了 one ,执行到 yield 就停下来，并将yield 后边表达式的值 ‘1’，作为返回对象的 value 属性值，此时函数还没有执行完， 返回对象的 done 属性值是 false。第三次调用 next 方法时，先是打印了 three ，然后执行了函数的返回操作，并将 return 后面的表达式的值，作为返回对象的 value 属性值，此时函数已经结束，多以 done 属性值为true。
2024-01-10 16:57:09
342
原创 es6中set函数
Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。3.NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复。2.undefined 与 undefined 是恒等的，所以不重复；Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。1.+0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复；set函数可以将重复的值进行处理，让数组对象只剩下一个同样的值。set函数]将值转换成数组类型。
2024-01-07 18:09:22
317
1
原创 nodejs-2
1、fs.readFile(“路径”,“格式utf8”,function(err,user){}) 方法，用来读取指定文件中的内容。2、fs.writeFile(“路径”,“内容”,“格式”,function(err){}) 方法，用来向指定的文件中写入内容。现在：前端—h5+c3+es5+es6+vue+nodejs+微信小程序+Element-ui。参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。参数4：必选参数，文件写入完成后的回调函数。参数1：必选参数，字符串，表示文件的路径。
2023-12-24 18:47:22
364
1
原创 node.js的三大模块（fs,path，http）
http 模块是 Node,js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台Web 服务器，从而对外提供 Web 资源服务。path 模块是 Node.js 官方提供的、用来处理路径的模块。// 使用on绑定事件有两个参数 绑定的事件 回调函数 第一个参数为request请求 第二个参数为response响应。第一个参数是需要指定一个文件路径的字符串，表示文件的存放路径 必选。
2023-12-18 10:10:26
320
1
原创 es6总结
是否有该字符串参数作为名称的 Symbol 值，如果有即返回该 Symbol 值，若没有则新建并返回一个以该字符串参数为名称的 Symbol 值，并登记在全局环境中供搜索。（3）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。循环打印ac，1，bc，2 ，name，张三，obj对象。
2023-11-27 08:45:40
812
1
原创 es6之中的map
Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。es6之中的map函数类似对象，但是各种值都可以当作键形式是键值对的形式。obj可以作为key的仅有number、string、symbol。map仅支持new Map（） map的key顺序是声明顺序。map只能使用set（key，val）方法设置属性。3.Map 对象具有表示映射大小的属性。2.Map 对象记得键的原始插入顺序。返回 Map 对象中键/值对的数组。返回 Map 对象中键的数组。
2023-11-20 08:20:39
26
1
原创 web储存
—用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。sessionStorage.setItem(key, value) ：存储数据。localStorage.setItem(key,value) ：存储数据。sessionStorage.removeItem(key) ：删除数据。localStorage.clear() ：清空数据 / 删除所有数据。localStorage.removeItem(key) ：删除数据。类似于lacalstorage的用法效果差不多。
2023-11-20 08:16:39
14
1
原创 symbol的介绍及拦截器
Symbol.for() 类似单例模式，首先会在全局搜索被登记的 Symbol 中是否有该字符串参数作为名称的 Symbol 值，如果有即返回该 Symbol 值，若没有则新建并返回一个以该字符串参数为名称的 Symbol 值，并登记在全局环境中供搜索。Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ，用来检测该字符串参数作为名称的 Symbol 值是否已被登记。writable 设置为false不允许修改defineProperty对象添加的值，true允许修改。
2023-11-20 08:12:58
11
1
原创 结果赋值字符串
startsWith与endsWith方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引（下标0）。padStart(总长度,“字符串”)：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd()：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。3.endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。// 以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，repeat ：返回新的字符串，表示将字符串重复指定次数返回。
2023-11-20 08:08:09
15
1
原创 var,const和let的学习
（4）暂时性死区： 在使用let、const命令声明变量之前，该变量都是不可用的。（1）块级作用域： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。（3）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。（5）初始值设置： 在变量声明时，var 和 let 可以不用设置初始值。2.变量声明后，变量为空 (没有值)。
2023-11-12 21:20:24
17
1
原创 过渡（transition）,动画（animation）
这些都是 from 关键帧中的值（当 animation-direction 为 “normal” 或 “alternate” 时）或 to 关键帧中的值（当 animation-direction 为 “reverse” 或 “alternate-reverse” 时）。：有好几个值linear（匀速）/ ease（慢速开始，加速前进，慢速结束）/ ease-in（只是慢速开始）/ease-out（只是慢速结束）/ease-in-out（慢速开始，加速前进，慢速结束））反向播放，在偶数次（2、4、6…
2023-11-12 21:16:48
25
1
原创 css3深拷贝与浅拷贝
改变拷贝前的内容，会对拷贝后的内容有影响，拷贝前和拷贝后是有关系的，即只是引用关系。：拷贝后的结果更改是不会影响拷贝前的，拷贝前后是没有关系。
2023-10-22 15:32:33
35
原创 es6常用数组方法
ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。第二个参数是用来补全的字符串。1.const 声明一个只读的常量，一旦声明，常量的值就不能改变。以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。1.let 声明的变量只在 let 命令所在的代码块内有效。：返回新的字符串，表示将字符串重复指定次数返回。剩余运算符|扩展运算符。
2023-10-02 17:49:08
20
1
原创 css3之边框
这是一个复合属性，用于设置目标元素的边框样式，可以同时设置边框的粗细，线型和颜色。这是一个符合属性，用于设置目标元素的上边框样式，可以同时设置边框的颜色，宽度和线型。border-垂直方向-水平方向 -radius:水平半径 垂直半径。圆角方向：通过垂直和水平方向可以表示一个角（方向1：上下、方向2：左右）当使用%设置半径时，半径的值是元素宽度或高度的百分比。: 用于设置目标元素的上边框的线型。: 用于设置目标元素的上边框的宽度。: 用于设置目标元素的上边框颜色。r: 用于设置元素的边框颜色。
2023-09-24 14:27:45
17
原创 css3之弹性盒子
弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。弹性盒子可以批量式的改变子元素的布局！。弹性盒子只定义了弹性子元素如何在弹性容器内布局。弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。那么弹性盒子常用于这些场景：1.当一个盒子里的子元素需要垂直居中一个块的内容。
2023-09-13 14:59:40
51
原创 【无标题】
首先了解与区别HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。
2023-09-09 16:13:46
26
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人