🌟
前端开发
商汤人工智能研究中心 · 4年经验
日薪：
￥600/8h
地点：
深圳 南山
时间：
下班后周六周日
信用行为
0
接单数
0
评价数
0
收藏数
技术能力
1、核心栈：熟练掌握 HTML5/CSS3/JavaScript (ES6+)，精通React、 Hooks，熟练使用
Vue进行开发。
2、工程化：熟悉 Webpack 核心配置与优化原理，了解前端自动化部署 CI/CD 流程；具
备从0到1搭建脚手架、封装 npm 工具库的实践经验。
3、跨端与语言：具备 React Native 及 H5 多端开发能力；了解 Node.js，能基于其开
发辅助工具。
Vue进行开发。
2、工程化：熟悉 Webpack 核心配置与优化原理，了解前端自动化部署 CI/CD 流程；具
备从0到1搭建脚手架、封装 npm 工具库的实践经验。
3、跨端与语言：具备 React Native 及 H5 多端开发能力；了解 Node.js，能基于其开
发辅助工具。
项目经验
APP、H5
项目描述：提供用户学棋、对弈复盘及人人对弈功能，APP 采用 React Native，部分页面以 H5 形式
内嵌。
核心贡献：
核心组件库建设：基于svg.js开发围棋棋盘/棋子组件，封装落子规则（打劫、禁着
点、吃子）及“试下”功能；通过 Rollup 打包发布为私有 npm 包，供多项目复用。
复杂业务模块开发：主导围棋 AI 复盘页面开发，针对移动/Web 双端样式差异大的问
题，采用状态与视图分离策略，使用 Mobx 管理复杂逻辑，实现 UI 组件最大化复用。
关键技术攻关：负责 APP 与 H5 的 JSBridge 通信层开发，统一封装录音、分享、设
置标题等原生能力调用。在好友约战功能中，设计基于单例模式和发布-订阅模式的
WebSocket 封装层，实现心跳检测与自动重连，保证长连接稳定性。
⚫ 基于vue多页框架的教学制作平台
项目描述：课程制作工具，供教师在线制作课程。
核心贡献：
工程化架构设计：设计基于 Vue 的 多页面应用（MPA）框架，实现公共组件、配置
文件共享，业务逻辑相互隔离，互不干扰。
构建优化：利用 Webpack 多入口配置，支持按需构建指定页面，将开发环境构建速度
提升约 40%。
自动化工具链：封装基于 Node.js 的脚手架工具，用于快速创建符合业务规范的新教
学项目，将项目初始化时间从天级缩短到分钟级。
⚫ 教学实验平台
项目描述：覆盖中小学+高等院校，提供教学资源中心、备课上课、AI 软硬件实验等模块，解决教学
研资源分散问题。
核心贡献：
可维护性提升：负责基础组件库开发，通过对react-component二次封装，实现主题平
滑切换。
性能优化：在课程内容呈现中引入虚拟列表技术，解决长列表卡顿问题，大幅提升渲
染性能。
多语言与扩展性：承担平台多语言版本迭代，在习题模块中将每种题型独立封装，保
证新题型的可扩展性和可维护性。
项目描述：提供用户学棋、对弈复盘及人人对弈功能，APP 采用 React Native，部分页面以 H5 形式
内嵌。
核心贡献：
核心组件库建设：基于svg.js开发围棋棋盘/棋子组件，封装落子规则（打劫、禁着
点、吃子）及“试下”功能；通过 Rollup 打包发布为私有 npm 包，供多项目复用。
复杂业务模块开发：主导围棋 AI 复盘页面开发，针对移动/Web 双端样式差异大的问
题，采用状态与视图分离策略，使用 Mobx 管理复杂逻辑，实现 UI 组件最大化复用。
关键技术攻关：负责 APP 与 H5 的 JSBridge 通信层开发，统一封装录音、分享、设
置标题等原生能力调用。在好友约战功能中，设计基于单例模式和发布-订阅模式的
WebSocket 封装层，实现心跳检测与自动重连，保证长连接稳定性。
⚫ 基于vue多页框架的教学制作平台
项目描述：课程制作工具，供教师在线制作课程。
核心贡献：
工程化架构设计：设计基于 Vue 的 多页面应用（MPA）框架，实现公共组件、配置
文件共享，业务逻辑相互隔离，互不干扰。
构建优化：利用 Webpack 多入口配置，支持按需构建指定页面，将开发环境构建速度
提升约 40%。
自动化工具链：封装基于 Node.js 的脚手架工具，用于快速创建符合业务规范的新教
学项目，将项目初始化时间从天级缩短到分钟级。
⚫ 教学实验平台
项目描述：覆盖中小学+高等院校，提供教学资源中心、备课上课、AI 软硬件实验等模块，解决教学
研资源分散问题。
核心贡献：
可维护性提升：负责基础组件库开发，通过对react-component二次封装，实现主题平
滑切换。
性能优化：在课程内容呈现中引入虚拟列表技术，解决长列表卡顿问题，大幅提升渲
染性能。
多语言与扩展性：承担平台多语言版本迭代，在习题模块中将每种题型独立封装，保
证新题型的可扩展性和可维护性。
🌟
前端开发 · 4年经验 · 商汤人工智能研究中心
0
累计接单
0
用户评价
0
被收藏
信用行为
0
接单数
0
评价数
0
收藏数
技术能力
1、核心栈：熟练掌握 HTML5/CSS3/JavaScript (ES6+)，精通React、 Hooks，熟练使用
Vue进行开发。
2、工程化：熟悉 Webpack 核心配置与优化原理，了解前端自动化部署 CI/CD 流程；具
备从0到1搭建脚手架、封装 npm 工具库的实践经验。
3、跨端与语言：具备 React Native 及 H5 多端开发能力；了解 Node.js，能基于其开
发辅助工具。
Vue进行开发。
2、工程化：熟悉 Webpack 核心配置与优化原理，了解前端自动化部署 CI/CD 流程；具
备从0到1搭建脚手架、封装 npm 工具库的实践经验。
3、跨端与语言：具备 React Native 及 H5 多端开发能力；了解 Node.js，能基于其开
发辅助工具。
项目经验
APP、H5
项目描述：提供用户学棋、对弈复盘及人人对弈功能，APP 采用 React Native，部分页面以 H5 形式
内嵌。
核心贡献：
核心组件库建设：基于svg.js开发围棋棋盘/棋子组件，封装落子规则（打劫、禁着
点、吃子）及“试下”功能；通过 Rollup 打包发布为私有 npm 包，供多项目复用。
复杂业务模块开发：主导围棋 AI 复盘页面开发，针对移动/Web 双端样式差异大的问
题，采用状态与视图分离策略，使用 Mobx 管理复杂逻辑，实现 UI 组件最大化复用。
关键技术攻关：负责 APP 与 H5 的 JSBridge 通信层开发，统一封装录音、分享、设
置标题等原生能力调用。在好友约战功能中，设计基于单例模式和发布-订阅模式的
WebSocket 封装层，实现心跳检测与自动重连，保证长连接稳定性。
⚫ 基于vue多页框架的教学制作平台
项目描述：课程制作工具，供教师在线制作课程。
核心贡献：
工程化架构设计：设计基于 Vue 的 多页面应用（MPA）框架，实现公共组件、配置
文件共享，业务逻辑相互隔离，互不干扰。
构建优化：利用 Webpack 多入口配置，支持按需构建指定页面，将开发环境构建速度
提升约 40%。
自动化工具链：封装基于 Node.js 的脚手架工具，用于快速创建符合业务规范的新教
学项目，将项目初始化时间从天级缩短到分钟级。
⚫ 教学实验平台
项目描述：覆盖中小学+高等院校，提供教学资源中心、备课上课、AI 软硬件实验等模块，解决教学
研资源分散问题。
核心贡献：
可维护性提升：负责基础组件库开发，通过对react-component二次封装，实现主题平
滑切换。
性能优化：在课程内容呈现中引入虚拟列表技术，解决长列表卡顿问题，大幅提升渲
染性能。
多语言与扩展性：承担平台多语言版本迭代，在习题模块中将每种题型独立封装，保
证新题型的可扩展性和可维护性。
项目描述：提供用户学棋、对弈复盘及人人对弈功能，APP 采用 React Native，部分页面以 H5 形式
内嵌。
核心贡献：
核心组件库建设：基于svg.js开发围棋棋盘/棋子组件，封装落子规则（打劫、禁着
点、吃子）及“试下”功能；通过 Rollup 打包发布为私有 npm 包，供多项目复用。
复杂业务模块开发：主导围棋 AI 复盘页面开发，针对移动/Web 双端样式差异大的问
题，采用状态与视图分离策略，使用 Mobx 管理复杂逻辑，实现 UI 组件最大化复用。
关键技术攻关：负责 APP 与 H5 的 JSBridge 通信层开发，统一封装录音、分享、设
置标题等原生能力调用。在好友约战功能中，设计基于单例模式和发布-订阅模式的
WebSocket 封装层，实现心跳检测与自动重连，保证长连接稳定性。
⚫ 基于vue多页框架的教学制作平台
项目描述：课程制作工具，供教师在线制作课程。
核心贡献：
工程化架构设计：设计基于 Vue 的 多页面应用（MPA）框架，实现公共组件、配置
文件共享，业务逻辑相互隔离，互不干扰。
构建优化：利用 Webpack 多入口配置，支持按需构建指定页面，将开发环境构建速度
提升约 40%。
自动化工具链：封装基于 Node.js 的脚手架工具，用于快速创建符合业务规范的新教
学项目，将项目初始化时间从天级缩短到分钟级。
⚫ 教学实验平台
项目描述：覆盖中小学+高等院校，提供教学资源中心、备课上课、AI 软硬件实验等模块，解决教学
研资源分散问题。
核心贡献：
可维护性提升：负责基础组件库开发，通过对react-component二次封装，实现主题平
滑切换。
性能优化：在课程内容呈现中引入虚拟列表技术，解决长列表卡顿问题，大幅提升渲
染性能。
多语言与扩展性：承担平台多语言版本迭代，在习题模块中将每种题型独立封装，保
证新题型的可扩展性和可维护性。
立即沟通
