23年8月工作笔记整理(前端)

目录

一、css知识

1.flex布局让某个子元素靠右 margin-left: auto; 靠左 margin-right: auto;

2.不清楚子元素多少个,又要等分占空间;栅格布局方法为:

display: grid;

grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));

3.给文字赋上渐变背景

background: linear-gradient(to bottom, #fff, #a7d1ff);

-webkit-background-clip: text;

background-clip: text;

color: transparent;

二、echarts知识

1.让数据的最大值和最小值做范围,不从0开始

yAxis:{scale: true }

三、vue3知识

1.vue3里引入图片的方式

new URL('地址',import.meta.url).href

相关推荐
前端小巷子4 分钟前
跨域问题解决方案:开发代理
前端·javascript·面试
前端_逍遥生4 分钟前
Chrome 插件开发到发布完整指南:从零开始打造 TTS 朗读助手
前端·chrome
JohnYan4 分钟前
Bun技术评估 - 07 S3
javascript·后端·bun
Mintopia5 分钟前
Three.js 材质与灯光:一场像素级的光影华尔兹
前端·javascript·three.js
天涯学馆6 分钟前
JavaScript 跨域、事件循环、性能优化面试题解析教程
前端·javascript·面试
掘金一周14 分钟前
别再用 100vh 了!移动端视口高度的终极解决方案| 掘金一周7.3
前端·后端
晴殇i16 分钟前
CSS 迎来重大升级:Chrome 137 支持 if () 条件函数,样式逻辑从此更灵活
前端·css·面试
咚咚咚ddd19 分钟前
cursor mcp实践:网站落地页性能检测报告(browser-tools)
前端
MiyueFE19 分钟前
让我害怕的 TypeScript 类型 — — 直到我学会了这 3 条规则
前端·typescript
Hilaku19 分钟前
2025年,每个前端都应该了解的CSS选择器:`:has()`, `:is()`, `:where()`
前端·css