[求职] 前端 React/Vue 不限, threejs/echarts 经验, nodejs 服务

[NerdHND]

Nerd

因为原本的公司业务调整, 我们项目组没了. 本人刻苦钻研, 爱好 ts 社区和开发工作, 求捞啊.

• 男 | 24 岁 | 统招本科, 学信可查 ☎️15587765699 📧[email protected]
• 前端软件开发 (react / vue2 / vue3 / Next.js / Nuxt.js), Nodejs 后端开发, Rust 软件开发

个人优势

1. 熟练掌握 Typescript/JavaScript, Rust, Python 等语言, 对 V8, rustc, LLVM, cpython 的中端优 化, 后端生成等内容均有了解.

2. 熟练掌握 CSS, html (语义化, 无障碍, 浏览器适配, 规范化内容等). 熟悉 React/Vue 框架的部分 原理, 性能优化, 使用与维护. 掌握 LESS, SASS, Tailwind 等样式开发工具, 掌握 Redux, Pania, MobX, Zustand, Jotai, StateX 等状态管理工具, 掌握 Next.js/Nuxt.js, 能使用 SSR, SSG 进行 SEO, 并完成缓存优化. 能独立完成前端项目开发.

3. 掌握 Three.js, echarts 等工具, 了解图形学全局光渲染, 全光场, 光栅化等理论, 熟悉 WASM, WebGL, WebGPU 等 Web 规范. 能完成 3D 图形渲染开发和图表渲染开发.

4. 熟悉 Rollup, Webpack, Vite, Rspack (Rsbuild) 等构建工具, 并了解诸如 bundle, codegen 等流 程配置, 具有构建工具插件开发经验. 熟悉 eslint, prettier, biome 等开发规范化工具的使用. 熟 悉 electron, tauri 等 WebUI 本地打包框架的使用.

5. 熟悉 Restful/GraphQL 等 API 规范, 熟悉 Nest.js, tRPC 后端开发. 熟悉 Prisma/Drizzle 等 ORM 的使用.

6. 了解后端内容, 熟悉 Nginx, Traefik 等网关静态资源, 反向代理等配置, 熟悉 MySQL, PostgreSQL, MongoDB 等数据库的基础维护, 熟悉 k8s (k3s) 和 docker/podman 容器与容器 排布系统架构.

7. 了解 pytorch, candle 等模型训练框架的基本使用. 熟悉 ollama, langchain 等大模型部署排布 工具的使用.

8. 熟练掌握 Adobe Illustrator, Photoshop 等软件, 熟悉 Apple, Material Design 等设计规范, 能 独立设计图标, 界面样式.

9. 具有极强的驱动力和研究精神, 擅长使用新工具, 元编程等方法解决开发中的急迫问题.

工作经历

xxx 科技有限公司 (武汉) 实习: 2023.1~2023.6, 正式工作: 2023.7.3~2024.10.12, 8k

具体名称联系我简历有, 工作内容:

1. 参与低代码编辑器和渲染引擎的开发与维护 (React/Vanilla JS)

   • 3D 图形, 图表渲染

   • 资源文件管理和加载

   • NodeJs 云代码分析/构建

   • 代码搜索/构建/审查流程工具, 批量处理遗留项目内容

   • 其他页面交互表单等内容…

2. 标准业务产品研发 (React)

   • 前端页面开发

不光是武汉, 可以接受各个城市, 会的多不一定精, 但是都是实实在在写出过东西的技能.

从大四被这家公司领导相中开始就在实习, 同期进去的应届生也是第一个转正, 一直工作在研发岗, 然后工作了一年三个月多.

公司现在研发线都停了, 之前项目组十四个人, 最近一个月零零散散走只剩下加上我三个人, 第一次社招, 真的很需要一份工作, 一位伯乐.

更新一些我在上家公司工作中遇到的问题和解决方案吧:

1. 低代码页面打包缓慢

在进行多页面改造前, 用户经常会配置出大到离谱的页面内容. 这样的内容, 打包下载到本地时间能超过半个小时, 在我加入公司前尽管讨论了很多方案但是都没能解决这个问题.

我来了以后将页面改为自动保存, 然后对不同保存的页面内容做 diff, 每次将一个页面的不同部分打包成若干小包, 并划分为更小的数据包. 数据包会和页面的 service worker 进行通信比对时间戳定期交换, 用户点击打包的时候在 service worker 里直接将最新的数据包合并完成打包. 快达 0 秒!

2. 项目遗留内容

这个项目的低代码组件有新旧两个版本, 旧组件很古早, 构建很慢, 新组件的功能没旧组件多. 我来了以后通过重建代码 ast 的方式整理了旧组件代码的依赖关系 (之前旧组件的依赖很多都直接挂在 window 上), 并且通过构建工具插件和 cli 工具批量生成了旧组件们的暴露格式, 让旧组件适配新项目.

3. 云代码编辑器, 云代码构建和分析

之前这个项目也是存在一个比较简单的编辑器, 用来处理自定义组件和组件的客制化. 但是那个编辑器的编辑器体验很糟糕, 而且构建开销很大. 我推荐了 sandpack 用于在浏览器中创建一个 node 模拟环节, 在浏览器中完成模拟构建. 在后端我重新编写了一个基于 esbuild 和 swc 的新的构建服务, 并且支持 biome, 通过持久化任务调度. 代码提示上我在 webworker 上跑了一个 ts 语言服务器来处理.

4. 三维场景模型渲染

我在和 leader 表述过我对图形学的了解后, 后续项目开始加入一些三维图表的开发. 中间开发了三维线面图和三维占比图, 我通过 threejs 和 three-fiber 实现了这些图形, 并通过 shader 完成了其中的光效和动画要求. 其中一个困难是在图形上的位置反求相机屏幕空间坐标, 然后将 dom 定位在这些地方. 这涉及到三维空间, canvas, css 多个参考系和比例尺的转换, 并且还要对齐由于浏览器渲染和缩放带来的像素误差.

5. 其他

中间我重构过资源管理系统和面板, 也做过其他新组件, 还对各种老控件做过批量替换和编辑. 项目的构建系统我也进行过很多修改, 包括支持更新的 node 版本和提升构建速度, 优化打包体积.

项目的渲染引擎有一段时间面临 react 渲染性能问题, 我提出过 ssr 方案, 也给出了 demo, 但是因为工期原因未能完全实现, 仅对少量内容进行了 ssr 优化.

[WhiteCat1111]

你会这么多还不如自己开公司开，还卷啥啊？

[NerdHND]

我比较喜欢只管产品不管其他的环境, 初创公司这种我也很喜欢. 平常比较喜欢参加 24h/48h 这种特别极限的 gamejam. 自己开公司, 嗯, 主要是不知道做什么, 接单感觉渠道比技术重要吧.

[hangzhou]

24 岁就会这么多，我滴妈呀 这么一比我像是刚毕业的

[LHRUN]

爱好 ts 社区和开发 是什么意思，是参与过什么开源活动吗

[NerdHND]

@LHRUN 主要是关注 ts 社区新闻。因为从大一开始就在打工赚学费，所以提过不少 issues ，但 pr 含量较少。
https://github.com/1216892614

[waiaan]

请教楼主如何学习 threejs ，谢谢。

[NerdHND]

@waiaan 官方文档入门足够了，后面更多是看论坛的 examples 。写 shader 推荐看看 https://thebookofshaders.com/ ，玩玩 shadertoys

[AdminZ]

threejs 掌握到什么水平？能搭建或维护模型管理平台吗？类似于三维的低代码平台，优化大三维模型加载等，如果你会这些的话在武汉能到 12k 水平

[NerdHND]

@AdminZ 能做场景，能做动画，能写 shader. 上个项目组的 3D 图形部分就是我来牵头完成的，最复杂的需求也都是我做的。有做了动画渲染的优化，包括性能和流畅度。

[AdminZ]

@NerdHND 顶得住上级 pua 去投悉道科技，有经验后本科可去，我一年前面过，但是种种原因没去，你要是急于找工作可一试

[NerdHND]

@AdminZ 感激!

[whevether]

@NerdHND 能做出小米 su7 那种动画水平吗?

[NerdHND]

@whevether 那种动画需要的不光是开发, 还有很多美术工作. 包括很多烘培工作, 环境光动画, 各种材质贴图等等. 详细我可能还要研究一下这个动画, 看看这个动画中的内容.