流云 Gavin
web前端开发工程师 · 8年经验 · 深圳市星火电子工程公司
0
累计接单
0
用户评价
0
被收藏
技术能力
**前端架构**：
- 基于 Vue2 / vue3 & vite独立设计并实现高复用前端架构，支撑电商/金融/后台管理等复杂业务场景
- 通过 Vuex/Pinia 状态机设计解决跨模块数据通信问题，降低耦合度 30%+
- 工程化实践：Webpack 定制化配置（代码分割/按需加载），构建速度提升 40%
**性能优化**：
- 电商平台首屏加载优化：Lazy Loading + 接口聚合 + CDN 加速，FCP 从 3s 降至 1.2s
- 金融类项目防 XSS/SQL 注入方案落地，0 安全事故
- SEO 友好，服务端渲染，nuxt.js
- 离线存储，indexedDB， Web Storage（LocalStorage）
**系统安全&数据加密**：
- 系统安全，特定的局域网，同时能够使用互联网（需特定的设备）内外网物理隔离&安全接入区
- 数据安全和加密（SM4），
**技术深度**：
- 阅读 Vue 核心源码，理解响应式原理/Virtual DOM diff 策略，应用于复杂组件性能调优
- 封装可复用的业务组件库（表单/图表），团队效率提升 50%
- 基于 Vue2 / vue3 & vite独立设计并实现高复用前端架构，支撑电商/金融/后台管理等复杂业务场景
- 通过 Vuex/Pinia 状态机设计解决跨模块数据通信问题，降低耦合度 30%+
- 工程化实践：Webpack 定制化配置（代码分割/按需加载），构建速度提升 40%
**性能优化**：
- 电商平台首屏加载优化：Lazy Loading + 接口聚合 + CDN 加速，FCP 从 3s 降至 1.2s
- 金融类项目防 XSS/SQL 注入方案落地，0 安全事故
- SEO 友好，服务端渲染，nuxt.js
- 离线存储，indexedDB， Web Storage（LocalStorage）
**系统安全&数据加密**：
- 系统安全，特定的局域网，同时能够使用互联网（需特定的设备）内外网物理隔离&安全接入区
- 数据安全和加密（SM4），
**技术深度**：
- 阅读 Vue 核心源码，理解响应式原理/Virtual DOM diff 策略，应用于复杂组件性能调优
- 封装可复用的业务组件库（表单/图表），团队效率提升 50%
项目经验
项目一：项目名称：统一支撑平台（系统安全，数据加密）
开发技术 ：Vue.js + VueX + iView + H5 + css3+ webpack + less + NodeJS
项目总结：
一、项目描述：该平台主要是基于Vue框架开发的一个项目；主要包括管理应用、收发通知、文件上传、视频管理、数据可视化图表展示、以及集成了第三方应用，控制应用的展示和卸载；同时为所有管理员提供信息资料的展示以及查询等功能；
二、项目构架及功能描述：
1、使用vue作为该项目主体框架，用vue-cli以及vue-router等构建单页面应用。
2、运用vue.js开发，采用前后端分离模式；
3、运用vue.js中的指令和服务与后台接口对接，进行数据交互，进行页面渲染；
4、以iView为该项目主体UI框架，实现页面的布局、UI页面、以及动态效果
5、运用less代码的编写，运用webpack进行代码的整理和压缩。
项目二： 项目名称：维奥起点互联网教育网 （SSR php 服务端渲染 seo 友好）
开发技术 ：HTML5+CSS3+AJAX+mySQL+php+http+Bootstrap+Twig
项目总结：
一、整体描述：该项目主要是基于php的twig框架的一个项目，后台都是基于PHP；该项目主要是一个互联网教育的项目，目前主要是网络课程、素材库、以及会员频道、技术社区以及考试等其他模块；
二、功能描述：
1、主要采用Bootstrap响应式布局，完成静态页面初步效果
2、引用jQuery函数库，针对页面编写js脚本，实现动画形式的加载和渲染；
3、在线可注册、登录、更改、评论，使用AJAX请求并通过php和mySQL操作数据，返回JSON数据的格式，优化页面，实现客户端与服务器端的内容交互；
4、支持关键字模糊搜索相关的素材以及课程信息
5、分页查询、跨表查询、条件查询的实现
项目三： 项目名称：未来梦客（wap版、web版， SSR + 客户端渲染）
开发技术 ：HTML5+CSS3+JavaScript+vue2+nuxt.js
项目总结：
一、整体项目描述
这是个互联网+全国青少年创新创业实践服务的一体化的一个平台，专注大学生创业、找工作、企业找人才，连接企业和大学生的一个平台、同时满足生活消费和线上购物的需求。
二、功能描述
1、采用vue2框架模块化开发该项目
2、HTML5的geolocation实现地理定位 canvas绘制地图，实现导航与搜索附近商家
3、可查看附近优惠商品信息、商品所搜、浏览、支付购买、积分获取优惠购物、订单查询、商品评价等诸多在线功能
4、用H5本地存储技术实现页面间数据传递。
5、产品上传功能，产品上下架功能，产品管理功能，订单管理，订单分配系统，活动管理，会员管理，物流系统，网上支付功能。
6、 扫码支付、评价晒单站外分享、分享收藏店铺关注商品。
开发技术 ：Vue.js + VueX + iView + H5 + css3+ webpack + less + NodeJS
项目总结：
一、项目描述：该平台主要是基于Vue框架开发的一个项目；主要包括管理应用、收发通知、文件上传、视频管理、数据可视化图表展示、以及集成了第三方应用，控制应用的展示和卸载；同时为所有管理员提供信息资料的展示以及查询等功能；
二、项目构架及功能描述：
1、使用vue作为该项目主体框架，用vue-cli以及vue-router等构建单页面应用。
2、运用vue.js开发，采用前后端分离模式；
3、运用vue.js中的指令和服务与后台接口对接，进行数据交互，进行页面渲染；
4、以iView为该项目主体UI框架，实现页面的布局、UI页面、以及动态效果
5、运用less代码的编写，运用webpack进行代码的整理和压缩。
项目二： 项目名称：维奥起点互联网教育网 （SSR php 服务端渲染 seo 友好）
开发技术 ：HTML5+CSS3+AJAX+mySQL+php+http+Bootstrap+Twig
项目总结：
一、整体描述：该项目主要是基于php的twig框架的一个项目，后台都是基于PHP；该项目主要是一个互联网教育的项目，目前主要是网络课程、素材库、以及会员频道、技术社区以及考试等其他模块；
二、功能描述：
1、主要采用Bootstrap响应式布局，完成静态页面初步效果
2、引用jQuery函数库，针对页面编写js脚本，实现动画形式的加载和渲染；
3、在线可注册、登录、更改、评论，使用AJAX请求并通过php和mySQL操作数据，返回JSON数据的格式，优化页面，实现客户端与服务器端的内容交互；
4、支持关键字模糊搜索相关的素材以及课程信息
5、分页查询、跨表查询、条件查询的实现
项目三： 项目名称：未来梦客（wap版、web版， SSR + 客户端渲染）
开发技术 ：HTML5+CSS3+JavaScript+vue2+nuxt.js
项目总结：
一、整体项目描述
这是个互联网+全国青少年创新创业实践服务的一体化的一个平台，专注大学生创业、找工作、企业找人才，连接企业和大学生的一个平台、同时满足生活消费和线上购物的需求。
二、功能描述
1、采用vue2框架模块化开发该项目
2、HTML5的geolocation实现地理定位 canvas绘制地图，实现导航与搜索附近商家
3、可查看附近优惠商品信息、商品所搜、浏览、支付购买、积分获取优惠购物、订单查询、商品评价等诸多在线功能
4、用H5本地存储技术实现页面间数据传递。
5、产品上传功能，产品上下架功能，产品管理功能，订单管理，订单分配系统，活动管理，会员管理，物流系统，网上支付功能。
6、 扫码支付、评价晒单站外分享、分享收藏店铺关注商品。
立即沟通
