研究了一下，1 楼的回复应该是错误的。我也不清楚为什么不会触发两次。
不过有一点可以确定的是，不要这样写。
现在的代码加个 setTimeout 进去直接就变成死循环了。

<template>
<div class="container content">
<div class="upload-box" @click="clickUpload">
<input type="file" class="hidden" accept="image/*" ref="uploadInput" @change="fileChange">
</div>
</div>
</template>

<script>
import {ref} from 'vue'
export default {
setup(){
const uploadInput = ref(null)
const clickUpload = (e) => {
if (uploadInput.value) {
console.log(uploadInput.value)
setTimeout(() => {
uploadInput.value.click()
})
}
}
const fileChange = (e) => {
console.log(e)
}
return {
uploadInput,clickUpload,fileChange
}
}
}
</script>

弹一次就 <input @click.stop type="file" class="hidden" accept="image/*" ref="uploadInput" @change="fileChange">
为什么要在 upload-box 里 uploadInput.value.click()，是想自定义 input 按钮的样式吗？

同一个文件不会而二次触发 change 事件

个人理解就是更易读、易维护？缺点是某些场景下存在性能问题。
挺适合前端的（数据量小，需求、接口、数据格式总是变来变去）

@mxT52CRuqR6o5
这就是问题所在，这种岗位基本是大厂才会有。
拿 WebGL 来说，大多数前端的所谓 3D 可视化 数字孪生都是 Three.js + 模型 + 特效。并没有什么门槛。
我曾经发过帖子咨询前端的 webGL 方向（ https://www.v2ex.com/t/756785 ）。总结来说岗位很少而且都是大厂才有这个需求，有这个能力不如走通用前端路更广。

除非是 Figma Zoom 那种，不过我觉得这已经跳脱了前端的范畴了。

就是个跳板而已，先干几年前端，然后找机会内部转岗到后端。

WebGL
Wasm
WebRTC
不过这堆玩意中小公司一般都用不上就是了。

换虚拟滚动
试过 vxe-table 的虚拟树，1 万行 x 20 列 PC 端无压力

自己根据需求封装些组件，例如轮播图
写一些有趣的项目，例如那个蒜头模拟
遇到 bug 了顺手修了后提交 pr

不过这玩意对简历也没啥用，除非是项目真有深度或者高 star 。

二线城市刷盘子都不止 4k 了，我觉得薪资要求没问题

不错了，上海封了俩月，也没等来一颗菜。

em 多用于 font-size ，所以多数面试 em 也默认是用在 font-size 上。
以前的移动端适配和大屏倒是会使用 rem 作为计算单位。
我很好奇在什么情况会使用 width: Xem

font-size: 1em 这个根据谁计算？
width: 1em 这个又根据谁计算？

制造业外包？国企吗？

搭车问个问题，ionic capacitor 这种能上架 IOS 吗？

HTTP 缓存 300 字
DNS 300 字
TCP 300 字
浏览器渲染过程 300 字
dog

纠正个错误 2000/30000 -> 2000/3000 多打了个 0

另外，真不推荐转码。疫情之后已经是红海了。