猿急送>

北京前端兼职程序员

ID：350129

新己

前端研发工程师

公司信息：
四川新希望股份有限公司

工作经验：
3年

兼职日薪：
500元/8小时

兼职时间：
周六
周日
可工作日远程
可工作日驻场（自由职业原因）

所在区域：
北京
朝阳

技术能力

掌握HTML5/CSS3/JavaScript，熟悉页面布局常用解决方案，ES6相关语法
掌握Vue2/Vue3，了解其底层原理，熟练使用相关组件库（ElementUI/VantUI/ECharts）
项目中经常做一些提高代码效率的措施，例如封装公共组件，工具函数等
熟练使用webpack，对工程化有一定程度的理解和实践，了解常用插件及其原理
对前端性能优化有一定的理解和实践，比如代码、请求、等优化措施有大量实践
能独立搭建符合规范的脚手架，熟练使用git、npm、Jenkins等工具管理项目包与版本
具备响应式设计和移动端开发经验，能够开发适应不同屏幕和设备的界面
有uniapp跨端开发的经验，掌握微信小程序原生开发；了解Node.js、MySQL、Java等后端技术
喜欢思考问题，并进行知识输出，多次参加知识分享会议

项目经验

ERP-风险管理后台 2022.04-2022.10
项目介绍：公司内部的后台管理系统，整合并管控公司项目风险信息，通过风险评估与管控辅助决
策。主要功能涵盖风险管理、风险应对、权限管理、日志记录与文件上传，确保项目顺利实施。
技术选型： Vue2全家桶 + ElementUI + Webpack + VueX
个人职责：
参加项目重构讨论，梳理系统业务需求和业务流程
基于RBAC模型，实现权限管理中菜单的动态加载和页面的按钮级权限
主导风险应对、风险管理，大文件上传、文件在线预览等功能的开发维护
封装公共工具，如满足业务的通用表单组件、自定义指令、axios等
成功实现并优化了项目的单点登录功能，提升了用户体验和系统安全性
对系统中的大文件上传、长列表渲染、复杂表单等会出现的性能瓶颈进行优化
项目难点：
1. 大文件上传耗时长容易导致页面崩溃，且缺乏上传进度反馈
2. 当数据量较大时，长列表的渲染会导致页面渲染缓慢，滚动不流畅或卡顿
3. 处理复杂表单交互，在错综复杂的条件下，表单的验证和数据提交变得更加复杂
4. 前端重新部署后，用户未更新可能引发页面布局与交互差异
5. 系统的http请求数量过多，首页资源体积过大，首屏加载时间和白屏时间过长
项目成果：
优化大文件上传，采用文件切片、引入进度条等，支持上传、暂停、续传、秒传、自动重传
使用虚拟列表优化长列表数据，仅渲染可视元素，渲染速度提升50%
把复杂表单拆分为多个表单组件组装，数据效验错误降40%，且表单更容易维护和扩展
建立版本监听与更新机制，实时了推送新版本，提醒用户更新系统
通过懒加载与资源优化，首屏加载提速80%，FCP从 8s提升到1.6s
通过提取项目依赖、按需引入组件库，打包体积由提升约73%，打包速度提升约90%

寻宝网（PC端+移动端） 2023.04 - 2024.03
项目介绍：寻宝网是一个集游戏账号交易、休闲娱乐、在线购物于一体的网络平台。用户可在平台
上进行账号交易、寄售、发货、收货、退款等操作，实现游戏账号的快速流转。
技术选型： Vue2全家桶 VantUI Webpack VueX
项目地址： http://sy.xunbao178.com/xbsy/index.html
个人职责：
独立搭建符合规范的项目脚手架，包括eslint、pritter、stylelint、husky等规范搭建
深入分析移动端适配的需求，给出至少3种移动端适配方案供团队参考
为项目封装常用的公共工具，如满足业务的通用表单组件、自定义指令、axios等
对用户量增长和业务扩展导致的前端性能瓶颈问题进行优化
项目难点：
系统业务流程复杂，有交易账号、寄售、发货、收货、退款等
长列表用无限滚动加载性能差，加载2000条数据时间增加到5秒以上，滚动有卡顿和延迟
项目文件庞大、依赖管理复杂和打包配置繁琐，项目构建效率低下
项目成果：
配置一套符合团队习惯且规范的husky，提高了团队的开发效率和代码质量
用虚拟滚动、分页加载等优化后，即使加载5000条以上数据，时间在1秒内，滚动无明显卡顿
项目优化后，打包体积减少78%，冷启动速度提升93%，打包速度提升73%

入学系统（小程序） 2022.08 - 2022.11
技术栈： uni-app Vue3.0 Canvas pinia WebSocket
项目介绍：本项目为定制的在线学习平台，意在简化招生流程，降低运营成本。学生可在线刷题、
签署协议、面试答题及观看音视频课程等功能。
个人职责：
1. 从0到1搭建项目框架，参与并主导系统移动端的设计与开发，确保功能符合教育机构需求
2. 负责实现在线刷题、视频播放、签署协议、面试答题等功能，提升招生流程的效率
3. 对小程序在不同屏幕尺寸的设备上进行了详细的兼容性测试，确保在不同环境下都能正常运行
4. 某些API在不同系统上的表现差异，用封装兼容层、使用条件编译等方案处理
5. 部署了自动化测试工具，实时监控小程序的运行状态，及时进行修复和更新兼容性问题
项目难点：
1.在线刷题与面试答题需要数据高度实时交互
2. canvas在移动端的一些踩坑，电子签名在移动端和web端的兼容
3. 项目出现的一些前端性能瓶颈优化，如请求时间过长、资源过大、请求数量过多等
项目成果：
用定时心跳、断线重连及主动拉取机制，确保WebSocket连接稳定，实现了数据的实时同步
用了请求合并、缓存机制、节流防抖、懒加载与按需加载、数据压缩等优化策略，使得首页请求
的时间缩短了30%以上

案例展示

寻宝网（PC端+移动端）

项目介绍：寻宝网是一个集游戏账号交易、休闲娱乐、在线购物于一体的网络平台。用户可在平台上进行账号交易、寄售、发货、收货、退款等操作，实现游戏账号的快速流转。技术选型： Vue2全家桶 VantUI Webpack VueX 个人职责：独立搭建符合规范的项目脚手架，包
可视化系统

项目介绍：本项目开发了一款基于Vue.js框架的高性能数据可视化系统，集成了Echarts图表库以呈现丰富多样的数据视图。我作为核心开发者，负责系统架构设计与实现，特别是利用Websocket技术建立了客户端与服务器之间的持久化连接，确保了数据的实时、高效传输。通过axios