Mr.Wen
简历 日志 更多

个人信息

温朝海 | 男 | 2001
本科 | 遵义师范学院 | 电子信息
前端开发 | 2年经验
期望职位:前端开发工程师
期望城市:深圳
个人博客:wch666.com
手机/微信:19922241170
Email:3223398545@qq.com
期望薪资:10k - 15k

专业技能

前端基础:熟练掌握 HTML5、CSS3、JavaScript、TypeScript,深入理解原型链、闭包、异步、事件循环等核心机制;熟悉响应式布局与常见页面开发,了解浏览器渲染原理。
框架与库:熟悉 Vue 2/3 及其生态(Vue Router、Pinia.....),能开发丰富交互型应用;了解微信小程序开发(有上线项目);了解 Element Plus、ECharts、JQuery 等常用库。
工程化与构建:熟悉 ESM 和 CommonJS 模块规范;了解 Vite、Rollup、ESbuild等工具的使用,能简单实现自定义构建流程与打包;熟悉 Git、NPM/PNPM 进行版本与包管理。
性能与调试:掌握代码分割、懒加载、资源优化等前端性能优化手段;熟练使用 Postman、Chrome DevTools 等调试工具。
后端方面:熟悉 Node.js、PHP、Express,能设计并实现 RESTful API;熟悉 MySQL、Redis 的基本使用与数据操作,以及具备命令行工具开发经验。
部署与运维:了解并使用过主流云服务商(如阿里云、腾讯云)的基础产品进行应用部署与运维;了解 HTTP 协议、Web 安全及常见网络攻击防范。
AI赋能:熟练使用各大Ai编辑器进行辅助开发,了解Prompt、MCP、RAG 、Agent 、Skill 、Context等概念。

个人优势

对前端技术充满好奇,乐于钻研原理,坚持自学与实践,并产出上百篇原创文章与视频。此外,还独立完成多个个人项目,将理论应用于实践(详见附录)。

工作经历

2024-08 ~ 2026-02
深圳市魔酷网络有限公司
前端开发工程师
工作职责:负责各种新增业务功能开发、对现有老项目进行日常维护,修复bug并新增功能。配合后端开发人员进行接口联调、负责特定领域技术难题的解决等等。
成绩:做了一些为公司降本增效的事情,开发了多款提升效率的工具
2023-06 ~ 2024-01
贵州辕初科技有限责任公司
前端实习工程师
工作职责:严格对齐设计稿视觉规范,实现常见的交互逻辑,并兼顾多端适配与兼容性。

项目介绍

2024-08 ~ 2026-02
深圳市魔酷网络有限公司
前端开发工程师
H5游戏运营中台管理系统
技术栈:vue2、vuetify、vue-router、vue2-ace-editor、lodash、less、laravel-mix、echarts、exceljs
该项目为公司自主研发的一站式游戏运营中台系统,专注于为 H5 游戏提供高效、统一的发布、配置与变现管理解决方案。系统支持游戏站点域名绑定、模板选择及小游戏分配,覆盖从游戏资源上传、网站配置到谷歌广告分发的全流程在线管理。通过直观的可视化操作界面,赋能运营人员快速完成游戏网站搭建、H5 小游戏接入及广告位配置,并实时监控广告收益数据,显著提升游戏上线效率与商业化变现能力。
个人项目贡献:
攻克弱网离线访问难题:针对游戏网站在极端弱网环境下无法使用的痛点,创新性地引入Service Worker技术构建 PWA 缓存策略。成功实现游戏站点及内嵌小游戏的本地资源缓存与离线加载,确保在网络不稳定时用户仍能流畅体验,覆盖率大幅提升。
构建高性能图片处理工具:自主研发基于Canvas 的可视化图片裁剪与压缩组件,解决了运营人员上传图片格式不统一、体积过大导致加载缓慢的问题,将图片上传后的平均处理时间缩短至秒级,且视觉无损。
研发智能表单缓存机制:针对复杂的多表单项配置场景,设计并实现多表单状态持久化缓存方案。有效规避了因页面刷新或误操作导致的数据丢失风险,大幅减少运营人员的重复填写工作,操作效率提升约 40%。
实现批量数据导入功能:开发基于 Excel 模板的批量导入工具,支持运营人员一次性上传数百个游戏站点或配置项,替代了繁琐的单条录入模式,单次操作耗时从分钟级降低至秒级,极大释放了人力成本。
识海 - 个人知识库(AI+RAG)
地址:https://shihai.life/
技术栈:vue3、typeScript、less、vditor、express、langchain、chromadb、sequelize、mysql
独立设计并开发了一个集任务管理、沉浸式写作与ai知识库于一体的全栈Web应用。该项目旨在帮助用户高效管理待办事项、专注写作,并通过自建RAG知识库实现基于个人文档的智能问答,提升信息检索与知识整合效率。达到“任务/笔记 → 写作 → 知识库”的无缝衔接,形成从记录、创作到智能问答与知识复用的完整闭环。
项目特点:
任务管理模块:支持待办的增删改查,提供状态分类与优先级排序功能,帮助用户高效管理任务、及时捕捉灵感。
沉浸式写作环境:集成Markdown编辑器,具备实时预览与云端存储能力,满足写作、笔记等多种场景需求。
RAG知识库系统:支持将文章整理归档,系统通过向量化存储与语义检索技术,实现基于私有知识的智能问答。
WeepSeek - AI对话助手
地址:https://ai.w4lsp.com/
技术栈:vue3、typeScript、markdown-it、axios、pinia、vue-router、big.js、express、mysql
本项目是一个集成了多模型对话、AI角色定制与商业化支付功能的智能助手平台。 平台旨在解决“模型选择单一”与“AI角色固化”的痛点,支持用户在多模型间灵活切换,并可自由配置AI的角色设定与交互风格,使其能够适应日常对话、学习辅导、情感倾诉等多种个人化场景。 同时,平台内置了轻量级的商业化体系,实现了从产品交互到收益管理的闭环。也提供一键式的私有化部署方案,让用户能够轻松在自有环境中搭建安全、专属的AI助手。
项目特点:
多模型实时切换:通过统一抽象层设计,支持用户在不同AI模型间灵活切换,打破单一模型限制,实现对话效果与成本的最优平衡。
全链路行为监控:建立涵盖用户行为、性能监控的监控体系,为产品迭代与稳定运营提供数据支撑。
商业化支付与安全体系:集成微信支付与基于Token数量的动态计费系统,实现从对话、计费到收益管理的完整商业化路径。实施用户鉴权、接口滑动窗口频率限制、阿里云验证码等多重防护策略,保障业务安全。
工程化与私有化部署:前后端全面TypeScript化,制定模块化与类型规范,提升代码健壮性,确保系统稳定与可维护性。并封装为一键私有化部署方案,将复杂的环境配置简化为脚本执行,大大简化了安装流程。
技术栈:html5、css3、javaScript、php、mysql、redis、fingerprint.js、spark-md5、ace editor
一款基于原生技术的在线云存储平台,支持文件云端存储、多格式预览、分享协作等功能。核心实现文件秒传、断点续传及实时进度监控,并利用现代浏览器能力实现“类原生”的直接磁盘写入式下载体验。项目全程采用原生 JavaScript 与 PHP 开发,仅引入必要工具库,无前端框架依赖,并提供完整私有化部署教程。
项目特点:
回归纯粹:摒弃 React/Vue 等框架,基于原生 JavaScript 从零搭建前端应用,模拟了模块动态加载。在确保功能完备的同时,主动选择只用纯原生技术栈来构建复杂的单页应用,完成了一次富有挑战性的技术探索,巩固了前端技术根基,也更加感受到了工程化的必要。
自研传输引擎:设计并实现了文件上传/下载系统,结合服务端文件指纹校验,支持秒传与断点续传(含下载续传);结合工作线程分离计算逻辑,确保 UI 线程流畅,实现进度实时精准展示。
类原生”交互体验:深入研究并应用现代浏览器API(如File System Access API),实现了文件从网络流直接写入用户本地磁盘的下载流程。该方案绕过了传统浏览器下载管理器,大幅提升了下载效率与操作体验的一致性。
扩展安全与硬件集成:拓展了Web应用与外部硬件的交互边界,通过串口(Web Serial API)连接外部安全设备,实现了基于硬件的身份认证与文件流加解密功能,为系统在特定高安全需求场景下提供了增强解决方案。

附录· 全部个人项目 (可点击下方标题访问)(可访问:https://wch.icu/ 查看)

© 温朝海 | 黔ICP备20006995号-3