遇到了同样的问题，楼主最后有解决吗？

我觉着像是手写的，p-hero__container 这种应该是 BEM 风格的 CSS 命名？
跟踪鼠标的彩色圆点在 lycoris-recoil.com/assets/js/lyco_reco.common.js 搜 var Cursor

图片斜切的效果在 https://lycoris-recoil.com/assets/css/lyco_reco.top.css 搜 .is-current .p-hero_visual__kv
clip-path 居然还可以和 transition 一起用

部分动画是纯 CSS ，不清楚是自己写的还是用的哪个库。
类似的有这个 https://animate.style/

图片根据 scroll 移动应该是用的 locomotive-scroll
按钮 mouseenter 效果见 https://lycoris-recoil.com/assets/js/lyco_reco.common.js （搜 js-hov-circle ）

@KevinChan
一般成年人验光确实是不散瞳的。
我这个是眼外科医生的建议，休息一段时间后去做个散瞳查。

@ccming
这个要看店家，据我所知宝岛是可以自带镜框的，淘宝上的商家也可以只买镜片，把镜框寄过去加工好再邮回来。
不过如果自带的镜架损毁了一般是是不赔偿的。

唔搜了下，私立的还是算了。
https://www.zhihu.com/question/437369236

@irockytan
私立的有推荐吗，爱尔之类的靠谱吗？
感觉公立的排队会很麻烦，还有不想几分钟就被打发了。

oracle 你们都是咋装的。。。？

点赞，以前经常吃闹肚子。
但从未想过投诉，确切来讲就没想过能投诉。

另外，我不理解上个帖子为什么会进这个节点。
或者来说，这个节点的 intro 是不是应该改一下了。

C -> 三级子公司

A 不考虑
B 确定能转正？哪个 hr 跟你说的，B 还是 C ？

研究了一下，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 那种，不过我觉得这已经跳脱了前端的范畴了。