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-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-01-31popper.js 是一个扩展性较好的 tooltips 提示类 JS 插件，不需要依赖 jQuery 库，大小仅为 3.5KB 左右，使用与配置相当简单，若你的 Web 网站有这个需要，可以尝试使用这个该特效插件。JS 插件名称：popper.js下载地址：https://popper.js.org/因为公众号不支持外部链接，请复制地址到浏览器打开下载。下面我们来看看这个 JS 提示类代码插件的用法与功能介绍。一、自定义提示方向可随意设置上下左右显示，简单一行代码，就能设置..._npm:@sxzz/popperjs-es@^2.11.7

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

2024-01-31为什么要学vue3:1. Vue是国内最火的前端框架,2.Vue 3 于 2022 年 2 月 7 日星期一成为新的默认版本！3. Vue3性能更高，体积更小,4. Vue3.0在经过一年的迭代后，越来越好用.动机与目的: 1. 更好的逻辑复用 与 代码组织 (composition组合式api) optionsAPI(旧) => compositionAPI（新）, 效果: 代码组织更方便了, 逻辑复用更方便了 非常利于维护!2.更好的类型推导 (typescript支持)_vue3

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

2024-01-31本博文记录CSS中比较常用的背景属性，包括背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position和背景附着：background-attachment。同时记录了背景色半透明的写法以及背景属性复合写法。_css 背景色

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

2024-01-31给其父元素添加text-align:center使其水平居中，这个只是对行内元素和行内块元素有效。而P元素是块级元素，所以不能使用上面的方法。再给他父元素two加 position: relative;然后开始计算上面距离的数值和左边距离的数值，这里分别是。行内元素和行内块元素水平居中，给其父元素添加text-align:center；所以案例里面给one加了 text-align: center之后span就会水平居中了。红色1块是span，属于行内元素。绿色2块是p，属于块级元素。_p标签在div中垂直居中

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

2024-01-31出现该错误是你可能没认真看官网的安装配置，可直接看该目录3，一个字一个字看先安装如果选择v1版本，建议使用npm下载，下面以v1版本为例，使用的是npm下载，导入uview时该文件也在node_modules文件夹里面，未移动。然后就是配置。_module build failed (from ./node_modules/postcss-loader/src/index.js):

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

2024-01-30在 ECharts 中的组件很多，例如在后续内容中我们可能遇到，xAxis（直角坐标系 X 轴）、yAxis（直角坐标系 Y 轴）、grid（直角坐标系底板）、angleAxis（极坐标系角度轴）、radiusAxis（极坐标系半径轴）、polar（极坐标系底板）、geo（地理坐标系）、dataZoom（数据区缩放组件）、visualMap（视觉映射组件）、tooltip（提示框组件）、toolbox（工具栏组件）、series（系列）等。系列（series）是很常见的名词。_echarts series

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

2024-01-30symbol : [ 'none' , 'arrow' ] , // none为标线两端的样式为无，可更改 data : [ {silent : false , yAxis : 50 , // 警戒线位置，这个赋值为纵轴50 label : {position : 'end' , // 文字位置 formatter : '标准供给时长' , //文字 color : 'green' // 文字颜色 } , lineStyle : {_markline : { 　　　　　　data : [ 　　　　　　　　{type : 'average', name:

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

2024-01-29CSS-通过clip-path: polygon()实现任意图形 实现多边形进度条_clip-path: polygon

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