0
被预约次数
0
被收藏次数
0
被评价次数
1. 核心基础与语言
HTML5/CSS3： 精通语义化 HTML 标签，熟练运用 Flexbox、Grid 布局实现响应式设计。熟悉 CSS 预处理器（Sass/Less）及 CSS-in-JS 方案。
JavaScript： 深入理解 ES6+ 语法特性（箭头函数、解构赋值、Promise、Async/Await、模块化）。掌握原型链、闭包、事件循环机制。
TypeScript： 具备 2+ 年 TypeScript 实战经验，熟练使用接口（Interface）、泛型（Generics）、类型推断，能够封装公用类型定义，提升项目代码健壮性。
2. 主流框架与生态
React (主力)：
熟练使用 Hooks (useState, useEffect, useCallback, useMemo) 及自定义 Hook 封装业务逻辑。
掌握状态管理：Redux (Redux Toolkit) / Zustand / Mobx。
熟悉路由管理：React Router v6。
Vue (辅助/备选)：
熟练使用 Vue 3 Composition API，理解响应式原理（Proxy）。
掌握生态：Pinia/Vuex, Vue Router, Element Plus / Naive UI。
3. 工程化与构建工具
构建工具： 熟练配置 Webpack (SplitChunks, 热更新，Loader/Plugin 开发)。熟悉 Vite 的开发体验及原理，能进行快速冷启动配置。
包管理器： 熟练使用 npm/yarn/pnpm，了解 Monorepo 管理模式（如 Turborepo, Changesets）。
代码规范： 配置过 ESLint、Prettier、Husky、lint-staged，保证团队代码风格统一。
4. 网络与服务端
HTTP： 熟悉 TCP/IP、HTTPS 原理，掌握常见状态码含义（200、304、401、502）。理解跨域问题（CORS、JSONP、正向/反向代理）。
接口对接： 熟练封装 Axios，处理请求拦截、响应拦截、错误边界及接口重试逻辑。
5. 性能优化与用户体验
首屏优化： 熟练使用路由懒加载、图片懒加载、WebP 格式转换、Gzip 压缩、CDN 加速。
运行时优化： 防抖/节流、虚拟滚动（react-window）、React.memo 避免不必要的重绘。
指标监控： 了解 LCP、FID、CLS 核心 Web 指标，使用过 Lighthouse 进行性能评分及优化。
6. 测试与调试
单元测试： Jest + React Testing Library / Vitest。
调试工具： 熟练使用 Chrome DevTools 进行 Performance 分析、Memory 排查内存泄漏。
项目一：企业级低代码可视化搭建平台 (React + TypeScript)
项目描述： 为解决公司运营活动页面重复开发问题，参与开发内部低代码平台。运营人员可通过拖拽组件（图片、轮播、表单）快速生成 H5 落地页。
技术栈： React 18, TypeScript, Redux Toolkit, Ant Design, Webpack 5, Monaco Editor。
核心职责：
组件库开发： 基于 JSON Schema 规范，开发了 20+ 个通用业务组件，并利用 React Hooks 封装了组件之间的消息通信机制。
核心编辑器： 实现画布区域的自由拖拽、缩放及实时预览功能。
代码生成器： 编写 AST（抽象语法树）转换脚本，将 JSON 结构转化为可直接部署的 React 代码，提升开发效率 60%。
性能优化： 针对大数据量页面（超过 100 个组件），采用 react-window 优化渲染列表，并对撤销/重做功能进行内存优化，页面卡顿率降低 40%。
项目二：跨境电商后台管理系统 (Vue3 + Element Plus)
项目描述： 服务于跨境电商业务的管理后台，包含商品管理、订单流转、数据仪表盘等模块，日活操作人员 500+。
技术栈： Vue 3, Composition API, Pinia, Vite, Axios, ECharts。
核心职责：
权限模型设计： 设计动态路由方案，根据后端返回的角色权限（RBAC），通过 addRoute 动态挂载菜单，实现页面级及按钮级权限控制。
复杂表单处理： 封装可配置化的动态表单组件，支持联动校验、动态增删行，减少重复代码量约 30%。
前端导出： 解决后端导出接口超时问题，利用 sheetjs 实现前端分页获取全部数据并导出 Excel，支持数据量最大 10w 条（配合虚拟滚动）。
构建优化： 将 Webpack 迁移至 Vite，利用预编译特性，开发服务器启动时间从 90s 缩短至 2s。
项目三：在线协同文档编辑器 (私有化部署)
项目描述： 仿飞书/语雀风格的在线文档，支持多人同时编辑、Markdown 实时渲染及评论功能。
技术栈： Next.js (SSR), TypeScript, WebSocket (Socket.io), Slate.js, IndexedDB。
核心职责：
协同算法： 研究并应用 OT (Operational Transformation) 算法思想，利用 WebSocket 实现 Web 端文本编辑的实时同步与冲突处理。
离线存储： 利用 IndexedDB 实现文档的离线缓存，用户在断网后可继续编辑，联网后自动合并本地变更 (CRDT 思想)。
SSR 优化： 解决白屏问题及 SEO 需求，通过 Next.js 的 getStaticProps 生成静态页面，首屏加载时间减少 50%。
安全防护： 引入 DOMPurify 对用户输入内容进行 XSS 过滤，保障文档安全。
项目四：个人/团队技术基建 (NPM 包开发)
项目描述： 针对团队中多个项目重复出现的上传、下载及日期处理逻辑，抽取为公共 NPM 库。
技术栈： TypeScript, Rollup, Jest, Changesets。
核心职责：
发布 @utils/request-plus 包，封装了全局 Loading 自动管理、Token 刷新队列机制。
建立了规范的 CI/CD 流程：git push -> GitHub Actions 自动执行测试并打包 -> 自动发布到私有 NPM 仓库。
可兼职时间
可兼职地点
0条评论 雇主评价