- 博客(46)
- 收藏
- 关注
RSS订阅
原创 AI时代已来，我们该如何培养创造力
历史的进程浩浩荡荡，变革总在不知不觉中悄然萌芽。AI 时代我们该如何培养创造力？这篇斯坦福教授的观点，分享给大家
2023-03-29 19:10:38
3796
1
原创 echart 踩坑之：图表设置了宽高，却仍然报错Can‘t get DOM width or height.
我是在 el-tab 页签下使用的 echarts ，有多个 tab-pane，每个 tab-pane 下都有图表，都是最基础的柱状图，每个 echarts 容器都设置了宽高。但是疑问又来了(没办法，人菜问题多)，el-tab 的标签页下我都是写的独立的组件，标签页切换的时候，原来页签的元素不应该都隐藏了吗？上，发现原来是不同标签页下的容器 id 我都写成了一样的，随后我把 id 改成不一样的后，问题就解决了。获取元素的时候出了问题，毕竟如果元素获取出问题的话，那自然元素的宽高也就获取不到了。
2024-08-07 23:54:34
219
原创 elementplus如何实现dialog遮罩层外的元素可以被操作点击
element plus 组件库中的 dialog 组件可以说是使用频率最高的组件之一，它的效果是弹出一个对话框，外面默认会有一个蒙层。现在我碰到的需求是，弹窗要正常显示，但是蒙层下面的元素内容又是可以点击的，如何实现呢？以下是我的解决代码（vue）首先是 HTML 部分然后是 css 代码来解释一下：要实现蒙层外面的内容可以点击被操作，核心是用到了 这个属性用于控制元素是否能成为鼠标事件的目标。常见的两个值auto：这是默认值。元素可以响应鼠标事件。none：元素不会成为鼠标事件的目标。即鼠标事
2024-06-21 17:52:02
1105
2
原创 解决：.prettierrc 配置完后，自动保存并没有格式化代码
这个时候再 ctrl s 保存后，代码就已经按照配置的要求进行格式化了：双引号变成了单引号，分号去掉了。然后选择 configure default formatter…那么可以试下我的解决方法，很简单：鼠标右键，选择。然后选择 prettier 即可。问题解决，特此记录，希望能帮到你。
2023-07-16 18:03:39
1487
原创 实现一个通用的函数柯里化的函数
这篇文章会一步一步带你实现一个通用的函数柯里化的函数，即使你完全不懂柯里化这个概念也没关系，我会先介绍柯里化函数的概念，然后以**实现一个完整的判断变量类型的函数**的例子来让你直观体验函数柯里化，然后再实现一个通用的函数柯里化函数。
2022-11-23 21:06:14
781
原创 el-checkbox-group 点击box 没反应，无法取消勾选（记一次debug的思路）
今天工作时，碰到了项目代码中一个bug，表现出来的效果是：el-checkbox-group 点击 box 没反应，无法取消勾选。也就是 box 默认是被勾选上的，但是点击取消勾选却没反应。问题看起来还是比较奇怪，当然，最后bug还是被找出来了，这篇文章就来记录和分享一下我找问题的思路...
2022-06-06 17:32:22
5658
原创 水平垂直居中的常见实现方式
本文记录四种在CSS中常见的，实现水平垂直居中的方式，这些知识属于偏记忆性的东西，经常写就不会忘，隔一段时间没看的话有时候就想不起细节了。所以，本文的主要目的还是做记录，方便忘记时回顾复习。首先，我们应该考虑的是要实现垂直居中的元素，它是行内元素，还是块级元素。对于行内元素来说，实现方式就比较简单了：水平居中用`text-align: center`；垂直居中把`line-height`的值设置为 `height` 的值行了。下面主要来写一下对于块级元素的垂直居中实现方式
2022-04-26 11:49:49
545
原创 详解 JS 中 a.x = a = {} 到底发生了啥？（图文并茂，包你看懂）
直奔主题，先贴上代码： let a = {n:1} a.x = a = {n:2} console.log(a.x)console.log(a.x) 输出什么呢？作为一个初学者，我的第一反应还是挺懵的，尤其是对于a.x = a = {n:2}这一句，非常地不理解。于是，我去查了一些资料，并且不断尝试修改代码，经过一系列折腾之后，我终于搞懂了，觉得这题可真有意思。按捺不住内心的开心与激动，想借此机会把我对于这段代码的理解，赶紧记录下来。一来是方便以后自己查看，同时也希望能帮到同样搞不明白的你们。
2022-04-22 23:14:49
890
原创 前端下载 “不支持打开该类型文件或文件已损坏“问题
前端下载，文件无法打开，你有没有用到 new Blob([res]) ？一起来看看问题是不是出在这里！
2022-04-08 10:41:52
8272
3
原创 关于对 Array.from() 浅复制的理解
今天翻红宝书，看到 P139 页的时候，发现有一个地方不是很理解：如下图：浅复制？浅复制我知道，代表二者还是指向同一块内存地址呀~所以 a1 和 a2 指向的应该是同一个数组，那么 a1 === a2 为什么为 false 呢？带着疑问我去控制台试验了一下：我更加疑惑了，这不是浅复制啊？经过思考和请教之后，我发现书中的“浅复制” 应该指的是对数组元素的浅复制，而不是对数组的浅复制。继续看图：这下算是明白了，特此来记录一下。有理解不对的地方，欢迎指正。...
2022-03-25 09:35:09
578
2
原创 ant design vue 的 description组件中 label 默认样式的更改
两种方法，修改 ant design vue 中 description 组件的 label 样式
2021-12-02 17:38:30
7766
原创 antdv 踩坑之 transfer 的表格穿梭框 报错 custom validator check failed for prop “dataSource“
这两天项目中碰到了从一张表格中选择数据然后显示到另一张表格中的需求。然后在 antd 中找到了 transfer 组件，其中的表格穿梭框可以满足需求，如图：然后我就copy了它的代码示例，并且在它的基础上改动了一部分字段名后发现，竟然报错了，如图dataSource ？可是我代码中根本都没用到 dataSource 啊，真的是对着文档看了好久，同时也问了身边的同事，最后找到了问题所在：原因出在，左边的table源数据里，每一行的数据中，必须要有一个字段的名称是 title ，也就是 titl.
2021-11-18 15:29:12
3656
3
原创 avue-crud 通过行状态来自定义显示编辑按钮
从 avue-crud 的官方文档中我们可以知道，操作栏的按钮是否显示是通过 option 中相应的 Boolean 值控制的，比如：delBtn 对应删除按钮editBtn 对应编辑按钮但是，这种控制是会对整个表格生效的，那如果我想根据行状态来自定义控制每一行的按钮是否显示呢？该怎么做？我的做法是根据官网的例子，用自定义插槽实现 <template slot="menu" slot-scope="{ row, index }"> <el-button.
2021-11-10 15:30:36
4711
7
原创 别再只会用for循环了！试试for in和for of 啊！
作为一个菜鸟程序员，在写 JS 代码的过程中会经常碰到需要循环遍历数组的情况：其中数组的元素是对象，对象中又有许多的属性，就像下面这个小例子： books: [ { id: 1, name: '《算法导论》', date: '2006-9', price: 85.00, count: 1 }, { id: 2,
2021-08-02 10:11:42
202
原创 一张图搞懂 line-height 行间距 行内文本框之间的关系
如果对于 line-height，font-size，行间距，行内文本框之间的关系不是很清楚，不妨仔细看看下面这张图。总结一下：line-height：代表的是文本基线之间的距离，对应上图中红色框的高度行间距：可由公式行间距 = line-height - font-size 计算行内框：文本行中的每一个元素都会生成行内框，就是图中的棕色框框，除去文字内容外，棕色框框的顶部和底部也许会有高度，是否会有高度，取决于是否有行间距，行间距的一半就是棕色框框顶部或底部的高度。看到这里，对于四者之间的
2021-07-28 16:46:37
434
原创 JS函数调用中this的指向问题详解
JS函数调用中this的指向问题详解函数调用中的this在讨论函数调用中的this指向问题之前，我们首先需要知道为什么会有这样的问题，换个说法，也就是说在函数调用的过程当中，this是从哪儿冒出来的。实际情况是这样的：当函数被调用时，除了声明时规定需要接收的形式参数外，函数还会接收两个参数，分别是this和arguments，因此函数调用方式的不同就会导致this的指向不同。在js中函数的调用模式有4种:方法调用模式，函数调用模式，构造器调用模式，apply调用模式。下面依次进行讲解。方法调
2021-07-20 11:52:32
1039
7
原创 JS基础学习笔记
JavaScript基础学习笔记本文根据B站pink老师的视频整理由于有其他语言（C、JAVA）的基础，有些相同的内容就没有做笔记如果你之前学过JAVA、C，那么这篇文章会比较适合你过一遍JS的基础本文内容： 1. JS是什么 2. JS的作用 3. 浏览器如何执行JS 4. JS的三部分组成 4.1 ECMAScript 4.2 DOM文档对象类型 4.3 BO...
2019-11-17 23:19:44
906
原创 CSS学习笔记 | 定位
定位本文内容：定位： 1. 为什么需要定位？ 2. 定位组成 2.1 定位模式 2.2 边偏移 3. 静态定位（了解） 4. 相对定位 4.1 语法 4.2 相对定位的特点 5. 绝对定位 5.1 语法 5.2 绝对定位的特点 6. 相对定位和绝对定位如何应用 “子绝父相” 7. 固定定位 7.1 语法 7.2 固定定位的特点 7.3 小技巧...
2019-11-05 17:16:45
647
原创 CSS学习笔记 | 浮动
浮动本文内容：浮动： 1. 传统网页布局的三种方式 2. 为什么需要浮动 3. 什么是浮动 4. 浮动特性（重点） 5. 浮动布局注意点 6. 清除浮动 6.1 为什么要清除浮动 6.2 语法 6.3 清除浮动方法 6.3.1 额外标签法 6.3.2 给父级添加 overflow 6.3.3 :after 伪元素法 6.3.4 双伪元素清除浮...
2019-11-04 10:11:44
589
原创 CSS学习笔记 | 盒子模型
CSS盒子模型本文内容CSS盒子模型： 1. 看透网页布局的本质 2. 盒子模型的组成 3. 边框border 3.1 边框属性 3.2 边框的复合写法 3.3 边框分开写法 3.4 小作业 3.5 表格的细线边框 3.6 边框会影响盒子实际大小 4. 内边距padding 4.1 内边距属性 4.2 内边距复合写法 4.3 内边距会影响盒子的实际...
2019-10-31 10:40:24
1463
4
原创 CSS学习笔记 | CSS三大特性
CSS三大特性本文内容：CSS三大特性： 1. 层叠性 2. 继承性 2.1 CSS中的继承 2.2 一种特殊的继承：行高的继承 3. 优先级 4. 优先级权重小练习CSS三个非常重要的特性：层叠性、继承性、优先级1、层叠性相同的选择器如果对相同的样式进行了设置，那么就会产生冲突，层叠性主要就是解决冲突的问题。遵循的原则：就近原则：哪个样式离结构近，就执行哪...
2019-10-31 10:24:01
494
2
原创 CSS学习笔记 | CSS背景
CSS背景本文内容：CSS背景： 1. 背景颜色 2. 背景图片 3. 背景平铺 4. 背景图片位置 5. 背景图片固定（背景附着） 6. 背景复合写法 7. 背景色半透明 8. 背景总结通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。1、背景颜色background-color属性定义...
2019-10-30 18:44:22
579
原创 CSS学习笔记 | CSS元素显示模式
CSS显示模式_元素显示模式本文内容：CSS元素显示模式： 1. 什么是元素显示模式 2. 块元素 3. 行内元素 4. 行内块元素 5. 元素显示模式总结 6. 元素显示模式转换 7. 小技巧—单行文字垂直居中1、什么是元素显示模式元素显示模式就是元素（标签）以什么方式显示，比如<div>独占一行，一行中可以放多个<span>网页的标签非常多...
2019-10-30 18:33:16
540
原创 CSS学习笔记 | CSS复合选择器
CSS学习笔记_CSS复合选择器本文内容：CSS复合选择器： 1. 什么是复合选择器 2. 后代选择器 3. 子代选择器 4. 并集选择器 5. 伪类选择器 5.1 链接伪类选择器 5.2 :focus选择器 6. 复合选择器总结1、什么是复合选择器在CSS中,可以根据选择器的类型把选择點分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上...
2019-10-27 10:27:04
822
4
原创 CSS学习笔记 | Emmet语法
CSS学习笔记_Emmet语法本文内容：Emmet语法： 1. 快速生成html结构语法 2. 快速生成css样式语法 3. 快速格式化代码Emmet的语法前身是Zen coding，使用缩写来提高HTML、CSS的编写速度，Vscode内部已经集成该语法1、快速生成html结构语法生成标签：直接输入标签名，然后按 tab 键即可生成多个相同的标签，加上*号即可例...
2019-10-27 10:15:41
591
原创 CSS学习笔记 | CSS引入方式 chrome调试工具
CSS学习笔记_CSS引入方式本文内容：CSS引入方式： 1. 内部样式表 2. 行内样式表 3. 外部样式表 4. CSS引入方式总结 5. chrome调试工具按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三类：行内样式表（行内式）内部样式表（嵌入式）外部样式表（链接式）1、内部样式表内部样式表（内嵌样式表）是写到 html 内部，将所有...
2019-10-27 10:09:11
579
原创 CSS学习笔记 | CSS文本属性
CSS学习笔记_文本属性本文内容：CSS文本属性： 1. 文本颜色 2. 对齐文本 3. 装饰文本 4. 文本缩进 5. 行间距 6. 文本属性总结1、文本颜色color 属性用于定义文本的颜色<style> div { color: red; }</style>表示属性值预定义的颜色例...
2019-10-27 10:00:34
640
原创 CSS学习笔记 | CSS字体属性
CSS学习笔记_CSS字体属性本文内容CSS字体属性： 1. 字体系列 2. 字体大小 3. 字体粗细 4. 文字样式 5. 字体复合属性 6. 字体属性总结1、字体系列CSS 使用 font-family 属性定义文本的字体系列。<style> body { font-family: 'Microsoft YaHei',tahom...
2019-10-26 14:19:18
609
原创 CSS学习笔记 | CSS基础选择器
CSS学习笔记_CSS基础选择器本文内容：CSS基础选择器： 1. 选择器的作用 2. 选择器分类 2.1 标签选择器 2.2 类选择器 2.3 类选择器-多类名 2.4 id 选择器 id 选择器与类选择器的区别 2.5 通配符选择器1、选择器的作用根据不同需求把不同标签选出来，简单来说，就是选择标签用的。例如如下代码：h3 { color...
2019-10-26 14:11:34
864
2
原创 CSS学习笔记 | 语法规范 代码风格
CSS学习笔记本文内容：一、CSS简介 1. 简介 2. 语法规范 3. 代码风格 3.1 样式格式书写 3.2 空格规范一、CSS简介1、简介CSS是层叠样式表的简称，也称之为CSS样式表或级联样式表。CSS也是一种标记语言，是网页美容师。CSS最大的价值在于：可以让HTML专注去做结构呈现，样式交给CSS，即结构（HTML）与样式（CSS）分离 。2、语法...
2019-10-26 11:27:15
680
原创 HTML学习笔记 | 常用标签的使用及注意事项（排版后）
html学习笔记本文章根据B站pink老师的视频内容进行整理，供复习参考本文内容：一、Web标准 1、为什么需要Web标准 2、Web标准的构成二、HTML标签 1、语法规范 2、HTML基本结构标签 3、HTML常用标签 3.1 标签语义 3.2 标题标签 3.3 段落和换行标签 3.4 文本格式化标签 3.5 div和span标签 3.6 图像标签i...
2019-10-24 21:38:30
7233
15
原创 HTML学习笔记_常用标签的使用及注意事项
html学习笔记本文根据B站pink老师的视频整理而成，包含常用标签的使用及注意事项。html简介浏览器浏览器内核（渲染引擎）Web标准1、为什么需要Web标准？浏览器不同，它们显示页面或者排版就会有些许差异，所以需要一套标准来规范。2、Web标准的构成主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。标准说明...
2019-10-21 11:18:44
4750
2
原创 no tests ran in ** seconds Empty suite No tests were found错误解决
如图：我寻思着也不是代码的问题啊，这么简单的一行代码也算是困扰了我好久，不知道是什么原因百度也找不到和我类似的问题然后我把文件名改了结果，就没有这种错误了！！！！！得出结论：文件命名不要以test开头！！！至于为什么呢，我还不太清楚，知道的下方评论哟~...
2019-08-10 21:32:21
1283
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人