个人介绍
2. 熟练掌握 HTML、CSS,编码符合 W3C 标准规范;
3. 熟练使用 flex 布局、响应式布局、双飞翼布局等多种布局方式;
4. 熟练掌握 JavaScript 的语法,如:作用域和作用域链、原型和原型链、执行上下文、闭包等的深度理解;
5. 熟悉 JavaScript 事件轮询机制,并有自己的理解;
6. 熟悉 Promise,并对 Promise 解决地狱回调有一定的理解;
7. 掌握 echarts 大屏适配和移动端适配;
8. 熟练掌握 ES6+新特性,如:const、let、箭头函数、async 与 await 等;
9. 熟练掌握 ES6 模块化开发,借助多个功能模块的封装复用让开发更高效;
10. 熟练掌握原生 Ajax 和 axios 的前后端交互,能独立完成 axios 二次封装并解决浏览器跨域问题;
11. 掌握使用 mockjs,实现前后端并行开发,生成随机数据,模拟后台数据和接口;
12. 掌握 localStorage、cookie 以及 sessionStorage 前端存储技术;
13. 掌握 Typescript 语法进行类型限定,如:接口(interface)、泛型(Generics)等;
14. 掌握 React、ReactHooks、React 生命周期以及相关组件库的使用;
15. 掌握 Vue2 全家桶(Vue2、vue-router3、vuex3)进行单页面开发及其周边组件库的使用;
16. 熟练掌握 Vue3 全家桶(Vue3、vue-router4、pinia)及其周边组件库 ElementPlus 和 Vant 等的使用;
17. 熟悉 Vue2 和 Vue3 的 diff 算法和响应式原理,并对 nextTick 和 keep-alive 的作用及原理有一定了解;
18. 熟***工具开***以及运用 uni-app 框架开发小程序;
19. ***的通信方式:getApp、storage、pubsub、路由传参;
20. 熟练运用 ECharts 丰富的图表类型制作可视化图表;
21. 熟悉浏览器缓存强制缓存和协商缓存;
22. 熟练使用 Git 指令,进行团队内的协同开发;
23. 掌握性能优化的方法,比如防抖节流、图片懒加载、路由懒加载等代码层面的优化和部分 Webpack 配置
层面优化以及网络层面的优化;
24. 了解使用 node、webpack/gulp、ejs、express、mongoose 构建后台服务项目;
25. 了解 C、Java、Python 语言并能书写简单代码
工作经历
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 实现可视化数据大屏的实时展示和适配。