个人介绍
1.熟练掌握 HTML/CSS/JavaScript 等前端基础技术。
2.熟练掌握 ES6+的新特性,熟练使用 async/await 等异步编程技术,熟练使用 Axios。
3.熟悉掌握 TypeScript ,熟悉类型系统、装饰器、泛型等语言特性。
4.熟练掌握 Vue2/Vue 3技术栈,熟练使用 Vue Router 和 Pinia 状态管理库,使用过 Element、tdesign等 UI库。
5.熟悉前端工程化技术,包括模块化、组件化。
6.熟悉 git 版本管理器的使用。
7.了解 nodejs和 mysql 的基本使用
工作经历
2022-03-10 -2024-02-20黑龙江东印科技有限公司前端开发工程师
1、遵循公司编码规范和负责编码实现,参与产品前端性能优化、故障排查和解决、安全加固等工作。 2、与后端协同合作,一起落地产品,并编写手册等。 3、协助 UI 设计师进行设计稿的切图和实现,并提出具体的优化建议。 4、解决产品中的技术难题、保证迭代速度与产品质量。
教育经历
2017-05-09 - 2021-05-06黑龙江财经学院电子商务本科
技能
负责内容: 与美工对接。还原设计稿,还原页面,实现交互效果。 与后端对接。处理后端返回的数据,得到自己需要的格式。 技术要点: 大屏适配。使用document.body.offsetWidth获取设备宽度,计算缩放比例,对body使用transform: scale(), 根据宽高比例进行缩放。 数据实时更新。为了让用户能实时了解设备的运行情况,使用了websocket技术实现大屏项目实时更新数据。使用Promise对websocket进行二次封装,通过心跳检测的方法,每隔50秒发送一个信息保持连接。数据更新时通过websocket的onmessage参数获取最新数据更新视图。 模块化。每个图表单独封装,逻辑清晰,方便维护。封装创建echarts实例的全局方法。 渲染图表。通过echarts的setOption添加各种配置项,把数据渲染到各种图表中,也可以设置样式和交互效果。
项目简介:本项目是一个小程序项目,主要功能是帮助商户注册小程序、开通进件、小程序备案。 技术栈:原生小程序+tdesign ui 主要职责: 使用*小程序开发,从0到1完成了小程序的开发,实现了用户注册、登录、下单、支付、查看订单等功能。 负责项目的维护,根据用户反馈做出修改。 对小程序的性能进行了优化,使用分包提高了小程序的加载速度,压缩图片减小打包体积。 主要技术: 复杂表单的功能实现。自定义表单校验规则,银行名称通过调用接口验证是否正确;表单过多,根据表单填写的内容对表单进行分页;识别图片信息,如:营业执照、身份证,后自动填充到表单;小程序端和pc端压缩图片,小程序使用wx.compressImage,pc端使用Canvas渲染图片后的地址。 使用wx.login和getPhoneNumber快速验证*号,实现登录。 使用wx.authorize中的scope.writePhotosAlbum获取相册权限,实现图片上传功能。 使用weapp-qrcode-canvas-2d插件,用后端返回的连接生成二维码。
为中小企业提供的进销存 ERP 系统,解决开店难、管理难、数据统计难的问题。专注于进销存管理和财务管理,主要包括基础信息管理、采购管理、销售管理、零售管理、库存管理、结算管理等。同时支持对部门、岗位、角色、权限等进行精细化管理。 负责功能: 1.系统权限:实现菜单权限和按钮权限的动态管理。菜单权限通过后端数据库返回的路由信息动态添加,根据路由动态生成菜单;按钮权限使用自定义指令,根据后端返回的按钮权限判断是否显示按钮。 2.页面设计和交互,需要实现商品信息、供货商信息、客户信息、仓库信息、品牌信息等重要功能的展示和交互,我们通过分析业务需求,设计了符合用户习惯和易于操作的页面布局和交互方式,并结合 tdesign-UI 组件进行页面开发。 3.打印单据功能:通过 vue-plugin-hiprint 插件,实现打印商品标签、小票和出入单据等功能。封装自定义推拽组件,实现模板打印,各个模板的纸张大小可选内容不同,模板可选内容包括:单据数据,表格,条形码,二维码,自定义文字、图片等,模板记录可选内容的位置、样式等信息,根据穿入的单据数据打印。 4.使用 Echarts 对收支情况、出库入口情况、财务情况等信息进行数据可视化,用到了柱状图、饼状图、折线图。 5.表格展示:可编辑的表格,封装选择商品组件,每选择一个商品,表格增加一行,并且属性可以编辑;可自定义显示的列,根据后端返回的数据显示表格的列,封装自定义列组件,向后端发送请求,实现显示\隐藏、排序、更改列名功能。 6.封装查询组件,根据传入组件的参数,生成输入框、选择器、时间选择器等。