![](/Public/image/icons/duty.png)
![](/Public/image/icons/location.png)
![](/Public/image/wo/wechat-grey@3x.png)
![](/Public/image/wo/phone-grey@3x.png)
![](/Public/image/icons/lock_2.png)
个人介绍
熟练掌握 JavaScript、CSS、HTML
熟悉 VUE 架构,有 Vue.js 开发实战经验
具备 PC 端和移动端的开发经验,能快速完成页面搭建和实现交互需求。
熟练使用原生 JavaScript ,了解 ES6 语法特性
熟悉项目模块化开发、组件化开发
掌握 Ajax、Axios 等技术进行前后端数据交互
熟练掌握移动端流式布局和响应式布局
熟练使用 Element、Vant、BootStrap 等前端 UI 组件库
熟练使用 ps、au、pr 等主流音视频图像处理工具
工作经历
2020-07-01 -至今亚信科技前端开发
亚信科技控股有限公司,成立于1993年,是一家全球领先的软件产品、解决方案和服务提供商,致力于成为大型企业数字化转型的使能者。亚信科技的主要业务覆盖了5G、云计算、大数据、AI、物联网等技术领域。业务范围包括5G OSS网络智能化、DSaaS数字化运营服务、企业上云及垂直行业领域规模化发展等。公司产品包括客户关系管理、计费账务、大数据、物联网及5G网络智能化产品等。主要服务对象为通信、金融、交通、邮政、能源、零售、公共服务、广电等行业的大型企业。
教育经历
2016-06-09 - 2020-06-06泉州师范学院海洋技术本科
技能
![供应链管理系统](https://filescdn.proginn.com/works/de3d8c30ee3dd1f486a13abf79123a1f0c732a02.png!work1)
本项目是一个全面而综合的供应链管理系统,涵盖了登录注册、基础设置、生产制造(物料清单、BOM报表、需求计划、生产管理)、供应链(销售管理、采购管理、库存管理)、供应商寻源与认证(潜在供应商、特殊物料报批)、送货管理(送货计划表、送货单管理)、排产管理(订单排产)、对账管理(对账单列表)等功能模块。这个系统为企业提供了全方位的供应链管理解决方案,使得企业能够更好地进行生产、销售、采购和库存管理。 在这个项目中,负责了前端所有页面的编写,使用了Vue3、TypeScript、Vue Router、axios、AJAX、Element UI等相关技术栈,不仅忠实地复原了设计图,同时也实现了各个功能模块。在编写过程中注重代码的可读性和可维护性,以确保项目的稳定运行。 技术难点与亮点: 技术难点:在实现需求计划和生产管理时,需要处理大量的数据,并且需要进行复杂的数据计算和处理。这对前端的数据处理能力提出了较高的要求。 解决方案:我采用了axios和AJAX进行数据请求,利用Vue3的响应式系统进行数据的管理和更新,同时也利用TypeScript强大的类型系统进行数据的处理和计算,最终成功实现了需求计划和生产管理的功能。 技术亮点:在供应商寻源与认证模块中,采用了动态表单的设计,使得用户可以根据自己的需求灵活地进行供应商的寻源和认证。此外,还利用Element UI进行页面的布局和设计,使得页面更加美观和易用。
![](https://stacdn.proginn.com/image/icons/zan_1.png)
![后台管理系统](https://filescdn.proginn.com/works/33b7967a604fff2d5ffd918e549204425d2cd8da.png!work1)
本项目是一个全面而综合的后台管理系统,包含了登录注册、首页、人员管理、人员注册审批、岗位管理、部门管理、校色管理、质量管理、日志管理、字典管理、系统设置等功能模块,覆盖了企业内部管理的各个方面,无论是人员管理,还是系统设置,都能通过本系统进行高效、便捷的操作。 在这个项目中,我负责了前端页面的编写,采用了Vue3、TypeScript、Vue Router、axios、AJAX、Element UI等相关技术栈,不仅复原了设计图,同时也实现了相应的功能。我在编写过程中注重代码的可读性和可维护性,以确保项目的稳定运行。 ##### 亮点一:基于 RBAC 权限设计思想,控制登录用户的菜单权限和按钮权限 **【技术总结】** 1. 给用户分配角色,给角色分配权限 2. 在前置导航守卫中,判断用户是否登录,如果有token,发送请求获取到了用户的权限信息,并且存储在vuex 3. 用 addRoutes 动态添加路由从而控制页面访问权,根据vuex的数据动态渲染菜单 addRoutes时细节404 和 白屏 4. 利用根据 vuex 的个人信息的权限点信息进行 v-if 处理按钮操作权,封装成一个通用指令; ##### 亮点二:使用 NProgress 插件实现页面跳转时出现在浏览器顶部的进度条。 **【技术总结】** 1. 安装nprogress插件 2. 路由的前置导航守卫中,开启进度条 NProgress.start()方法 3. 路由的后置导航守卫中,关闭进度条 NProgress.done()方法 当调用了next('/login')方法,不会走后置导航守卫,也需要调用done()方法 ##### 亮点三:采用CDN的方式,在页面模板中预先引入,将项目依赖包挂载到cdn,达到优化前端包总体的体积的效果 **【技术总结】** 1. 使用webpack的配置 extenals 可以排除第三方的依赖包 2. 在index.html中引入这些第三方的cdn地址。 ##### 亮点四:利用递归算法封装一个专门将列表型的数据,转换成树形结构的方法,并结合 Tree 树形控件行组织架构 的模块渲染; **【技术总结】** 递归方法处理树形数据: 1.声明一个函数,往里面传两个值 2.函数传参使用pid=""代表你调用函数不进行传值时候,这个“”就是你的默认对象,可以自行修改,然后我们将所有的pid=“”的数据筛选出来 3.然后对筛选出的pid=“”的数据进行遍历并且给这些数据添加一个 children 属性,并将它的值等于调用函数的返回值 4.这个返回值是一个数组,并且是一个pid等于整个数据内每一个对象id的值,这样就形成了一个递归
![](https://stacdn.proginn.com/image/icons/zan_1.png)
![幼儿美育平台](https://filescdn.proginn.com/works/f4c6749ab00caa007934ea74df6ffa15eda0528d.png!work1)
项目名称:全方位幼儿美育教学平台 项目描述: 全方位幼儿美育教学平台是一款集教学、备课、家长查看、后台管理以及个人兴趣学习等多功能于一体的综合性教育平台。该平台致力于提供全方位的幼儿美育教学服务,旨在通过科技手段,提升幼儿美育的教学质量和效率,增强幼儿的艺术素养。 技术架构: 前端技术:该项目采用了Vue3作为主要的前端框架,利用其优秀的性能和灵活的设计,实现了高效的用户界面开发。同时,我们还使用了Piana、TS、Three.js和Echarts等技术,让数据的展示更直观、更美观。其中,Three.js用于实现3D数据可视化,Echarts则用于构建各种数据图表。 后端技术:项目后端采用Java作为主要开发语言,利用其稳定、高效的特性,实现了大数据的处理和分析。数据库方面,我们选择了MySQL,一个广泛使用的关系型数据库,它能够有效地存储和管理大量的数据。 功能特点: Web教学系统:为教师提供丰富的教学资源和工具,支持在线教学和课堂管理,提高教学效率。 *小程序教师备课系统:为教师提供便捷的备课工具,支持在线备课和课程管理,提升备课效率。 *小程序家长教学查看系统:让家长能够实时查看孩子的学习情况,增强家校沟通,提高教学质量。 全平台后台管理系统:提供全面的数据管理和分析工具,支持用户管理、数据分析、系统设置等功能,实现平台的高效运营。 个人兴趣学习APP:为学生提供个性化的学习资源和工具,支持在线学习和兴趣发展,提高学习兴趣和效果。 应用场景: 全方位幼儿美育教学平台将广泛应用于幼儿园、美育机构、家庭等,为他们提供全方位的美育教学服务,帮助幼儿提高艺术素养,增强创新能力,培养良好的审美情趣。 使用vue-cli搭建整个项目的结构,利用html5和css3进行页面设计,保证页面的视觉效果和用户体验。 利用axios进行接口封装,配置请求和响应拦截器,实现token的统一添加和错误的统一处理。 使用Vue3+TypeScript和uni-app进行项目的开发,提高项目的开发效率和质量。 使用Vant、unplugin和Element等前端框架和工具进行页面布局和组件设计,提高页面的渲染效果和用户体验。 引入高德地图API、echarts、canvas等工具进行数据可视化和动态效果的实现,提供用户友好的交互体验。 使用vuex、pinia等进行全局状态管理,实现数据的共享和持久化。 使用Vue-router进行页面跳转,利用其全局前置守卫进行权限控制。 使用uni-app的request API、uni官方支持的获取用户信息的方法、*提供的API等进行数据请求和处理。 使用Vant的van-list和van-pull-refresh实现列表的上拉加载和下拉刷新,使用swiper实现轮播图功能。 使用watch、watchEffect等进行数据的监听和处理,实现数据的动态更新和响应式变化。 使用Vue-Quil-Editor、native-type等插件和属性进行富文本编辑和表单提交。 对开发的前端功能进行功能测试,找出并修复可能存在的问题,确保功能的正确性和可靠性。 收集和处理用户反馈,对产品进行持续改进,提高用户满意度。
![](https://stacdn.proginn.com/image/icons/zan_1.png)
相似推荐 换一批
软件研发工程师
800元/天
中科云创(北京)科技有限公司
技能:JavaScript,HTML5,CSS,Vue,React,jQuery,ElementUI,typescript,ES6
前端开发
300元/天
陕西马卡鲁
技能:HTML5,CSS,JavaScript,Vue,jQuery,Ajax,axios,ElementUI,ES6,小程序
web前端
500元/天
九通智路科技有限公司
技能:JavaScript,HTML5,CSS,jQuery,Ajax,跨域,axios,ElementUI,webpack,Vue
前端开发
300元/天
优贝
技能:HTML5,CSS,JavaScript,Vue,React,axios,ElementUI,Antd,webpack,ES6