2024-02-01图解面试，对面试题进行分解，以图例的形式展现需要回答的要点及知识点，并对知识点进行总结给出面试中如何有层次、有逻辑的回答相关问题。

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

2024-02-011、SVG 的英文全称是 Scalable Vector Graphics，即可缩放的矢量图形。它是由万维网联盟（W3C）在 2000 年 8 月制定的一种新的二维矢量图形格式2、SVG 的特点如下：(1) 基于XML(2) 采用文本来描述对象(3) 具有交互性和动态性(4) 完全支持 DOM3、SVG 中画折线的标签如下polyline：表示绘制折线fill：表示填充stroke：表示画笔颜色stroke-width：表示画笔宽度points：表示折线的点。_qsvgrenderer

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

2024-02-01background-image 属性是 CSS 的一个用于为元素设置背景图片的属性。语法如下：background-image: url(image.jpg);其中 url(image.jpg) 就是指定图片的地址。可以使用相对路径或绝对路径，也可以使用其他图片引用方式，如 data URI。使用 background-image 属性可以让您在元素上设置一个背景图片，这将作为元素的背景..._css background-image属性

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

2024-02-01你评论，我赠书~【哈士奇赠书 - 15期】〖HTML5 CSS3 JavaScript从入门到精通（微课精编版）（第2版）〗等你来拿

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

2024-02-01一、动画速度曲线设置二、代码示例 - 动画速度曲线设置1、代码示例 - 动画匀速执行2、代码示例 - 动画分 2 步执行三、代码示例 - 使用动画步长实现打字机效果_css匀速直线运动线性动画

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

2024-02-01padding-left: 左内边距 padding-right: 右内边距 padding-top: 上内边距 padding-bottom: 下内边距。nth-of-type: nth-of-type会把指定元素盒子排列序号,执行的时候首先看div指定的元素,之后回去看 nth-of-type(1)border-top: 上边框 border-bottom: 下边框 border-left: 左边框 border-right: 右边框。

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

2024-02-01做移动端的适配我们就是要考虑，对于不同大小的手机屏幕，怎么动态改变页面布局中所有盒子的宽度高度、字体大小等。这个问题我们可以使用相对单位rem。那么什么是 rem？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。设置html的 font-size 属性，rem 是根据它的大小来动态变化整个项目中使用 rem 单位的元素大小。_postcss-pxtorem的rootvalue根据设计稿宽度除以10进行设置

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

2024-02-01这时候使用transform-origin给一个0% 0% 上下，左右的偏移。这时候位置就回到了原先的定位。_transform-origin: 0 0;transform:scale()

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

2024-02-01CSS 中的 v-bind 支持 JavaScript 表达式，但需要用引号包裹起来_v-bind 三元运算表达式

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

2024-02-01box-shadow属性可以设置一个或多个下拉阴影的框。_box-shadow属性详解

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