![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 53
吃面必吃蒜
这个作者很懒,什么都没留下…
展开
-
ant design vue 的 description组件中 label 默认样式的更改
两种方法,修改 ant design vue 中 description 组件的 label 样式原创 2021-12-02 17:38:30 · 7720 阅读 · 0 评论 -
antdv 踩坑之 transfer 的表格穿梭框 报错 custom validator check failed for prop “dataSource“
这两天项目中碰到了从一张表格中选择数据然后显示到另一张表格中的需求。然后在 antd 中找到了 transfer 组件,其中的表格穿梭框可以满足需求,如图:然后我就copy了它的代码示例,并且在它的基础上改动了一部分字段名后发现,竟然报错了,如图dataSource ?可是我代码中根本都没用到 dataSource 啊,真的是对着文档看了好久,同时也问了身边的同事,最后找到了问题所在:原因出在,左边的table源数据里,每一行的数据中,必须要有一个字段的名称是 title ,也就是 titl.原创 2021-11-18 15:29:12 · 3644 阅读 · 3 评论 -
avue-crud 通过行状态来自定义显示编辑按钮
从 avue-crud 的官方文档中我们可以知道,操作栏的按钮是否显示是通过 option 中相应的 Boolean 值控制的,比如:delBtn 对应删除按钮editBtn 对应编辑按钮但是,这种控制是会对整个表格生效的,那如果我想根据行状态来自定义控制每一行的按钮是否显示呢?该怎么做?我的做法是根据官网的例子,用自定义插槽实现 <template slot="menu" slot-scope="{ row, index }"> <el-button.原创 2021-11-10 15:30:36 · 4674 阅读 · 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 · 200 阅读 · 0 评论 -
一张图搞懂 line-height 行间距 行内文本框之间的关系
如果对于 line-height,font-size,行间距,行内文本框之间的关系不是很清楚,不妨仔细看看下面这张图。总结一下:line-height:代表的是文本基线之间的距离,对应上图中红色框的高度行间距:可由公式行间距 = line-height - font-size 计算行内框:文本行中的每一个元素都会生成行内框,就是图中的棕色框框,除去文字内容外,棕色框框的顶部和底部也许会有高度,是否会有高度,取决于是否有行间距,行间距的一半就是棕色框框顶部或底部的高度。看到这里,对于四者之间的原创 2021-07-28 16:46:37 · 426 阅读 · 0 评论 -
JS函数调用中this的指向问题详解
JS函数调用中this的指向问题详解函数调用中的this在讨论函数调用中的this指向问题之前,我们首先需要知道为什么会有这样的问题,换个说法,也就是说在函数调用的过程当中,this是从哪儿冒出来的。实际情况是这样的:当函数被调用时,除了声明时规定需要接收的形式参数外,函数还会接收两个参数,分别是this和arguments,因此函数调用方式的不同就会导致this的指向不同。在js中函数的调用模式有4种:方法调用模式,函数调用模式,构造器调用模式,apply调用模式。下面依次进行讲解。方法调原创 2021-07-20 11:52:32 · 1037 阅读 · 7 评论 -
JS DOM BOM学习笔记
JS DOM BOM 学习笔记本文根据B站pink老师视频整理,供复习参考持续更新中:原创 2019-11-17 23:27:16 · 588 阅读 · 2 评论 -
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 · 905 阅读 · 0 评论 -
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 · 645 阅读 · 0 评论 -
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 · 584 阅读 · 0 评论 -
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 · 1459 阅读 · 4 评论 -
CSS学习笔记 | CSS三大特性
CSS三大特性本文内容:CSS三大特性: 1. 层叠性 2. 继承性 2.1 CSS中的继承 2.2 一种特殊的继承:行高的继承 3. 优先级 4. 优先级权重小练习CSS三个非常重要的特性:层叠性、继承性、优先级1、层叠性相同的选择器如果对相同的样式进行了设置,那么就会产生冲突,层叠性主要就是解决冲突的问题。遵循的原则:就近原则:哪个样式离结构近,就执行哪...原创 2019-10-31 10:24:01 · 492 阅读 · 2 评论 -
CSS学习笔记 | CSS背景
CSS背景本文内容:CSS背景: 1. 背景颜色 2. 背景图片 3. 背景平铺 4. 背景图片位置 5. 背景图片固定(背景附着) 6. 背景复合写法 7. 背景色半透明 8. 背景总结通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。1、背景颜色background-color属性定义...原创 2019-10-30 18:44:22 · 574 阅读 · 0 评论 -
CSS学习笔记 | CSS元素显示模式
CSS显示模式_元素显示模式本文内容:CSS元素显示模式: 1. 什么是元素显示模式 2. 块元素 3. 行内元素 4. 行内块元素 5. 元素显示模式总结 6. 元素显示模式转换 7. 小技巧—单行文字垂直居中1、什么是元素显示模式元素显示模式就是元素(标签)以什么方式显示,比如<div>独占一行,一行中可以放多个<span>网页的标签非常多...原创 2019-10-30 18:33:16 · 540 阅读 · 0 评论 -
CSS学习笔记 | CSS复合选择器
CSS学习笔记_CSS复合选择器本文内容:CSS复合选择器: 1. 什么是复合选择器 2. 后代选择器 3. 子代选择器 4. 并集选择器 5. 伪类选择器 5.1 链接伪类选择器 5.2 :focus选择器 6. 复合选择器总结1、什么是复合选择器在CSS中,可以根据选择器的类型把选择點分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上...原创 2019-10-27 10:27:04 · 821 阅读 · 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 · 589 阅读 · 0 评论 -
CSS学习笔记 | CSS引入方式 chrome调试工具
CSS学习笔记_CSS引入方式本文内容:CSS引入方式: 1. 内部样式表 2. 行内样式表 3. 外部样式表 4. CSS引入方式总结 5. chrome调试工具按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分为三类:行内样式表(行内式)内部样式表(嵌入式)外部样式表(链接式)1、内部样式表内部样式表(内嵌样式表)是写到 html 内部,将所有...原创 2019-10-27 10:09:11 · 574 阅读 · 0 评论 -
CSS学习笔记 | CSS文本属性
CSS学习笔记_文本属性本文内容:CSS文本属性: 1. 文本颜色 2. 对齐文本 3. 装饰文本 4. 文本缩进 5. 行间距 6. 文本属性总结1、文本颜色color 属性用于定义文本的颜色<style> div { color: red; }</style>表示属性值预定义的颜色例...原创 2019-10-27 10:00:34 · 639 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 863 阅读 · 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 · 678 阅读 · 0 评论 -
CSS学习笔记
CSS学习笔记本文根据B站pink老师视频整理,供复习参考笔记内容(更新中):原创 2019-10-26 11:19:25 · 2309 阅读 · 3 评论 -
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 · 7216 阅读 · 15 评论 -
HTML学习笔记_常用标签的使用及注意事项
html学习笔记本文根据B站pink老师的视频整理而成,包含常用标签的使用及注意事项。html简介浏览器浏览器内核(渲染引擎)Web标准1、为什么需要Web标准?浏览器不同,它们显示页面或者排版就会有些许差异,所以需要一套标准来规范。2、Web标准的构成主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。标准说明...原创 2019-10-21 11:18:44 · 4737 阅读 · 2 评论