
网页前端
文章平均质量分 77
一些前端代码收集
徐泗空
永远做更好的自己!
展开
-
CSS系列之详解overflow(四)
CSS 的 overflow 属性用于控制元素内容溢出时的表现方式。当元素的内容超出其指定的尺寸范围时,就会出现溢出现象。比如,一个元素的高度设置是 80px,但内容高度不只是 80px,内容此时就叫做溢出了。那需要注意的是,overflow 属性生效的前提是需要设置元素的宽度和高度。如果没有明确设置宽度和高度,浏览器将会自动根据内容进行调整,此时 overflow 属性可能不会产生预期的效果。原创 2024-08-28 17:54:22 · 933 阅读 · 0 评论 -
CSS系列之浮动清除clear(三)
可以看到我们的底部盒子不在原来的位置了,原因是什么呢,原因就是此时父元素我们并没有给他设置高度,父元素的高度完全是1号2号盒子撑起来的,现在给1号2号盒子添加了浮动,不占据原来的位置了,所以父元素此时的高度为零,不占位置了,底部盒子就会上去,造成高度塌陷。直接给第二个盒子添加一个clear:left 这里需要注意,clear消除的是上一个盒子对自己的影响,所以,前面一个盒子往哪边浮动,我们就clear哪边,这里的上一个盒子是float:left,所以我们在第二个盒子上添加的也是clear:left。原创 2024-08-28 17:25:52 · 930 阅读 · 0 评论 -
CSS系列之Float浮动(二)
float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 { float: 属性值;属性值描述none元素不浮动(默认值)left元素向左浮动right元素向右浮动代码案例欣赏:/* 浮动的标签 顶对齐 *//* 浮动: 在一行排列, 宽高生效 -- 浮动后的标签具备行内块特点 */.one {.two {/* 因为有浮动, 不能生效 - 盒子无法水平居中 */.three {原创 2024-08-28 15:21:08 · 1459 阅读 · 0 评论 -
CSS系列之Position定位(一)
这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。粘性定位的元素是依赖于用户的滚动,在。HTML 元素的默认值,即没有定位,遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。,它会固定在目标位置。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。元素的位置相对于浏览器窗口是固定位置。相对定位元素的定位是相对其正常位置。原创 2024-08-27 18:33:12 · 488 阅读 · 0 评论 -
手把手教你创建并启动一个Vue3项目(Mac版)
1、因为npm的资源默认采用国外的,国内执行对应的安装口令会比较慢,所以我们可以把npm资源切换到国内,这样安装框架的速度就会提升。3、上图红色部分,表示在路径C:\Users\xulijun下成功创建了一个名称叫my-vue-app的vue3项目,我们可以输入下面命令启动这个vue3新项目。2、运行完成后并没有提示,但是可以运行查看口令,验证是否切换成功。原创 2024-06-19 23:54:34 · 2411 阅读 · 0 评论 -
手把手教你创建并启动一个Vue3项目(Windows版)
1、因为npm的资源默认采用国外的,国内执行对应的安装口令会比较慢,所以我们可以把npm资源切换到国内,这样安装框架的速度就会提升。4、验证安装npm是否成功,npm是Node中自带的打包工具,输入npm -version,输出npm版本号即表示安装成功。2、最后如上图显示,我们就完成我们VUE脚手架的安装了,我们在命令窗口用口令查看当前脚手架版本。原创 2024-06-19 18:19:01 · 5532 阅读 · 1 评论 -
执行npm命令一直出现sill idealTree buildDeps怎么办?
下不是nodejs里面),进入到对应目录下,Mac启动显示隐藏文件操作(Command+Shift+".")也没有发现有这个.npmrc目录。2、打开一个终端,输入下面命令以后才能出现这个文件目录,执行以后就出现上面这个.npmrc目录了。4、你可能还需要重新设置镜像地址,下面两个地址你都试一下,这里我是设置了国外原来镜像地址有用。6、重新执行npm命令(这里我是在VSCode中的终端执行的),终于成功了。1、网上查了一下,有网友说先删除。原创 2024-04-12 00:48:29 · 19687 阅读 · 6 评论