摘要：
React 使用的Redux, action type 抽离成常量好还是直接写死好？ 在React与Redux结合进行状态管理时，将action type抽离成常量是一种更推荐的做法，而不是直接写死在代码中。原因如下： 减少错误： 如果直接在action creator或reducer中硬编码字符串
阅读全文
posted @ 2024-01-29 16:12
龙陌
阅读(57)
推荐(0)
摘要：
preflight request，即预检请求（Pre-flight Request），是浏览器在发送实际的CORS（Cross-Origin Resource Sharing，跨源资源共享）请求之前进行的一种HTTP OPTIONS方法的请求。当发起一个非简单请求时（例如使用了自定义头信息、PUT
阅读全文
posted @ 2024-01-29 12:13
龙陌
阅读(619)
推荐(0)
摘要：
在 for 循环中根据索引删除数组元素时，应当特别注意以下问题： 直接修改循环变量： 在 JavaScript 或其他一些语言中，如果你直接使用 for 循环遍历数组并删除当前迭代的元素，将会导致索引错乱。因为当你删除一个元素后，数组的长度会减小，但循环的索引并不会因此自动调整。 索引越界： 删除元
阅读全文
posted @ 2024-01-29 11:49
龙陌
阅读(620)
推荐(0)
摘要：
在编写布局样式时，对于类名的选择如 area、container、wrapper 和 box 等具有语义的名称是非常重要的，它们可以帮助开发者和维护者更好地理解 HTML 结构与功能。以下是一些最佳实践以及何时使用这些类名的理由： container： 通常用于包裹整个页面或特定区块的主要内容容器。
阅读全文
posted @ 2024-01-28 18:09
龙陌
阅读(618)
推荐(0)
摘要：
为什么不使用mouseenter和mouseleave 之所以不总是首选mouseenter和mouseleave，是因为它们在某些场景下可能不如mouseover和mouseout通用， 尤其是在需要处理包含复杂嵌套结构的组件时，有时候开发者会更关心鼠标在整个组件及其子元素范围内的进出行为， 这时
阅读全文
posted @ 2024-01-27 11:20
龙陌
阅读(30)
推荐(0)
摘要：
在现代浏览器中，使用event.key属性来监听键盘按键是更好的做法。这是因为event.keyCode已经被弃用，并且在不同的浏览器和设备上可能会有不同的行为。 根据MDN文档： event.keyCode: 这个属性已经废弃，不推荐使用，因为它对于同一字符在不同布局下可能返回不同的值。 even
阅读全文
posted @ 2024-01-27 10:54
龙陌
阅读(286)
推荐(0)
摘要：
try-catch语句块可以包含finally子句。finally子句是可选的，并且在try-catch语句块中的异常处理完成后始终会执行，无论是否发生异常。 无论异常是否被捕获，finally子句中的代码都会被执行。这使得finally子句非常适合用于释放资源或执行清理操作，以确保代码的一致性和完
阅读全文
posted @ 2024-01-24 23:33
龙陌
阅读(81)
推荐(0)
摘要：
撤销（Undo）和恢复（Redo）是常见的编辑操作，它们通常有一些常用的快捷键，但这可能因应用程序和操作系统而有所不同。以下是一些常见的快捷键： 撤销（Undo）： Windows/Linux: Ctrl + Z macOS: Command + Z 恢复（Redo）： Windows/Linux:
阅读全文
posted @ 2024-01-21 18:31
龙陌
阅读(2488)
推荐(0)
摘要：
后端返回的消息表示后端处理成功： 当后端接收到前端请求并成功处理后，通常会返回一个消息（例如，JSON 数据或其他形式的响应）。这个消息可能包含了成功的状态码、操作成功的提示信息等。这仅表示后端在处理请求时没有出现问题，并且已按照预期执行相应的操作。 前端逻辑完成后显示操作成功： 尽管后端返回操作成
阅读全文
posted @ 2024-01-21 18:26
龙陌
阅读(1105)
推荐(0)
摘要：
margin上边距下边距覆盖 首先，我们知道水平间距不会重合覆盖 但是，两个或多个块级盒子的垂直相邻边界会重合。 边界宽度结果的如下： 如果都是正值：相邻边界宽度中最大的值。 如果有一个负值：在最大的正边界中减去绝对值最大的负边界。 如果都是负值：从零中减去绝对值最大的负边界。 但是，事有例外，下面
阅读全文
posted @ 2024-01-21 18:24
龙陌
阅读(52)
推荐(0)
摘要：
text-overflow:ellipsis 设置超出省略号不管用的原因可能是哪些 text-overflow: ellipsis 设置超出文本内容显示省略号（…）可能不管用的原因有以下几点： 容器宽度没有限制： text-overflow: ellipsis 与 overflow: hidden
阅读全文
posted @ 2024-01-21 17:53
龙陌
阅读(1705)
推荐(0)
摘要：
注意 当鼠标悬浮在DOM元素上时，显示的宽度和高度通常是包含padding但不包含margin的。 这是因为padding表示元素内容和边框之间的空间，而margin则表示元素边框和周围元素之间的空间。 常用的，给div设置高度，然后使用padding设置空隙。 css margin和padding
阅读全文
posted @ 2024-01-21 17:49
龙陌
阅读(95)
推荐(0)
摘要：
在vue3中什么场景应该封装hooks什么场景封装utils 在Vue 3中，Hooks和Utils分别适用于不同的场景： Hooks： Vue 3引入了Composition API，其中的setup()函数内可以定义和使用自定义hooks。 自定义hooks通常用于封装与组件状态、生命周期相关的
阅读全文
posted @ 2024-01-21 17:48
龙陌
阅读(1046)
推荐(0)
摘要：
CMS CMS是内容管理系统的缩写，全称为Content Management System。它是一种软件工具或平台，用于创建、编辑、组织和发布数字内容，如网站页面、文章、图片、视频等。 CMS的主要目的是简化内容管理过程，使非技术人员能够轻松管理和更新网站内容，而无需编写代码或了解复杂的技术知识。
阅读全文
posted @ 2024-01-21 16:56
龙陌
阅读(586)
推荐(0)
摘要：
在前端JS开发中，通常的方法书写顺序如下： 变量声明和初始化 内部方法定义 外部方法定义 初始化函数 事件监听方法定义 用户触发的动作方法定义 这个顺序的主要目的是提高代码的可读性和可维护性。按照这个顺序，可以使代码更加清晰、易于理解和修改。 变量声明和初始化应该在前面，因为它们是代码中最基本的部分
阅读全文
posted @ 2024-01-21 16:03
龙陌
阅读(97)
推荐(0)
摘要：
前端工具类utils和helpers的区别在于它们所提供的功能和使用场景。 通常来说，前端工具类utils是提供一些通用的方法，可以用于多个模块或组件之间的调用。工具类utils通常包含了一些常用的辅助方法，例如日期处理、字符串处理、数组操作、对象操作等等。它们的主要目的是为了提高代码复用性和简化代
阅读全文
posted @ 2024-01-20 13:39
龙陌
阅读(595)
推荐(0)
摘要：
lodash 和 lodash-es 是 Lodash 库的两个不同的形式，主要区别在于它们的模块化和引入方式。 模块化： lodash: 是传统的 CommonJS 模块，可以使用 require 或者 import 来引入。 const _ = require('lodash'); // 或者
阅读全文
posted @ 2024-01-18 23:58
龙陌
阅读(5159)
推荐(1)
摘要：
在 ECharts 折线图中，当 x 轴的文字在左右边界位置显示不全时，可以尝试以下几种方法来解决： 调整容器大小： 确保图表容器（div）的宽度足够容纳所有 x 轴标签，或者根据实际情况动态设置容器宽度。 旋转标签文字： 使用 xAxis.axisLabel.rotate 属性来旋转标签，使其倾斜
阅读全文
posted @ 2024-01-15 00:23
龙陌
阅读(4865)
推荐(0)
摘要：
下面是一个使用 SCSS 编写的 util，用于创建毛玻璃特效的背景图片，并确保文字不被遮挡。该 util 使用 ::before 伪元素来创建毛玻璃效果，同时在伪元素上添加文字，以确保文字显示在图片上方。 @mixin glassBackground($imageUrl, $textColor:
阅读全文
posted @ 2024-01-14 23:00
龙陌
阅读(92)
推荐(0)
摘要：
TDD（Test-Driven Development）是一种软件开发方法，其中开发人员在编写实际代码之前编写测试用例。TDD 的基本思想是在开发过程中先编写测试，然后编写足够的代码来通过这些测试。 TDD 的一般流程通常包括以下阶段： 编写测试用例（Test）： 开发人员首先编写一个测试用例，该用
阅读全文
posted @ 2024-01-14 13:43
龙陌
阅读(170)
推荐(0)
摘要：
在写css样式的时候，hover,active,focus等先后顺序应该是什么样的 在CSS样式表中，当针对链接或者按钮等元素设置不同状态（如hover、active、focus）时，推荐的书写顺序是按照它们之间覆盖关系和用户交互的逻辑顺序进行排列。以下是一般情况下建议的顺序： /* 链接的基本样式
阅读全文
posted @ 2024-01-13 22:58
龙陌
阅读(390)
推荐(0)
摘要：
js中的对象，如果赋值给多个变量，那么会有性能问题吗？ 在JavaScript中，将一个对象赋值给多个变量时，并不会直接导致性能问题。当一个对象被赋值给多个变量时，实际上这些变量都会引用同一个对象，即它们指向内存中的同一块地址。这种行为称为“对象引用”。 例如： const obj = { a: 1
阅读全文
posted @ 2024-01-12 22:15
龙陌
阅读(167)
推荐(0)
摘要：
TotalFinder的工作原理与普通Finder一样，但添加了选项卡、双面板、彩色标签和许多其他功能。 TotalFinder是一个插件，而不是替代品 请记住，TotalFinder是一个插件，在您启动TotalFinder.app时会加载到Finder中。它不会修改磁盘上的Finder文件。 T
阅读全文
posted @ 2023-11-26 22:58
龙陌
阅读(517)
推荐(0)
摘要：
XcodesApp 地址：https://github.com/RobotsAndPencils/XcodesApp ⭐️：3.6k 语言：Swift 作为一名 Apple 开发者，你的 macOS 上是否经常会安装多个版本的 Xcode 呢？特别是当 Xcode 新的测试版本出来后。然后是否需要经
阅读全文
posted @ 2023-11-26 22:40
龙陌
阅读(486)
推荐(0)
摘要：
(function() { var x=foo(); var foo=function foo() { return "foobar" }; return x; })(); 上面这段代码运行后的输出是 A foo() B 类型错误 C undefined D foobar 正确答案：B var fo
阅读全文
posted @ 2023-11-16 14:51
龙陌
阅读(49)
推荐(0)
摘要：
以下哪个选项的描述是错误的 A iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载 B iframe的创建比一般的DOM元素慢了1-2个数量级 C iframe标签会阻塞页面的的加载 D iframe本质是动
阅读全文
posted @ 2023-11-16 14:49
龙陌
阅读(92)
推荐(0)
摘要：
下面关于Promise的all方法说法错误的是（ ） A promise.all(iterable)，参数是一个数组 B 只有这个数组中的所有promise实例都resolve之后才会触发其返回的promise实例的then C 只要其中有任何一个promise实例被reject，那么最终的prom
阅读全文
posted @ 2023-11-16 14:45
龙陌
阅读(73)
推荐(0)
摘要：
下面对this对象的理解,哪些是正确的 A this总是指向函数的直接调用者（而非间接调用者）； B 如果有new关键字，this指向new出来的那个对象； C 在事件中，this总是指向触发这个事件的对象； D this是函数运行时自动生成的一个内部对象，只能在函数内部使用； 正确答案：B 在事件
阅读全文
posted @ 2023-11-16 14:40
龙陌
阅读(43)
推荐(0)
摘要：
执行下列选项的程序，输出结果不是Window对象的是（） A setTimeout(function(){ console.log(this); },1000); B function Star(){ console.log(this); } new Star(); C var o = { sayH
阅读全文
posted @ 2023-11-16 14:36
龙陌
阅读(30)
推荐(0)
摘要：
javascript中实现跨域的方式总结 第一种方式：jsonp请求；jsonp的原理是利用标签的跨域特性，可以不受限制地从其他域中加载资源，类似的标签还有. 第二种方式：document.domain；这种方式用在主域名相同子域名不同的跨域访问中 第三种方式：window.name；window的
阅读全文
posted @ 2023-11-16 14:27
龙陌
阅读(47)
推荐(0)
摘要：
下列选项中，能正确调用和运行函数的是（） A (function(){ console.log(1); }) B fun(); function fun(){console.log(1)} C fn(); var fn = function(){console.log(1);}; D var fn
阅读全文
posted @ 2023-11-16 14:24
龙陌
阅读(40)
推荐(0)
摘要：
在浏览器控制台中执行以下代码，输出的结果是 function test() { var n = 4399; function add(){ n++; console.log(n); } return {n:n,add:add} } var result = test(); var result2 =
阅读全文
posted @ 2023-11-16 14:18
龙陌
阅读(43)
推荐(0)
摘要：
D选项会立即执行： 因为setTimeout()会先判断第一个参数是否为「function」，如果不是，则会尝试将它当作字串处理。换句话说，会将checkState()执行后的回传值转为字符串，没有回传值，那就是undefined，于是 变成window.setTimeout(”undefined"
阅读全文
posted @ 2023-11-16 14:10
龙陌
阅读(31)
推荐(0)
摘要：
执行以下程序，输出结果为（） function Father(age){ this.age = age } function Son(age){ Father.call(this); } Son.prototype = Father.prototype; Father.prototype.getAg
阅读全文
posted @ 2023-11-16 14:04
龙陌
阅读(33)
推荐(0)
摘要：
执行以下程序，下列选项中，输出结果正确的是（） for(var i = 0;i<2;i++){ setTimeout(function(){console.log(i)},0) ....① } for(var i = 0;i<2;i++){ (function(i){ setTimeout(func
阅读全文
posted @ 2023-11-16 13:59
龙陌
阅读(22)
推荐(0)
摘要：
下面哪些语句可以 在JS里判断一个对象是否为String类型？ A oStringObject instanceof String B typeof oStringObject == 'string' C oStringObject is String D 以上答案都不正确 正确答案：A JS 中值
阅读全文
posted @ 2023-11-16 12:44
龙陌
阅读(34)
推荐(0)
摘要：
请问函数test最终输出的值是多少？ var a = 1; function test() { console.log(a); if(false) { var a = 2; } } test(); A 1 B 2 C undefined D null 正确答案：C Javascript分为预处理阶段
阅读全文
posted @ 2023-11-16 12:37
龙陌
阅读(69)
推荐(0)
摘要：
执行以下程序，输出结果为（） var a = 2; function fn(){ b(); return ; var a = 1; function b(){ console.log(a); } } fn(); A 1 B 2 C undefined D 抛出异常 正确答案：C 虽然return 语
阅读全文
posted @ 2023-11-16 12:31
龙陌
阅读(64)
推荐(0)
摘要：
执行以下程序，下列选项中，说法正确的是（） var obj = {brand:'华为',price:1999}; Object.defineProperty(obj,'id',{value:1}) Object.defineProperty(obj,'price',{configurable:fal
阅读全文
posted @ 2023-11-16 12:24
龙陌
阅读(120)
推荐(0)
摘要：
下列说法正确的是() A 每个JS对象一定对应一个原型对象，并从原型对象继承属性和方法 B 对象的__proto__指向自己构造函数的prototype C Object.prototype. proto null，说明原型链到Object.prototype终止 D 表达式 Function.pr
阅读全文
posted @ 2023-11-16 12:13
龙陌
阅读(28)
推荐(0)
浙公网安备 33010602011771号