2024-08-14本文详细介绍了rem布局的优势，如何结合媒体查询进行屏幕适配，Less语言的特点（变量、嵌套和运算），以及在实际开发中的适配策略，包括使用Less、flexible.js和px2rem插件。此外，还探讨了vw、vh和vmin/vmax布局的使用场景和区别。

https://www.qianduange.cn//article/15446.html 分类：前端知识

2024-08-14JS 开销在哪，除了必要的加载外，还有解析编译以及代码的执行_前端代码层面的优化

https://www.qianduange.cn//article/15444.html 分类：前端知识

2024-08-14CSS (Cascading Style Sheets) 是用于描述HTML或XML文档样式的语言。margin重叠: 当两个垂直外边距相遇时,它们会合并成一个外边距,值为较大的那个。定位用于控制元素在页面上的精确位置。它可以创建复杂的布局,如固定导航栏、悬浮元素等。浮动塌陷是指当容器内所有子元素都浮动时,容器高度塌陷为0。浮动可以使元素脱离正常文档流,实现文字环绕或创建多列布局。浮动元素的起始位置是其在正常文档流中的位置。如果优先级相同,后面的规则会覆盖前面的规则。的优先级更高,因此文本会是蓝色。

https://www.qianduange.cn//article/15443.html 分类：前端知识

2024-08-14伸缩容器: 设置了的元素，就是伸缩容器。1.给元素设置: display:flex 或 display:inline-flex，该元素就变为了伸缩容器。2.display:inline-flex 很少使用，因为可以给多个伸缩容器的父容器，也设置为伸缩容器。3.一个元素可以同时是:伸缩容器、伸缩项目。伸缩项目:伸缩容器所有子元素自动成为了伸缩项目。1.仅伸缩容器的子元素成为了伸缩项目，孙子元素、重孙子元素等后代，不是伸缩项目。_css左右收缩

https://www.qianduange.cn//article/15442.html 分类：前端知识

2024-08-14css3 中的伪类和伪元素_css3中伪类元素

https://www.qianduange.cn//article/15441.html 分类：前端知识

2024-08-14导入外部链接表(使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中)a[class*=links]（class 属性中属性值包含links）a[id=first]（a元素中有“id=first”相同的属性）li:first-of-type（ul下第一个类型是li的元素）a[href^=http]（href属性值中以http开头的）a[href$=png]（href属性值中以png结尾的）标签选择器（直接应用于HTML标签）a[id]（含有id属性的a元素）

https://www.qianduange.cn//article/15440.html 分类：前端知识

2024-03-01本小节我们通过获取Vuex中的store数据；然后使用css3完成一个管理端响应式的layout架构模板，包含顶部header头界面，左侧准备放置菜单的界面，以及中间主体content区域。在后续的章节中，我们将会不断在左侧添加菜单的维护，然后每次点击菜单，都会在中间区域开展对应的业务。_vue css3响应式布局

https://www.qianduange.cn//article/3015.html 分类：前端知识

2024-01-28软件人生风雨十年，仙剑一过去也有十年有余了，和胡歌认识那么久，今日喜闻好友胡歌生宝宝的消息，惊喜之余用css3为胡歌的宝宝做了动画照片墙的模板效果。_css照片墙源代码

https://www.qianduange.cn//article/650.html 分类：前端知识

2024-08-12转换的原点 - transform-origintransform-origin 属性指定元素转换原点的位置。默认情况下，转换原点在元素的中心。transform-origin：数值 / 百分比 / 关键字（上下左右中间）- 一个值：表示所有轴的位置。- 两个值：表示 X 轴和 Y 轴。- 三个值：表示 X 轴、Y 轴和 Z 轴。

https://www.qianduange.cn//article/15323.html 分类：前端知识

2024-08-12各种动画的实现_css3 svg 动画

https://www.qianduange.cn//article/15320.html 分类：前端知识