2024-04-23原理：利用绝对定位时的top 与right设置元素的上方跟左方各为50%，再利用transform: translate(-50%, -50%);位移居中元素自身宽与高的50%就能达成居中的目的了。缺陷：translate是css3属性，低版本浏览器不支持。显著优势：无需固定定位元素的宽高。top: 50%;适用情景：多行文字（垂直居中）原理：弹性布局，align-items定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式，参考CSS-TRICKS。

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

2024-04-09/symbolOffset: [0,-5],//轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //坐标轴上显示的文字。data: [820, 932, 901, 934, 1290, 1330, 1320], //y轴数据。color: 'rgba(85, 88, 95, 1)' //x轴坐标的文字颜色。_echarts柱状图样式

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

2024-04-07前端校招精编面试解析大全点击这里免费获取完整版pdf查看)][外链图片转存中…(img-Hjz6D5Wa-1712162407438)]既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！[外链图片转存中…(img-5ZUTfZyU-1712162407438)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

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

2024-04-07background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);background-image:url(./200x200测试用黑底图片_2024-02-17_02-47-58.png);_background 图片自适应

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

2024-03-04直接给translate的Y轴偏移设为绝对单位，此时也是不会模糊的，此时不管你元素高度是奇数还是偶数 transform: translate(-50%,-201px);原本字体的父级为列子中的popup-box，我们可以看到该父级是参与定位偏移的，所以才会影响到里面的字体，因此我们让字体套多一层父级即可。偏移元素达到定位的效果，但是相继出现的是，如果元素内部有字体的话，会出现模糊的问题。3.给translate的Y值偏移设为绝对单位。1.给字体加多一个父级。_transform: rotate 导致兄弟元素模糊

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

2024-03-041. 父元素设置display:flex, 子元素设置 margin:auto. 2. 父元素相对定位，子元素绝对定位 4个属性都设置0，再设置margin:auto. 3. 父元素相对定位，子元素绝对定位，`left:50%,top:50%,transform:translate(-50%,-50%)` 4. flex布局，父元素 `display:flex,justify-content:center,align-items:center`

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

2024-02-28无涯教程可以使用JavaScript或VBScript编写事件处理程序，并可以指定针对这些事件采取的某些操作。尽管这些是事件，但是它们将被指定为HTML标签的属性。HTML 4.01规范定义了19个事件，但后来HTML-5添加了许多其他事件，在此处列出了这些事件-

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

2024-02-27管理员功能模块包括：首页、人员管理（管理员、学生用户、院级教师）、模块管理（就业信息、就业上报、校院消息）个人管理（个人信息、修改密码）；用户功能模块包括：首页、模块管理（就业信息、就业上报、校院消息）、个人管理（个人信息、修改密码）：院级教师：首页、模块管理（就业信息、就业上报、校院消息）、个人管理（个人信息、修改密码）。

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

2024-02-15之前总结定位元素水平垂直居中时，top left均为50%，之后margin-top为-高度的一半，margin-left为-宽度的一半，即可实现，但这一旦改变盒子的宽高，也得改变marign值，故tranform：translate（-50%，-50%）很方便的避免了频繁改动数据的问题。利用阴影进行动画设置，先利用定位将阴影与圆点放置合适位置，用一个盒子将其包含，让阴影水平垂直居中放置在盒子中，此时圆点就会在阴影正中间，利用动画将阴影的宽高调大，之后每个阴影进行延迟即可。

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

2024-02-12通过命名规范来限制类名太过死板，而 css in js 虽然足够灵活，但是书写不便。css module 开辟一种全新的思路来解决类名冲突的问题。

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