自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/@vue‘ Vue cli工具安装报错

mac本安装报错:Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'错误:EACCES:权限被拒绝,mkdir'/usr/local/lib/node_modules/@vue'在命令行前面添加 sudo 获取管理员权限 ,输入管理员密码就行。1.在任何位置打开终端小黑窗,输入命令(需要耐心等待5分钟左右)一般是由于网速较慢下载到一半导致中断,多试几次即可。(1)清除npm缓存,再重新安装。...

2022-08-11 09:28:44 8358

原创 git命令总结

注意分支代码提交之后才能切换;合并代码是站在主分支上,合并功能分支;.gitignore这个文件,可以忽略文件和文件夹,脱离git的管理;

2022-07-21 21:30:10 147

原创 一些方法及其他记录

对于字符串类型,浅复制是对值的复制,对于对象来说,浅复制是对对象地址的复制,并没有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属性也会改变,而深复制则是开辟新的栈,两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。是函数内部内置的伪数组变量,它包含了调用函数时传入的所有实参。浅拷贝只复制一层对象的属性,深拷贝则是复制了所有的层级。闭包本质仍是函数,只不是从函数内部返回的闭包能够创建。是一个伪数组,用于动态的获取传入的实参。.......

2022-07-21 21:21:15 124

原创 事件流——捕获和冒泡

事件流就是:事件在执行的过程中的一种描述,合理利用可以提升开发实践中的灵活度。任何时间被触发时总会经历两个阶段:【捕获阶段】【冒泡阶段】 【捕获阶段】是从外向内 【冒泡阶段】是从内向外一般冒泡用的多一些~来一个小小案例阻止冒泡阻止冒泡是指阻断事件的流动,保证事件只在当前元素被执行,而不再去影响到其对应的祖先元素。事件对象中的 方法,专门用来阻止事件冒泡。鼠标经过事件:mouseover 和 mouseout 会有冒泡效果mouseenter 和 mouseleave 没有冒泡效果

2022-07-02 21:27:49 868

原创 如何使用grid布局

以下都是写在父元素(grid容器上)添加了grid布局的容器默认是块元素。可以添加display:inline-grid; 改变成为行内块元素。改变格子排列方向grid-auto-flow:column;处理格子的流动方式(了解)grid-auto-flow:dense; //可以把多余空间占满控制内容在容器格子内的排列控制格子的排列,和flex一样,写在父元素上,水平居中、贴边等……,垂直居中、底部对其等……,控制单个元素 justify-self、align-self。组合简写:place-conte

2022-06-21 11:18:27 2326

原创 rem+媒体查询+less

rem是一个相对单位,它是根据html标签的font-size的字号来决定rem的值。此时,1rem=35px。媒体查询一个非常大的作用是:。媒体查询语法:怎么把我们测量的px 转换为适配的rem呢?一般将设备宽度分成10等份,加入当前设备宽度是375px,那么html字体大小=37.5px(375 / 10 = 37.5)rem值 = 某px值 / html字体大小(0.26666rem = 10 / 37.5)通过媒体查询,检测不同的视口宽度,设定不同的html文字大小,元素设置

2022-06-16 21:19:17 638

原创 如何使用flex布局(弹性盒子)

给父元素添加display:flex,开启弹性容器。flex区分主轴与侧轴-----------可以选择x轴或者y轴作为主轴(默认x为主轴)row (x)默认值 从左到右依次排列row-reverse右到左依次排列 reverse:翻转元素column(y)从上到下依次排列column-reverse从下到上依次排列space-betweenspace-evenlyspace-around 把父盒子分为若干份数,每个子盒子各占几份。flex:1; 一定给子盒子加!!!分配父级剩余的空间Nowrap默认值

2022-06-13 20:26:29 606

原创 如何使用CSS动画

目标:使用animation添加动画效果。实现步骤:1、定义动画2、使用动画animation相关属性控制动画执行过程使用stpes实现逐帧动画示例代码:

2022-06-11 20:11:22 682 1

原创 使用字体图标的4种方法

线下本地字体图标:下载好包后1. 复制相关的文件,到 `fonts`文件夹里面。2. 引入 css线上地址生成后,引入地址即可重点:生成的线上地址没有http://,所以必须自己手动添加,否则不会生效哦引入完成后,就可以使用以下的方法添加字体图标...

2022-06-10 21:14:19 4477

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除