个人介绍
1、熟悉前端基础知识,包括HTML、CSS、JavaScript、ES6、TypeScript。
2、熟练Vue2、Vue3及周边工具Vuex、Pinia、Vue-Router、Element、Axios。
3、熟悉React及周边工具umi、dva、ahooks、redux、react-router、Ant Design。
4、熟练跨端App开发。
5、熟练使用数据可视化工具Echart、离线版百度地图、流程图、antv/G6、X6。
6、熟练webpack、vite进行搭建项目,利用CDN方式优化前端性能等。
7、熟练前端工程化、Nginx代理。
工作经历
2020-01-01 -至今广州睿路智能科技有限公司前端
1、根据UI设计稿,使用HTML标记、div+css进行布局,搭建静态页面。 2、通过用JavaScript、ajax和VueJS跟后台人员配合实现前后端数据交互与展示; 3、能够独立的处理浏览器兼容性问题,并对网页进行性能优化和seo网站优化; 4、用vue实现model与view层的数据绑定,动态信息展现; 5、用vue模块化构建可复用的单例组件; 6、利用Webpack对js和css文件进行压缩打包合并处理,减少http请求,节省网络宽带; 7、独立优化前端性能及后期前端页面的维护、升级并加以总结; 8、在Centos7上安装Gitea,进行日常的管理和维护
教育经历
2017-09-04 - 2020-06-30广东农工商职业技术学院计算机应用技术本科
在校期间曾担任校学生会,负责学校官网新闻稿与***推文的撰写和排版、审核,两年公众号平台增加粉丝两万五人,并在广东高校团***影响力排行榜9月榜取得排名第6名成绩。
技能
主要工作: 从零开始搭建项目,配置项目的基础架构和开发环境; 实现登录功能,采用OAuth2的登录方式处理有多个中台和不同域名的情况; 开发审核流程图引擎,实现流程的可视化设计和定制,支持流程的指定和流转; 根据菜单和按钮权限功能,封装可复用的组件,用于根据用户权限动态显示或隐藏菜单和按钮; 负责项目的生命周期管理,包括开发、测试、部署和上线; 处理项目中的难点和挑战,保证项目的稳定运行和用户满意度。 亮点一:静默登录和OAuth2登录方式处理多个中台和不同域名 通过OAuth2的方式实现不同域名下的登录,使用静默登录方式在多个中台之间进行认证和授权; 针对同域名下的情况,通过设置Cookie的属性(Secure为true、HttpOnly为true),增加安全性并防止XSS攻击。 亮点二:封装通用的菜单和按钮权限组件,实现根据用户权限动态显示或隐藏相关菜单和按钮。 亮点三:使用localStorage和sessionStorage实现数据的持久化存储,并通过自定义插件在Vuex中读取和修改数据,简化对数据的操作。 亮点四:解决el-select组件内容过多导致页面卡顿的问题,采用虚拟滚动和分页加载等技术,减少渲染的数据量,提升页面性能和用户体验。 亮点五:使用antv/X6、G6,在系统中实现自定义的流程图功能,包括流程的绘制、指定审核流程和流转人等操作。 亮点六:针对大文件上传,实现分片上传的方式,将文件分割成小块进行传输,减少单次上传的数据量,提高上传效率和稳定性。
该项目主要包含知识库管理、流程管理、任务管理、咨询管理、调查&结果反馈功能模块帮助企业满足各种IT准则的需求。实现信息共享、信息发送、电子化审批的目的,实现CSR经营的自动化、电子化、高效率、即时性等效果 亮点一:封装咨询管理中的基础组件,确保在不同角色下有不同的相应功能 分析咨询管理模块的不同角色需求,设计并封装可配置的基础组件,根据用户角色动态展示不同的功能和权限; 使用React的高阶组件(HOC)解决角色权限控制的问题。 亮点二:国际化多语言的功能开发 使用React的高阶组件(HOC)解决多语言线上配置的问题。
项目描述:该项目是地产公司为业主在收房期间提供验房、签约、收款、咨询、维修、投诉、交付等七个功能模块的后台管理系统,并且有相应的APP供销售人员、陪验人员和验房工程师等在收房期间使用。该系统和APP的目标是提供高效便捷的服务和管理工具,以提升用户体验和项目交付效率。 主要工作: 负责线上化交付流程开发,包括预约交付单和参数配置、可视化大数据看板等后台管理功能; 设计与开发APP功能,包括派验、接单、验房、签约、收款、对接第三方系统等; 利用umi拆包和CDN方式优化PC端首屏加载时间 维护和修复其他模块的bug。 难点一:实现扫码功能,包括二维码内容识别和处理 在APP中集成Flutter二维码扫描库,实现对二维码的扫描和解析功能,以获取二维码中的信息; 根据不同的二维码内容,进行相应的处理和跳转,例如跳转到对应的功能界面或请求特定的数据。 难点二:实现验房离线保存功能 在APP中设计并实现离线缓存机制,使得在没有网络连接的情况下,验房数据能够被离线保存; 实现数据的自动同步机制,一旦恢复网络连接,离线保存的验房数据能够自动上传到服务器。 难点三:封装Flutter WebView组件与内嵌H5 PostMessage的通信方法 设计和封装可复用的Flutter WebView组件,以方便在APP中加载并展示内嵌的H5页面; 实现Flutter WebView与内嵌H5页面之间的通信,使用PostMessage与H5页面进行数据交互,并实现双向通信。