夕颜
前端工程师
- 公司信息：
- 不愿透露
- 工作经验：
- 1年
- 兼职日薪：
- 500元/8小时
- 兼职时间：
- 可工作日驻场（自由职业原因）
- 所在区域：
- 郑州
技术能力
掌握HTML5/CSS3/JavaScript，精通Vue.js及全家桶（Vue Router, Vuex/Pinia），熟悉React.js及其生态（Redux, React Hooks）。具备跨端开发能力，了解uni-app/Taro开发小程序。熟悉前端工程化：Webpack/Vite配置优化、ESLint、Prettier、Git流。擅长响应式布局、Flex/Grid，移动端适配（rem/vw, 媒体查询）。了解Node.js（Express/Koa），能实现简单的服务端渲染或BFF层。有良好的组件化开发、设计模式经验，编写可维护代码。对性能优化有实践，包括懒加载、CDN、图片优化、webpack打包优化、浏览器缓存策略等。
项目经验
1. 网页拼图小游戏（2024.06-2024.08）
独立开发了一款拖拽式拼图小游戏，支持 3×3 和 4×4 两种难度，采用原生 JavaScript + HTML5 Canvas 与 CSS Grid 混合实现。游戏核心逻辑包括图片切割、随机打乱、可解性校验（通过逆序数奇偶性保证拼图必然可解）、拖拽/点击交换以及步数计时统计。为了实现流畅的拖拽交互，监听了 touch 和 mouse 事件，通过计算元素位置与鼠标偏移完成交换动画。在移动端适配了触屏操作，并利用 localStorage 保存最高纪录。同时加入“提示”功能：高亮应交换的两块区域，帮助用户降低挫败感。项目难点在于处理打乱后无解的情况，通过编写基于逆序数的校验函数，在初始化时自动调整相邻块，确保每次开局必定有解。经过多轮测试，游戏在 Chrome 与微信内置浏览器中均响应稳定。最终代码约 1200 行，并通过 GitHub Pages 部署供演示。该项目锻炼了事件处理、状态管理与算法校验能力。
2. 按要求生成古诗词网页（2024.09-2024.10）
独立开发了一个可交互的古诗词创作网页。用户可选择五言绝句、七言律诗或词牌（如梦令、浣溪沙），然后指定主题（如“山水”“送别”“咏梅”）或关键词，点击生成即可获得一首格律基本工整、意境相符的诗词。前端采用 Vue 3 + Vite 搭建，界面采用仿古卷轴风格，通过 CSS 动画实现淡入展开效果。核心生成逻辑未依赖大模型 API，而是在前端构建了小型知识库：包含常见意象词库（明月、秋风、孤舟等）、平仄模板、押韵表（基于中华新韵）。生成流程为：先匹配主题关键词，抽取对应意象词，再依据格律模板填充，并利用随机权重与重复词过滤保证多样性。对于律诗，还加入了简单的中二联对仗检测，输出结果时用高亮标注押韵字。项目难点在于控制随机性与可读性的平衡，通过设计多套句式模板和约束规则，最终使生成诗词的通顺率超过 75%，并在最终展示中获得良好评价。该作品展示了扎实的 JavaScript 逻辑、中文文本处理能力以及前端工程化实践。
案例展示
-
网页拼图游戏
1.经典3x3数字华容道玩法 盘面包含数字1至8和一个空白块(图标)，通过点击与空白格相邻的数字方块进行交换，最终将所有 数字按从左到右、从上到下的顺序排列(空白位于右下角)即可获胜。 2.交互与反馈 点击方块时带有按压动画效果，移动逻辑自动校验相邻性。 。顶部实时统计
-
诗境·古韵生成
本作品是一个基于前端知识库与格律模板的智能诗词生成网页，无需后端或大模型AP即可运行。用户可通过界面自由选择诗体/词牌(五言绝句、七言律诗、如梦令、浣溪沙)、意境主题(山水、送别、咏梅、秋思、闲适)以及自定义关键词(如“明月”“孤舟")，点击生成按钮后，系统自动调用内置
