今天的废萌大雁
前端工程师
- 公司信息：
- 沧州艾科网络
- 工作经验：
- 3年
- 兼职日薪：
- 500元/8小时
- 兼职时间：
- 可工作日驻场（自由职业原因）
- 所在区域：
- 其他
- 全区
技术能力
1. 掌握前端三大开发语言HTML5,CSS,JavaScript
2. 掌握主流的前端UI开发框架：bootstrap，Element Plus，Bluma
3. 精通 Vue3 技术生态（Composition API/Vite/Pinia），具备复杂组件开发能力
4. 拥有 uni-app 多端开发经验（微信小程序/H5/App），处理过 20+ 平台差异问题
5. 熟练配置 Webpack/Vite 构建工具，优化过 10+ 项构建性能指标
6. 跟踪学习 Web Components 标准规范
7. 掌握Django后端开发体系，熟悉MTV架构模式与RESTful API设计规范
项目经验
技术栈：Vue3 + TypeScript + Pinia + Vite + Element Plus + Axios
1.前端架构设计
· 基于 uni-app（Vue3 Composition API）+ uni-ui（uni_modules）搭建多端商城应用骨架，采用“TabBar 主航线 + 功能页路
由”模式组织业务页面
· 建立统一的 UI/样式规范：页面布局与组件样式统一使用 rpx，保障跨端一致性与可维护性
· 通过 pages.json 统一管理路由、导航栏与页面能力配置，明确 Tab 页面与非 Tab 页面（详情/搜索/登录）的职责边界
2.核心功能开发
· 首页：固定顶部搜索栏、Banner 轮播、分类 Tab、推荐商品列表、回到顶部等核心运营位布局与交互
· 分类页：左侧一级分类 + 右侧二级分类网格 + 商品列表联动，支持点击商品进入详情页
· 商品详情页：轮播、价格/标签、详情/参数/评价分段展示；规格选择弹层（sku + 数量）与底部操作栏（加入购物车/立即购买）
3.性能优化实践
· 长列表优化：商品流/信息流使用 scroll-view 分段渲染与“触底加载”，避免一次性渲染大量节点；必要时做虚拟列表（H5/部分
端）或骨架屏占位减少首屏阻塞
· 接口聚合与缓存：首页/分类等接口做聚合返回，减少请求次数；对基础数据（类目、热搜）做本地缓存与版本控制，降低冷启动
网络开销
· 开发通用Skeleton组件，用户感知加载时间缩短40%
GitHub项目链接：https://github.com/today-wild-goose/v-shop.git
技术栈：uni-app + Vue3 + uni-ui
1. 项目架构与技术选型
· 运用 uni-app 框架，一次开发即可编译到 iOS 和 Android 两大主流移动平台，显著提升了开发效率并降低了维护成本。
· 主体采用 Vue.js 3 及其组合式 API 进行开发，通过 reactive 、 onMounted 等 API 有效地组织和复用逻辑代码，提升了代码的
可读性和可维护性。
· 将应用拆分为多个独立、可复用的 Vue 组件（如 MagazineScroll , CustomTabBar , NewsItem 等），实现了高度模块化的开
发。
2. 核心功能开发
· 利用 uni.$on 和 uni.$emit API，建立了一套全局事件系统。保证了应用在不同页面的数据一致性。
· 在 onMounted （页面加载时）和 onPageShow （页面重新显示时）等生命周期钩子中，主动从本地存储中同步下载和购买状
态。确保了用户总能看到最新的数据状态。
3. 用户体验与 UI 优化
· 为下载功能设计了多种精细的视觉状态，使用 SVG 和 CSS 动画实现了动态的 圆环进度条 ，并为暂停状态设计了自定义图标，提
供了清晰、直观的用户反馈。
· 将项目从依赖静态数据重构为由模拟后端数据驱动。通过在页面间传递完整的杂志数据对象，详情页可以动态渲染不同刊物的封
面、标题和用户状态（如购买/下载进度），为后续对接真实后端 API 奠定了基础。后台管理系统 2025-12 ~ 2026-01
技术栈：Vue3 + Element Plus + Node.js + WebSocket + Chart.js
1. 精细化权限系统
· 设计并实现了完整的 角色管理 与 权限分配 功能，支持为不同角色（管理员、编辑）动态勾选可访问的菜单与可执行的操作。
· 实现了 路由守卫 与 动态菜单 的双重验证机制：不仅在路由跳转时拦截无权限的访问，同时在界面上动态隐藏无权限的菜单入
口，提供了安全、清晰的用户体验。
2. 数据驱动的仪表盘
· 利用 Chart.js 将访问量、文章发布量等核心指标进行可视化，支持按时间维度（如近7天/30天）切换视图。
· 设计了多卡片布局，用于实时展示站点的关键绩效指标 (KPIs)，如文章总数、新增评论等。
3. 全功能内容管理 (CRUD)：
· 开发了文章、用户等核心模块的 增、删、改、查 功能，通过封装可复用的 el-dialog 表单组件，提高了开发效率
· 为文章模块添加了“查看详情”、“点赞/评论数”等扩展功能，使其更贴近真实业务场景
