个人介绍
我是一名前端开发工程师,专注于网站开发与交互设计。3年的工作经验,精通HTML、CSS、JavaScript技能,具备较强的前端设计与最佳实践能力。技能清单:- HTML5/CSS3:熟练掌握,实现网站页面布局与样式设定
- JavaScript:熟练掌握JS语言,DOM操作,懂得ES6以上语法
- Vue.js:熟练使用Vue框架开发SPA应用,掌握Vue生态(Vue-router、Vuex、ElementUI等)
- React:掌握React框架及其生态(React-router、Redux、Ant Design等)
工作经历
2021-08-12 -2023-03-31湖南万树信息科技web前端工程师
公司业务: 我所在的公司专注于企业级网站与管理系统的研发。产品包括企业CMS、CRM、SCM以及OA等系统。公司采用前后端分离的开发模式,前端团队利用最新技术栈开发网站前台与管理后台,与后端接口对接,实现完整的产品交付。 我的工作内容: - 参与产品定制开发,根据产品需求与UI设计,编写HTML/CSS/JS代码 - 利用Vue/React框架开发企业级SPA应用 - 使用Git进行版本管理,配合团队协作开发流程 - 编写测试用例,利用Karma等工具进行自动化测试,确保代码质量 - 监控网站性能,进行页面优化,提高用户体验 - 遵循团队开发规范,写出清晰易维护的代码 我负责的模块: 1. 首页模块:完成首页布局与交互 2. 产品模块:完成各产品列表、详情页面开发,实现数据渲染与交互功能 3. 购物车模块:完成购物车页面开发,实现购物车数据渲染,价格计算,下单功能等 4. 用户模块:完成用户中心、登录注册相关页面开发 5. 错误页模块:完成网站错误页展示与跳转 6. 部分公共组件:开发各页面可复用的公共组件
教育经历
2017-09-02 - 2021-06-01怀化学院计算机软件与理论本科
技能
功能模块: - 登录/注销:后台用户登录与注销 - 权限管理:角色,菜单,按钮级别的权限控制 - 用户管理:用户列表,添加,修改,删除 - 部门管理:部门列表,添加,修改,删除 - 商品管理:商品列表,分类,品牌,属性,规格等管理 - 订单管理:订单列表,订单详情,退款,发货等操作 - 数据看板:近7/15/30日关键业务数据,采用ECharts实现数据图表 - 操作日志:用户操作日志记录与查看 技术方案: - 前端使用Vue框架,Element UI组件库 - 后端使用Spring Boot框架,Mybatis Plus ORM工具 - 使用Shiro框架实现权限控制 - Redis实现Session共享,防止网站并发压力过大 - MySQL存储业务数据 - Druid与BeetlSQL完成数据库监控与SQL执行效率监控 - 使用Socket.IO推送系统日志到前端
功能模块: - 首页:轮播图、活动列表、分类展示 - 分类:各类商品列表、筛选过滤 - 商品详情:图片展示、参数介绍、评论列表 - 购物车:选中商品、修改数量、结算 - 订单:订单列表、订单详情、退款/售后 - 用户:登录/注册、地址管理、收藏商品 技术方案: - 使用 uni-app 框架开发,支持多端发行(*小程序、H5、App) - 小程序端使用*小程序框架 - 登录/支付等敏感接口调用*官方 API - 商品数据来源于第三方电商平台 API - 使用uni.request() 实现网络请求 - 使用uni.setStorage/uni.getStorage() 实现本地缓存 - 模拟登录状态使用uni.setStorage保存登录信息
功能模块: - 文件上传:支持本地图片/视频/文件上传,拖拽上传,粘贴上传等 - 秒传检测:对重复文件进行秒传检测,避免重复上传相同文件 - 断点续传:上传失败时,支持继续未完成的上传,而不是重新上传整个文件 - 文件管理:文件列表,文件删除,文件预览等操作 - 分片上传:对超大文件进行分片上传,合并成完整文件 - 文件加密:文件上传后,对文件内容进行加密保存 - CDN闪存:将上传文件部署到CDN加速,并生成访问链接 技术方案: - 前端使用Vue开发,Axios完成文件上传接口调用 - 后端使用Spring Boot框架,使用MultipartFile接收前端上传文件 - 使用MD5算法生成文件签名,进行秒传检测 - 利用redis缓存未完成的上传文件信息,断点续传 - 对大文件进行分片,每个分片上传后保存分片信息,合并时按序读取分片组成文件 - 使用AES对称加密算法加密文件内容,安全保存文件 - 文件部署到OSS对象存储,OSS链接返回给前端,前端通过CDN访问 难点: 1. 秒传检测:如何通过文件MD5签名进行重复文件检测,避免重复上传 2. 断点续传:如何持久化记录未完成上传文件信息,并在续传时读取信息继续上传 3. 分片上传:大文件分片并发上传,高性能重组成完整文件,这是个技术难点 4. 文件加密:选择合适的算法,对文件内容进行加密,同时考虑效率与安全性 5. CDN部署:文件上传后如何自动部署到CDN,这需要对CDN及其控制台API进行理解