- 博客(81)
- 收藏
- 关注
原创 css中预编译理解,它们之间区别
css预编译器用一种专门的编程语言,它可以对web页面样式然后再编译成正常css文件,可以更加方便和高效的编写css代表。主要作用就是为css提供了变量,函数,嵌套,继承,混合等功能,以及更加易于维护和组织代码的结构。常见的css预编译语言有:sass,less和stylus等等。
2023-07-28 11:49:47
865
原创 css中隐藏页面中某一个元素有什么方法?
我们可以使用css的z-index属性,将元素的-index去给它设置一个负值,使它隐藏在其他元素的后面。 使用css样式进行隐藏我们可以使用display这个属性。(1)使用display:none完全进行隐藏元素,并且不占据空间也不会影响页面布局。(2)我们还可以使用visibility:hidden元素隐藏,但是会占据空间,并不会印象页面的布局 给css的opacity属性,设置opacity:0可以将我们的页面元素色设置为完全透明,但是元素仍然会占据空间,并且不会影响页面的布局。 使用css的
2023-07-27 12:02:23
651
原创 Invalid configuration object. Webpack has been initialized using a configuration object that does no
Invalid configuration object. Webpack has been initialized using a configuration object that does no
2023-05-26 09:07:37
191
原创 PNG\GIF\JPG的区别及如何选
但是,由于GIF的颜色深度较低(最多只有256种颜色),因此它不适用于保存复杂的图像,特别是照片。3. JPG(Joint Photographic Experts Group):JPG是一种有损压缩格式,适用于保存照片和其他复杂的图像。JPG适用于保存照片和其他复杂的图像,但不适用于保存线条、文本和图标等具有明显边缘的图像。由于它是无损压缩,因此PNG文件通常比JPG文件更大,但保留了更多的细节和清晰度。PNG适用于保存线条、文本、图标等有明显边缘的图像,也适用于需要透明背景的图像。JPG不支持透明度。
2023-05-12 10:49:59
2319
原创 css样式为什么要初始化?
因为浏览器的兼容问题,不同的浏览器对有些标签的默认值是不同的,如果没对css初始化往往会出现浏览器之间的页面显示差异。初始化样式对SEO有一定的影响,但是鱼和熊掌不可兼得,但求影响最小的情况下初始化。
2023-05-12 10:39:00
64
原创 css-选择器权重计算方式
important > 内联样式 = 外联样式 > ID选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 元素选择器 = 伪元素选择器 > 通配选择器 = 后代选择器 = 兄弟选择器。css选择器的解析原则:选择器定位DOM元素是从右往左的方向,这样可以尽早的过滤掉一些不必要的样式规则和元素。同一级别:后写的会覆盖先写的。
2023-05-11 16:28:45
91
原创 css-盒模型
盒子模型的构成有:内容(content),内填充(padding),边框(border),外边距(margin)ie8以下的浏览器的版本,未声明DOCTYPE,内容宽高会包含内填充和边框,成为怪异盒子模型标准W3C盒模型:元素宽度=width+padding+border+margin怪异盒子模型:元素宽度:width+margin标准的浏览器可以通过设置css3的box-sizing:border-box属性,触发“怪异模式”解析计算宽高.
2023-05-11 14:26:21
699
原创 vue3+element plus的el-pagination分页样式自定义
vue3+element plus的el-pagination分页样式自定义
2023-04-04 09:23:57
1111
1
原创 vue3+element plus图片上传,后端express+mongoose
vue3+element plus图片上传,后端express+mongoose图片上传
2023-04-03 19:16:06
680
原创 【无标题】
Virtual DOM是指一个抽象的DOM树,在React、Vue等一些前端框架中被用于提高应用程序性能的技术。为什么要使用虚拟dom?1.减少实际DOM的操作直接操作实际DOM的代价很高,因为DOM操作需要浏览器重新计算布局和绘制。通过使用Virtual DOM,React可以减少实际DOM的操作次数,从而提高应用程序的性能。2.提高渲染速度React使用Virtual DOM来比较前后两个状态之间的差异,并且只更新需要更新的部分。
2023-03-29 21:08:20
364
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人