个人介绍
工作经历
2021-03-01 -至今西安惟捷网络科技有限公司前端开发
配合 UI 设计师,打造优质的用户界面;运用客户端编程语言(JavaScript、TypeScript )解决产品需求,参与项目需求分析与设计,参与前端页面设计,书写标准优化的代码,并增加交互动态功能。编写可复用的代码。
教育经历
和TA聊聊APP扫码和程序员直接沟通
该用户选择隐藏教育经历信息,如需查看详细信息,可点击右上角“和TA聊一聊”查看
资质认证
技能
项目描述:本项目是为南方家居客户搭建的后台管理系统,方便客户更好的管理公司的家居。功能包含登录、首页,家居数据管理,家居列表,订单管理和数据可视化模块。 责任描述:负责家居数据管理的静态页面搭建、动态交互和首页数据可视化。 技术栈: React、React-Router、Redux、Axios、Antd、TypeScript。 技术描述: 1. 使用 Antd 搭建静态页面,并按需引入; 2. 使用 useState 定义响应式数据,并通过 useEffect 检测分页变化自动发送请求更新分页列表; 3. 通过状态集中管理工具(Redux)配合函数 useSelector 和 useDispatch 以及组件 Provider去实现家居数据的集中管理; 4. 使用 useNavigate 和 useParams 实现项目中的路由传参; 5. 使用空标签()简化页面渲染层结构的优化; 6. 使用 Echarts 的组件库实现首页的数据可视化。
项目描述: 本项目是一个前后端分离的在线销售鲜花项目,包括首页、鲜花搜索、鲜花详情、购物车、订单交易/结算、支付、用户登陆/注册、个人中心/订单列表等模块。采用模块化、组件化、工程化 的模式开发。 责任描述:1. 负责 PC 端的登录/注册、购物车和支付功能; 2. 负责移动端的商品分类和商品详情模块功能; 3. 负责订单模块的收获地址功能。 技术栈: PC 端使用 Vue2、Vue-router3、Vuex3、ElementUI、Webpack、Axios、Css。 移动端使用 Vue3、TypeScript、Pinia、Vue-Router4、VantUI、Less、Axios、Vite。 技术描述: 1. 使用 ElementUI 搭建静态页面,并按需引入; 2. 利用 uuid 和 localStorage 设置临时用户唯一标识(tempId),实现未登录态的购物车数据 展示及其相关操作; 3. 借用 qrcode 包生成支付二维码,使用 MessageBox 模态对话框组件实现了弹窗展示支付二维码及相关信息; 4. 使用一个轮询机制异步请求,实现支付成功与否的状态判断; 5. 通过 Mock 模拟数据解决后台接口没有写好的情况; 6. 通过路由前置导航守卫(beforeEach)控制路由跳转并实现用户自动登录; 7. 通过选项卡组件(Tab)实现横向滚动,并在不同的内容区域之间进行切换; 8. 采用 gis 实现订单页收货地址的精确定位; 9. Axios 的二次封装和使用 Nprogress 添加进度条; 10. 使用节流技术实现详情页鼠标划过图片的放大镜效果;
项目描述:本项目采用前后台分离方式为鲜花网前台提供数据管理,功能包括登录,人员管理,权限管理, 鲜花商品管理,可视化数据大屏展示等模块。项目完成后客户评价非常高,被公司评为优秀项目。 责任描述:负责项目的品牌管理、菜单和按钮权限、可视化数据大屏、动态 Form 表单和大文件上传功能。 技术栈: Vue3、TypeScript、Vue-Router4、Pinia、ElementPlus、Axios。 技术描述: 1. 使用 ElementPlus 搭建静态页面,并按需引入; 2. 通过将路由拆分成动态路由并添加到路由器来实现菜单权限控制和动态菜单; 3. 通过自定义指令来为按钮添加按钮权限实现按钮权限控制和动态按钮; 4. 通过 nextTick 自动获取输入框的焦点; 5. 采用深拷贝(cloneDeep)实现修改品牌页面数据的回显; 6. 使用 ElMessageBox 实现品牌管理中数据的删除; 7. 使用 ElementPlus 中 Upload 组件实现鲜花商品模块的大文件上传; 8. 使用 ElementPlus 中 Form 组件实现二次封装动态 Form 表单组件; 9. 使用 Echarts 实现可视化数据大屏的实时展示和适配。