- 博客(39)
- 收藏
- 关注
原创 说说重绘和回流的区别,可看最后总结
当元素的布局发生变化(如尺寸、位置、内容等),浏览器需要重新计算元素的位置和尺寸,并重新渲染整个页面或部分页面。当元素的外观发生变化(如颜色、背景、字体等),但布局没有改变时,浏览器会重新绘制该元素。
2025-04-02 10:21:46
115
原创 说说伪元素和伪类的区别
◦ 伪元素:选择的是元素的某一部分内容(如 ::before、::first-line)。◦ 伪类:选择的是元素的状态或位置(如 :hover、:first-child)。◦ 伪元素:以双冒号 :: 开头(旧语法也支持单冒号,但双冒号是推荐的写法)。2. 伪元素可以插入生成内容(如 ::before 和 ::after)。• :first-child:选择父元素的第一个子元素。• ::first-letter:选择元素的第一个字母。• ::first-line:选择元素的第一行文本。
2025-04-02 10:17:05
257
原创 前端面试题之CSS中的box属性
box-sizing:控制盒子模型的计算方式。box-shadow:为元素添加阴影效果。:定义装饰在分页或分列时的行为。
2025-04-02 10:11:03
409
原创 在react当中实现pc端三个点展开操作栏,在移动端长按展开操作栏。
◦ && 是逻辑与运算符,在这里的作用是:如果左边的表达式为 true,则渲染右边的 JSX 内容;,因为 React 需要知道要渲染什么内容到 DOM 中,我使用箭头函数,其中的e是传递的dom元素,conversation是传递的数据。mediaQuery.matches 是一个条件判断,表示对 mediaQuery.matches 取反。当按下鼠标键是,则开始进行计时,如果在规定时间内没有抬起鼠标则触发相关事件反之则清除定时器,以防污染。是一个布尔值,表示当前的媒体查询条件是否匹配。
2025-04-02 09:56:05
425
原创 vue3中el-select v-model=““给v-model默认值一些注意事项;
这个主要是实现做一个项目详情的功能,返回回来的是数字1或者2,那当我们渲染详情项目的时候了,该如何显示相对应的中文了?这个中的v-model="projectInfo.speed的值是1;v-model会根据el-option的数字来找相对应的lable。我们需要加上:就可以了在value上。
2024-10-22 11:17:47
465
1
原创 module
`<script src="./staticImg/d3/plot.js"></script>`: 类似地,这一行引入了另一个JavaScript文件`plot.js`,这个文件可能包含了使用`d3.js`定义的一些自定义绘图函数或对象。`: 同样地,这行代码将`d3`对象(从`d3.js`引入)赋值给`window`对象的`d3`属性。综上所述,这些代码片段共同作用于创建一个环境,使得可以使用`d3.js`和自定义的`plot.js`来渲染图表到ID为`app`的`<div>`元素中。
2024-10-10 09:41:10
539
原创 使用vite创建react项目
my-react-app是你的项目名称你可以自己修改。选择react就可以,当然vue也是可以的哈。,可以通过 npm 或 Yarn 来安装它。选择过后就会让你选择是否使用ts还是js。如果你还没有全局安装。这样你的项目就创建好了。
2024-09-30 09:19:54
527
原创 说说js中的find和filter,并说说他们的使用场景;;;;;
方法会对数组中的每个元素执行一个提供的函数,直到找到第一个使函数返回true的元素为止,然后返回这个元素。如果找不到这样的元素,则返回undefined。
2024-09-27 08:55:41
273
原创 myChart.on如何传递原有属性和附加属性。
(这应该是一个echarts图表实例)添加一个点击事件监听器。当用户点击图表时,会执行给定的回调函数。这个回调函数接收一个参数。,它包含了关于点击事件的信息,比如点击的位置以及点击的是图表的哪一部分等。应该是从事件对象中提取出来的,表示被点击图表的标识符。是从上面的事件监听器传递进来的,而。
2024-09-25 11:41:01
500
原创 git的一些常用基本的命令,最最最最最常用的
git restore --staged git commit -m "你的描述"git checkout
2024-09-19 16:03:41
151
原创 前端怎么把两个字符串数组转换成一个数字数组;
将每一对数字构造成 [num1, num2] 形式,并推入 data 数组,[numericDatas[i]就是下标为0.第一个字符串数组,每循环一次i加1。检查 element.datas 是否存在并且是一个数组。把下面的两个datas字符串数据转换成一个数字数组。使用 map 方法将每个字符串转换为数字。使用forEach遍历每一条数据。转换成这样的,效果如下。
2024-09-19 14:30:06
421
原创 如何让echarts中title可以旋转以及在四周加上title
style.tex是设置名称,style.fill是设置颜色;style.fontSize是设置大小;elements.rotation: Math.PI / 2,这个属性用来旋转文本的。left、bottom、top等是设置他的位置使用center就是居中对齐。1.在graphic使用elements这个属性;2.设置title需要几个title你就设置几个;style是设置他的样式益对象的形式出显;
2024-09-12 11:02:53
521
原创 在echarts中如何让四边都有黑色实现
很简单,我们只需要在grid的组件中加上show:true就可以了, borderWidth: 1,是线的宽度;borderColor: "#000",是线的颜色,这样你就不需要再在X轴和Y轴上加线了,而且使用show:true他放大和缩小都是随着图表的。需要达到这种的效果如下。
2024-09-12 10:54:01
203
原创 Ecarts如何实现多表联动。
1.使用group进行分组,在每个Echarts的配置项中添加group属性,3.若想要解除已有的多图表联动,则可以调用disConnect()方法。2.使用connect属性把所有为group1的图表进行关联联动。调用disConnect方法。
2024-09-03 17:55:49
180
原创 在Axois当中遇到请求头需要携带特殊参数怎么处理。
是 JavaScript 中的一个全局函数,用于对 URI 组件进行编码,使其安全地用作 URL 的一部分。下面的请求中headers请求的携带参数是一个特殊字符串,我们要怎么进行转换然后进行请求了?之外的所有保留字符、ASCII 标点符号和其他非字母数字字符进行编码。进行编码就可以了,如果浏览器上和请求头的编码不一样的话,你可以用一个。使用unicode进行转义编码。请求路径拼成字符串路径。请求路径拼成字符串路径。
2024-09-03 08:33:39
316
1
原创 如何在一个表中添加一行数据或者多行数据
下面这一行代码的作用是,一次开启和一次关闭是一起的。添加事件使用 push的方法就可以了。实现点击加号按钮增加两行表格。
2024-09-02 18:20:02
372
原创 在element plus中如何带参数发送请求;避雷···········
在element plus的官方文档中可以看到有一个data的属性,这个就加上你要携带的参数就可以了!onSuccess是el-upload的生命周期钩子,这个的意思就是,在请求完成后需要做一些什么。使用el-upload的组件。加上:data = "{
2024-08-27 17:24:32
429
原创 今日面试题,ajax和axios的区别,你知道嘛???
如果你需要一个轻量级、易于使用的解决方案,并希望利用现代 JavaScript 的特性,那么 Axios 可能是更好的选择。如果你只需要基本的 AJAX 功能,并且不想引入额外的依赖,你可以使用原生的或者简单的 AJAX 库。在实际开发中,Axios 因为其易用性和功能丰富而成为许多开发者首选的库。
2024-08-26 16:52:14
424
原创 说说ES6中let const 以及var的区别???
首先let命令:ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
2024-08-19 15:14:25
311
原创 你知道js中的变量提升嘛?
在JavaScript中,变量提升(Hoisting)是一种特殊的机制,它允许你在声明变量之前就使用这些变量。这种行为可能会让初学者感到困惑,因为它似乎违反了编程中常见的先声明后使用的规则。这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。变量可以在声明之前使用,
2024-08-19 15:06:32
101
原创 filter的使用(数据过滤),超~简~单~
我们需要把从后端拿回来的数据进数据过滤然后分组成自己想要的数据。这是发送请求,拿到后端传回来的数据并进行数据过滤;我们定义一个数据item1来存放,使用filter来进行过滤(是否存在“I_”和“【A】”)includes()方法接受参数,并且是用来检查字符串中是否包含特定的子串。这里需要注意的是我这是在vue3中这样使用如果是原生js的话好像filter()eitem1。
2024-08-19 14:52:48
909
原创 浏览器localStorage的使用。
是 JavaScript 中的一个方法,用于将一个 JavaScript 对象或值转换为 JSON 字符串。这在你需要通过网络发送数据或将数据保存到文件时非常有用,因为 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。是 JavaScript 中的一个全局方法,用于将一个 JSON 格式的字符串解析成 JavaScript 对象或其他值。我这边需要存储这样的所有写成这样,你需要什么格式的你自己封装就可以。这样你的存储就可以了。
2024-08-16 14:57:19
283
原创 UEditorPlus + vue3使用的一些坑,避雷雷雷雷~~~~~(富文本)
nini UEditorPlus是一个基于百度UEditor二次开发的富文本编辑器,它由ModStart团队开发,并且通常遵循MIT开源协议。
2024-08-16 14:30:55
449
1
原创 npm install报错提示证书过期CERT_HAS_EXPIRED
这个错误是由于您尝试连接的服务器上的SSL证书已过期。这不是您可以直接修复的问题,因为需要服务器所有者更新他们的SSL证书。请注意,这种做法不推荐在生产环境中使用,因为它会使您的连接不安全。只有在服务器的SSL证书更新之前,才应作为临时解决方案使用。运行此命令后,再次尝试您的npm命令。一旦您完成,或者SSL证书问题解决了,您应该将。然而,您可以通过告诉npm对此请求不需要SSL来临时绕过此问题。,以重新启用严格的SSL。
2024-08-15 09:06:39
438
原创 如何实现在失去焦点的字符串中在中间插入值,模拟虚拟键盘。
blur指令被用来监听 DOM 元素上的blur事件。blur事件会在输入元素失去焦点时触发。
2024-08-13 08:37:53
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人