不是派大星
获得徽章 0
赞了这篇文章
赞了这篇文章
，台风天点不了外卖，下班了去超市买个小蛋糕🧁吧！
赞了这篇文章
赞了这篇沸点
买了苹果手机，肠子都悔青了，每次充电都要去美国，怕国内电不纯，用完之后还要拿清洁剂里里外外擦一遍，防止留下指纹，有需要装兜的时候，裹上三层丝绸，防止划伤，耳机都用的蓝牙，防止有线耳机多次拔插损伤接口。不说了，一次性打这么多字，心疼死我了，我得赶紧关机，给手机涂护手霜保养。
67
15
赞了这篇沸点
她突然凑近问我：“你也是搞前端的呀？具体做哪块呀？”
我背后一凉，嘴角抽搐：“就……就是大家都写的那种……”
女生眼睛一下亮起来：“你是搞底层架构的吧？自研构建工具、打包优化、AST 插件系统那种？”
我声音发虚：“不是……”
她眼神更亮：“那肯定是做可视化的咯？WebGL、three.js、ECharts、大屏数据流转，看起来就很炸场面！”
我垂着头：“也……不是。”
我死死盯着桌面，试图用意念打开 vscode 给自己勇气
“难道是搞前端工程化的？Monorepo、微前端、Module Federation、多项目打通 CICD，听着就像 CTO 在做的事情！”
她沉默两秒，忽然问：“那你做的是 SSR 渲染链路？React Server Components + Streaming + Edge Functions？最近挺火的！”
我像犯错的实习生一样摇头：“也不是……”
女生皱了眉，眼里开始有了不解。
“那你不会是做 wasm 的吧？Rust + wasm-pack，前端调用高性能模块，感觉就不属于传统前端了！”
我慌了，急忙摆手：“不是不是……”
她眯起眼睛，认真起来：“那……是做体验优化的？LCP、FID、CLS 指标调优、骨架屏、预渲染、懒加载，这种对用户最有感知的部分？”
我低声说：“没涉及……”
她愣了一下，试探地问：“那你……该不会是在搞低代码平台吧？”
我想了想那堆业务组件、页面拖拽、动态 schema 配置，艰难点头：“嗯……也不是……”
空气瞬间凝固。
她冷静问道：“那你到底是做什么前端？”
我眼眶泛红，终于崩溃，带着哭腔喊出：
“我……我就是在做业务页面开发的！写表单、写表格、调接口、改样式、修兼容！！！”
人群中爆发出忍不住的笑声，我却喊得更用力：“你们不要笑写页面的前端！需求一天三改，交互一小时一变，我们还要兼容IE、适配大屏、应付产品突然的灵感！我们是前端落地链条上最艰难的一环，是996的第一批受害者！”
我背后一凉，嘴角抽搐：“就……就是大家都写的那种……”
女生眼睛一下亮起来：“你是搞底层架构的吧？自研构建工具、打包优化、AST 插件系统那种？”
我声音发虚：“不是……”
她眼神更亮：“那肯定是做可视化的咯？WebGL、three.js、ECharts、大屏数据流转，看起来就很炸场面！”
我垂着头：“也……不是。”
我死死盯着桌面，试图用意念打开 vscode 给自己勇气
“难道是搞前端工程化的？Monorepo、微前端、Module Federation、多项目打通 CICD，听着就像 CTO 在做的事情！”
她沉默两秒，忽然问：“那你做的是 SSR 渲染链路？React Server Components + Streaming + Edge Functions？最近挺火的！”
我像犯错的实习生一样摇头：“也不是……”
女生皱了眉，眼里开始有了不解。
“那你不会是做 wasm 的吧？Rust + wasm-pack，前端调用高性能模块，感觉就不属于传统前端了！”
我慌了，急忙摆手：“不是不是……”
她眯起眼睛，认真起来：“那……是做体验优化的？LCP、FID、CLS 指标调优、骨架屏、预渲染、懒加载，这种对用户最有感知的部分？”
我低声说：“没涉及……”
她愣了一下，试探地问：“那你……该不会是在搞低代码平台吧？”
我想了想那堆业务组件、页面拖拽、动态 schema 配置，艰难点头：“嗯……也不是……”
空气瞬间凝固。
她冷静问道：“那你到底是做什么前端？”
我眼眶泛红，终于崩溃，带着哭腔喊出：
“我……我就是在做业务页面开发的！写表单、写表格、调接口、改样式、修兼容！！！”
人群中爆发出忍不住的笑声，我却喊得更用力：“你们不要笑写页面的前端！需求一天三改，交互一小时一变，我们还要兼容IE、适配大屏、应付产品突然的灵感！我们是前端落地链条上最艰难的一环，是996的第一批受害者！”
展开
6
7
赞了这篇沸点
你问 AI 都得不到好答案的问题：
前端 CSS 媒体查询怎么区分是使用电脑浏览器还是手机浏览器？
例如需求为：
移动端设备（手机、ipad 等）导航栏显示为底部 Tabs
电脑端设备导航栏显示为头部 Tabs
.
.
.
.
答案是使用
@media (hover: hover) {}
其本质上是区分输入设备是否为鼠标，这覆盖了绝大多数电脑跟手机的区分场景，上面场景的设置如下：
// 电脑端
@media (hover: hover) {
.nav { position: fixed; top: 0; left:0 width:100vw, height: 10rem }
}
// 移动端
.nav { position: fixed; bottom: 0; left:0 width:100vw, height: 10rem }
前端 CSS 媒体查询怎么区分是使用电脑浏览器还是手机浏览器？
例如需求为：
移动端设备（手机、ipad 等）导航栏显示为底部 Tabs
电脑端设备导航栏显示为头部 Tabs
.
.
.
.
答案是使用
@media (hover: hover) {}
其本质上是区分输入设备是否为鼠标，这覆盖了绝大多数电脑跟手机的区分场景，上面场景的设置如下：
// 电脑端
@media (hover: hover) {
.nav { position: fixed; top: 0; left:0 width:100vw, height: 10rem }
}
// 移动端
.nav { position: fixed; bottom: 0; left:0 width:100vw, height: 10rem }
展开
5
2
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)