- 博客(49)
- 收藏
- 关注
RSS订阅原创 placeholder不显示and模板字符串无效
input框里写了placeholder为什么不显示呢？检查代码，input是否有初始值在 Vue.js 中，v-model是双向绑定的语法糖，它会动态更新输入框的value。如果绑定的数据有初始值（非空），就不会显示，因为它只在输入框内容为空时生效。
2025-06-06 15:05:27
252
原创 Vue 的 v-show 和 v-if 区别?
v-if每次状态切换都伴随着元素的创建和销毁，当条件频繁变化时，这样的操作会带来一定的性能开销。v-show 在初次渲染时无论条件是否满足都会将元素生成到 DOM 中，然后根据条件通过修改 display 属性来决定显示/隐藏。2、v-if适合用于在条件变化不太频繁的情况下使用，因为它每次重新渲染时都会进行完整的 DOM 操作，性能开销较大。v-if 在初次渲染时会根据条件决定是否创建元素，条件为假时，元素不会生成到 DOM 中。v-show 和 v-if 是 Vue.js 中两种常用的指令，都可以用于。
2024-10-12 12:24:48
747
原创 vue2 和 vue3 的区别
vue3用静态标记识别出模板中的静态节点，跳过这些节点的diff过程，减少比较的开销，vue3是在组件级别上执行diff，减少了不必要的比较。vue2通过逐层对比虚拟DOM树的节点，找出差异，这种算法在大型组件树时性能低。3.vue2是选项式API，vue3是组合式API也兼容选项式API。总的来说，vue3的diff算法性能方面进行了改进。2.vue3中没有$set。1.双向绑定的方法不同。4. diff算法不同。
2024-09-18 20:17:54
598
原创 组合式 API 和选项式 API的区别
options API 偏向于填充式，规定了方法应该写在那里，比如 methods，computed，watch 等，而 compositionAPI 更灵活。compositionAPI 全部写在 setup（）中更灵活强大，optionsAPI 更加简明，适用于构建简单的组件。Vue 3 引入的组合式 API 提供了一种更加灵活和可维护的方式来组织组件逻辑。Vue 2 中广泛使用的选项式 API。
2024-09-18 20:08:00
930
原创 寄生组合式继承
3、外部无法直接访问私有属性和方法，要在外部使用，可以在静态方法中调用私有方法。4、chrome浏览器可以调用私有属性和方法，是方便调试。1、静态属性：static定义 类名.属性名直接调用。2、私有属性：#开头 调用#开头。super ：调用父类构造函数。extends ： 继承。通过构造函数继承属性。
2024-09-12 21:00:14
649
原创 宏任务微任务题目
setTimeout、setInterval、requestAnimationFrame、I/O 操作、script（整体代码）Promise.then()、MutationObserver、process.nextTick（在 Node.js 中），如果有微任务队列存在，那么。
2024-09-11 21:34:09
305
原创 防抖节流手撕
思路：单位时间内触发一次，就是定时器。若定时器存在，则不触发，触发完清除定时器。在执行高频事件时，多次请求，易造成资源浪费，在一定时间内才会触发一次。思路：多次点击只触发一次，就是定时器。再次触发会清除上一次的定时器。1、触发频率高：resize input scroll keyup。连续触发事件停止 一段时间后没有再触发 才执行业务代码。定义：防止js高频触发事件浪费性能。防抖就是回城，多次点击只触发一次，一定时间内触发一次 才执行业务代码。2、耗费性能：操作页面、网络请求。节流就是技能，有冷却时间。
2024-09-11 21:30:49
444
原创 websocked心跳检测机制
可能会有某些未知情况导致 socket 断开，而客户端和服务端却不知道，服务端也需要回答一个 心跳 ping 告诉客户端自己可用，否则视为断开。需要客户端定时发送一个 心跳 ping 让服务端知道自己在线。
2024-09-11 11:45:32
218
原创 箭头函数速解
它的this指向外层第一个，默认指向在定义它时所处的对象（父级作用域），不能修改 （继承外层作用域的。，因为箭头函数继承了其外部函数的 arguments 对象（但是可以使用剩余参数（如果只有一个参数，括号可以省略，如。5.this通过词法作用域链继承外层函数的this。如果有多个参数则放在括号里，如。4.箭头函数没有原型prototype。）来获取传递进来的所有参数。，不能new实例对象。
2024-09-11 11:43:56
467
原创 ess6新特性
9、扩展运算符（...）、默认参数、剩余参数、展开语法、Symbol、Proxy、Reflect、生成器（Generator）、异步函数（Async/Await）等，这些特性共同极大地丰富了 JavaScript 语言的功能，提升了开发效率和代码质量。2、箭头函数 不能构建函数 不能new 没.prototype属性 没有this指向 this指向是根据上下文的 往上层查找 没有arguments(参数)1、let、const 块级作用域声明变量和常量。5、Promise 处理异步操作的标准机制。
2024-09-10 20:46:48
492
原创 插槽slot
插槽是 Vue 组件化开发中非常强大且灵活的工具，它使得组件的复用性和可定制性大大提高。通过合理地使用不同类型的插槽，可以构建出更加灵活和可维护的 Vue 应用程序。
2024-09-10 20:43:48
507
原创 组件通信介绍
是Vue中的依赖注入，父子组件之间的通信。使用$children可以让组件访问子组件的实例，但是，$children并不能保证顺序，并且访问的数据也不是响应式的。$listeners：用来获取父组件传递给子组件的事件，但是，$listeners是只读的，不能修改。$attrs：用来获取父组件传递给子组件的属性，但是，$attrs是只读的，不能修改。使用$parent可以让组件访问父组件的实例（访问的是上一级父组件的属性和方法）父组件通过props向子组件传递数据，子组件通过$emit和父组件通信。
2024-09-04 21:02:35
361
原创 响应式布局
1、网页设计方法 根据不同的设备 屏幕尺寸和分辨率 自动调整布局和现实效果 用户体验佳2、是流式布局的特性，根据屏幕大小自动调整布局，适应不同屏幕尺寸3、媒体查询 关键技术 根据不同的设备（高、宽、分辨率）采用不同样式媒体查询的语法：/* 在屏幕宽度小于等于 768px 时应用的样式 *//* 在屏幕宽度大于 768px 且小于等于 1024px 时应用的样式 */width: 80%;/* 在屏幕宽度大于 1024px 时应用的样式 */width: 70%;
2024-09-04 21:01:20
577
原创 flex:1代表什么？
当一个元素设置 “flex:1” 时，它表示这个元素的 “flex-grow”（扩展比例）为 1、“flex-shrink”（收缩比例）为 1、“flex-basis”（初始大小）为 0%。，看起来像是平分父元素空间。然而，如果父元素的空间不足，子元素会根据 “flex-shrink” 的值进行收缩，此时就不是严格意义上的平分空间了。在有多个子元素都设置了 “flex:1” 的情况下，如果父元素有剩余空间，这些子元素会按照相同的比例去扩展以。占据父元素的剩余空间。
2024-09-03 12:52:03
1678
原创 水平垂直居中的方式
父元素设置position:relative;子元素设置position:absolute;(最后移动自身的50%)transform:translate(-50%,-50%);父元素设置display:flex;2、flex弹性布局。
2024-09-03 12:49:51
519
原创 1、深拷贝和浅拷贝的区别
拷贝的是指向这些引用类型值的内存地址，而不是值本身。因此，在原始对象和拷贝对象中，这些引用类型属性实际上是共享同一块内存区域的。这就意味着，如果你修改了拷贝对象中的某个引用类型的属性，这个修改同样会影响到原始对象中的对应属性，因为它们指向的是同一个内存位置。：拷贝的是这些值本身。这意味着在原始对象和拷贝对象中，这些基本类型的值是完全独立的，对一方的修改不会影响到另一方。，修改其中一个对象的属性，另一个对象的属性不变。浅拷贝是拷贝一层，引用类型共享地址。，拷贝的就是基本类型的值。，拷贝的就是内存地址。
2024-07-29 20:24:40
503
原创 深拷贝——JSON.stringify()序列化和JSON.prase()反序列化
创建的是一个全新的对象或数组，与原始对象或数组没有任何引用上的联系，因此可以视为一个独立的副本。方法用于将一个 JavaScript 对象或数组转换成 JSON 字符串。方法用于将一个 JSON 字符串转换回 JavaScript 对象或数组。引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里。将对象和数组的结构及其包含的基本类型数据（如数字、字符串、布尔值等）基本数据类型的特点：直接存储在栈 (stack) 中的数据。使用深拷贝的主要原因是为了创建一个对象或数组的完全。
2024-07-29 16:53:45
817
原创 手撕代码——前端面试（持续更新中...）
为了避免它们被解释为特殊字符，我们需要在它们前面加上反斜杠。这意味着正则表达式引擎会查找字符串中所有匹配的。：这是一个管道符号，在正则表达式中代表“或”的逻辑。也可以将箭头函数赋值给一个变量，这样它就有了名字。“扁平化”（flattening）是指将。来转义，这样它们就仅仅被视为普通字符。多维数据结构转换为一维数据结构的过程。，而不仅仅是找到第一个匹配项就停止。：在正则表达式中，方括号。：这是正则表达式的标志，箭头函数总是未命名的。
2024-07-25 16:39:25
435
原创 script标签中defer和async的区别
如果没有defer或async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样就阻塞了后续文档的加载。
2024-07-24 21:05:41
316
原创 src和href的区别
src和href都是用来引用外部的资源，它们的区别如下：src： 表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。src会将其指向的资源下载并应⽤到⽂档内，如请求js脚本。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执⾏完毕，所以⼀般js脚本会放在页面底部。href： 表示超文本引用，它指向一些网络资源，建立和当前元素或本文档的链接关系。当浏
2024-07-24 21:02:42
331
原创 Vue3.0有什么更新——前端面试
支持自定义渲染：打个比方，这就好比原本要改造一个房子，得把整个房子的结构大改（直接 fork 源码来改），现在有了新办法，只需要根据自己的需求专门打造一些特殊的部件（自定义渲染器）来实现，方便又灵活。3.0将作用于插槽改成函数的方式，这样只影响子组件的重新渲染，提升渲染的性能。这段文本说的是支持 Fragment（可以有多个根节点）和 Portal（能在 DOM 的其他部分渲染组件内容）这两种组件，并且针对某些特殊的场景进行了相应的处理。· 支持 Map、Set 、WeakMap 、WeakSet。
2024-07-23 21:09:38
404
原创 TCP三次握手四次挥手——前端面试
TCP服务器通知高层的应用进程，客户端向服务器的方向就释放了，这时候处于半关闭状态，即客户端已经没有数据要发送了，但是服务器若发送数据，客户端依然要接受。，FIN=1，ack=u+1，由于在半关闭状态，服务器很可能又发送了一些数据，假定此时的序列号为seq=w，此时，握手过程中传送的包里不包含数据，三次握手完毕后，客户端与服务器才正式开始传送数据。，ACK=1，ack=u+1，并且带上自己的序列号seq=v，此时，，ACK=1，ack=w+1，而自己的序列号是seq=u+1，此时，，等待客户端的确认。
2024-07-16 20:51:16
224
原创 简述MVVM？——前端面试
视图（View）可以独立于Model变化和修改，一个Model可以绑定到不同的View上，当View变化的时候Model可以不变化，当Model变化的时候View也可以不变。开发人员可以专注于业务逻辑和数据的开发(ViewModel)，设计人员可以专注于页面设计。你可以把一些视图逻辑放在一个Model里面，让很多View重用这段视图逻辑。层并自动将数据渲染到页面中，视图变化的时候会通知。以前是操作DOM结构更新视图，现在是数据驱动视图。层的桥梁，数据会绑定到。
2024-07-11 15:43:20
315
原创 2024前端面试每日一更——行级元素和块级元素分别有哪些及怎么转换？
行级元素和块级元素分别有哪些及怎么转换？常见的块级元素：p、div、form、ul、li、ol、table、h1、h2、h3、h4、h5、h6、dl、dt、dd常见的行级元素：span、a、img、button、input、select
2024-07-11 14:43:22
481
原创 大数据期末复习——hadoop、hive等基础知识
Hadoop提供了高可用性的解决方案，如HDFS的NameNode HA(高可用性)机制和VARN的ResourceManager HA机制，确保即使在节点故障的情况下，集群仍能保持高可用性，不影响作业的执行。2）Flume：Flume是一个高可用的，高可靠的，分布式的海量日志采集、聚合和传输的系统，Flume支持在日志系统中定制各类数据发送方，用于收集数据。:Hadoop集群提供了丰富的监控和日志记录功能，可以实时监校集群的状态和性能指标，及时发现问题并进行处理，提高集群的稳定性和可靠性，
2024-07-02 17:27:22
1760
原创 蓝桥杯——lambda匿名函数讲解及用法
定义一个学生结构体类型student，包括4个字段，姓名、性别、年龄和成绩。然后在主函数中定义一个结构体数组（长度不超过1000），并输入每个元素的值，将学生按照成绩从小到大的顺序排序，然后输出排序的结果。接下来N行每行描述一个元素，姓名、性别都是长度不超过20的字符串，年龄和成绩都是整型。它可以具有任意数量的参数，但只能有一个表达式，只能通过赋值给变量或作为参数传递给其他函数来使用。按成绩从小到大输出所有元素，若多个学生成绩相同则成绩相同的同学之间保留原来的输入顺序。
2024-03-28 11:05:43
561
原创 双指针法中对反转的解释：words[left],words[right]=words[right],words[left]
解释: 输入字符串可以在前面或者后面包含多余的空格，但是反转后的字符不能包括。解释: 如果两个单词间有多余的空格，将反转后单词间的空格减少到只含一个。对于刚接触的宝宝来说可能会想不明白，其实很简单,就好比赋值。给定一个字符串，逐个翻转字符串中的每个单词。输入: " hello world!输入: "a good example"输入: "the sky is blue"输出: "blue is sky the"输出: "example good a"输出: "world!
2024-03-18 16:55:02
191
原创 hashmap.get()的解释和用法
方法的作用是在字典中查找指定键的值。如果键存在，则返回对应的值；如果键不存在，则返回默认值（如果提供了默认值），否则返回。value = hashmap.get('a', 0) + 1那这里的0什么意思？是字典（哈希表）的一个方法，用于获取指定键的值。方法中的作用是在键不存在时提供一个。
2024-03-17 16:33:11
1289
1
原创 2023操作系统期末——简答题预判
多个进程在运行过程中因争夺资源而造成的一种僵局，当进程处于这种僵持状态时，若无外力作用，它们都将无法向前推进。
2024-01-09 21:07:20
1214
1
原创 加速查看sbt版本信息 [info] [launcher] getting org.scala-sbt sbt 1.3.8 (this may take some time)...
./sbt sbtVersionJava HotSpot(TM) 64-Bit Server VM warning: ignoring option MaxPermSize=256M; support was removed in 8.0[info] [launcher] getting org.scala-sbt sbt 1.3.8 (this may take some time)...
2024-01-03 21:13:13
1662
2
原创 python蓝桥杯备考——数据类型讲解
用法：集合类型用于表示无序的唯一元素的集合，支持集合运算（如并集、交集、差集等）和成员关系测试。虽然集合和字典是可变的数据类型，但集合的元素必须是可哈希的（不可变的），而字典的键必须是可哈希的。- 区别：字符串是一个由字符组成的序列，可以包含字母、数字、符号、空格、转义字符。- 用法：表示带有小数点的数值，可以进行基本的数学运算，如加减乘除和取模运算。- 用法：元组类型用于表示有序的不可变序列，可以包含不同类型的元素，支持。- 用法：列表类型用于表示有序的可变序列，可以包含不同类型的元素，支持。
2023-12-28 21:09:40
1001
1
原创 python蓝桥杯备考——文件处理
`'w+'`：以读写模式打开文件，如果文件存在，则清空文件内容，如果文件不存在，则创建新文件。- `'w'`：以写入模式打开文件，如果文件存在，则清空文件内容，如果文件不存在，则创建新文件。- `'a+'`：以读写模式打开文件，在文件末尾进行写入操作，如果文件不存在，则创建新文件。- `'a'`：以追加模式打开文件，在文件末尾进行写入操作，如果文件不存在，则创建新文件。- `'r'`：以只读模式打开文件，文件指针位于文件开头（默认模式）。- `'r+'`：以读写模式打开文件，文件指针位于文件开头。
2023-12-26 22:23:56
1809
1
原创 python蓝桥杯备考——数学计算和逻辑运算
使用`//`符号进行整数除法操作，结果将会是整数。例如：`a // b`例如：`a % b`使用`>=`判断一个值是否大于等于另一个值。例如：`a >= b`使用`
2023-12-26 21:58:21
514
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人