前端
北漂编程小王子
程序猿的工作日记
展开
-
vscode 清理删除的分支
很多远程分支可能已经删除掉了,但是在vscode中还会继续缓存这些分支,如何删除掉了,下面的命令是批量删除这类分支:git fetch --prune原创 2021-12-06 13:49:46 · 4259 阅读 · 0 评论 -
vscode 左侧工具栏显示
1.显示工具栏点击文件,选择首选项,点击设置按钮搜索workbench,勾选上Workbench> Activity Bar:Visble勾选上后,工具栏就显示出来了原创 2021-11-05 15:04:56 · 14494 阅读 · 0 评论 -
css 文字垂直居中
css样式中提供了text-align=center 实现的是水平居中,但没有提供直接的垂直居中,具体原因不得而知,实现方式可以通过设置行高=盒子的高度,原因很好理解,行高= 上缝隙+文字高度+下缝隙,而文字的高度又是固定的,上下缝隙距离是均分的,所有就会强制文字垂直居中显示了,只不过上下缝隙是没有颜色的看不见而已,举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-11-02 16:38:44 · 1655 阅读 · 0 评论 -
css 前端 吸取颜色 附件截图工具 snipaste
原创 2021-11-02 15:55:43 · 1026 阅读 · 0 评论 -
css行内元素转块级元素 块级元素转行内元素
一个超链接打开一个页面,正常情况下只是在这个超链接上点击才可以打开目标页面,有时候优化需要在一个区域范围内(有宽度、高度)点击,都可以打开超链接,这个时候就需要将行内元素转化成块元素,使用到属性display : block 属性即可;如果是块级元素转行元素,则需要display:inline,配置后,发现高度和宽度都无效了。举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g原创 2021-11-02 15:36:07 · 809 阅读 · 0 评论 -
css元素显示模式
块级元素:可以包含块级元素和行内元素,例如 p div 标签行内元素:一行可放多个行内元素,不可设置宽度和高度,默认宽度就是内容的宽度,一般可容纳行内元素或者文本,超链接元素除外,行内块元素:一个放多个块元素,可以设置宽度和高度,例如input标签后面可以再次放input,input又可以设置宽高...原创 2021-11-02 14:48:21 · 65 阅读 · 0 评论 -
css 伪类选择器
给选择器增加特殊的效果,使用冒号(:)表示举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-11-02 11:46:29 · 99 阅读 · 0 评论 -
css行间距 line-height
行间距,由三部分组成,文本高度+上间距+下间距举例:行高设置26px,文字默认大小是16px,上下间距就平分5px,测量行间距方法一般测量上一行的下底部,到下一行的底部,也就可以通过测量工具按照这样的测量方法测试出来。...原创 2021-11-01 12:07:56 · 567 阅读 · 0 评论 -
css 类选择器 多类名使用
前端常用类名定义样式,但是遇到一些重复的样式,可以考虑使用多类型写法,实现代码公复用!举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-29 11:41:07 · 848 阅读 · 0 评论 -
label标签使用
label标签用于绑定一个表单元素,点击label标签时,浏览器自动获得焦点,增加用户体验原创 2021-10-28 17:59:07 · 436 阅读 · 0 评论 -
前端 js this.dataSource = res.data.data.items || [];
前端有时候获取后端返回值res的数据,但是不知道这个数据是否有值,这个时候一般处理是这样:this.dataSource = res.data.data.items || [];意思是 res.data.data.items如果是null的话 就取[],如果不是null 就取自身的值...原创 2021-10-26 15:10:03 · 1171 阅读 · 0 评论 -
padding:5px 0px; 是什么意思
上下内边距为5px,左右内边距为0px。下面来了解一下padding:Padding(填充)属性定义元素边框与元素内容之间的空间。padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。举个例子说明:padding:10px 5px 15px 20px;上内边距是 10px右内边距是 5px下内边距是 15px左内边距是 20px当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。原创 2021-09-16 15:55:13 · 2584 阅读 · 0 评论 -
CSS中margin和padding的区别
区别如下:margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。CSS是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。...原创 2021-09-16 16:47:34 · 2799 阅读 · 0 评论 -
e.preventDefault()与e.stopPropagation()的区别
e.stopPropagation()阻止事件冒泡<table border='1'> <tr> <td><span>冒泡事件测试</span></td> <td><span>冒泡事件测试2</span></td> </tr></table>我们先看这段js代码:<script> $('ta转载 2021-09-29 11:56:16 · 281 阅读 · 0 评论 -
js中==和===区别
js中和=区别简单来说: == 代表相同, ===代表严格相同, 为啥这么说呢,这么理解: 当进行双等号比较时候: 先检查两个操作数数据类型,如果相同, 则进行=比较, 如果不同, 则愿意为你进行一次类型转换, 转换成相同类型后再进行比较, 而=比较时, 如果类型不同,直接就是false.操作数1 == 操作数2, 操作数1 === 操作数2比较过程:双等号==:(1)如果两个值类型相同,再进行三个等号(===)的比较(2)如果两个值类型不同,也有可能相等,需根据以下规则进行类型转换在比较:原创 2021-10-08 17:05:39 · 195 阅读 · 0 评论