机电租赁
项目职责:前端开发
项目职责: 项目拥有经验丰富的 R&D 无线专业研发团队,配备先进检测试验设备的中心实验室,还有生产规模涵盖各
领域的麦克风制造设备。此次音响租赁 APP 主要用于音响设备的租赁,客户通过 APP 产品菜单确定需要租赁的产 品,
然后购买租赁次数,通过 APP 来控制每一次的使用授权。以及日常维护和功能叠加,版本更新等
技术栈: vue.js、mui,混合 APP,软硬件联调
实现细节:
1.使用 vue-esign 完成合同签署签名板功能,代替纸质书面签名,高效提升使用体验和签章效率
2.使用 vue-router 路由懒加载,解决用户初次进入时的偶发性白屏现象,提升用户体验
3.使用 fastclick 解决部分设备点击延迟 300 毫秒的问题,better-scroll 代提原生滚动解决页面滚动生硬不流畅的问题
4.受限于服务器的带宽不足,高流量时段部分接口响应较慢,在备件商城首页和购物车中使用了 localStorage 本地化
数据缓存预加载方案,通过缓存用户最近一次拉取的数据,在用户此后进入页面等待接口响应时预先加载缓存数据,防
止发生空屏 loading 现象
5.使用防抖函数解决用户搜索栏输入匹配时的查询内容显示延迟问题、使用图片懒加载来提高页面渲染性能、使用路由
懒加载来提升主页面加载时间
6.封装多语言插件
查看详情
人事架构管理系统
项目职责:前端开发
项目职责: vue+vuecli搭建的后台管理系统,属于ERP的一个部分,针对公司内部员工组织架构、团队、部门,细到社
保、薪酬、个人消息,主要有首页、公司 设置、社保、权限管理、审批、组织架构、工资、员工、考勤等模块。我主要
负责组织架构、公司设置、员工列表、首页
技术栈: 基于Vue全家桶 + Axios + Promise进行开发
实现细节:
1.使用vue-qr 图片地址生成二维码
2.封装多语言插件、封装全屏方法
3.UEditor富文本的使用,高效的解决输入的数据的类型的问题,包括可上传图片和文件
4.实现自定义表单设置,可以灵活根据需求去增加form表单的字段,和table的展示字段
5.利用Echarts实现数据可视化,并针对大量数据渲染做了多层次优化,web worker创建线程处理大量数据渲染
6.使用vuex共享数据状态、利用本地存储token令牌实现登录时效,根据接口需求,添加到请求拦截器
7.入口框、按钮等防抖节流的优化
查看详情
公司集团一体化平台
项目职责:前端开发
项目职责: 每日产值统计页面、合同管理模、首页展示、指标报表、权限管理等模块,以及日常维护和功能叠加,版本更
新等
技术栈: 审批流
实现细节:
1.Promise二次封装Axios,统一处理数据结构,状态码
2.组件封装如table、form、tree(可拖拽、排序,编辑)组件的二次封装
3.vuex统一管理数据,vue-Router统一处理路由,并使用路由懒加载,按需加载对应组件,提高加载速度
4.rem+百分比+echarts实现首页的自适应展示
5.实现新用户引导指引,新功能埋点引导。
6.通过路由懒加载、按需引入组件、cdn等优化项目
7. LogicFlow实现审批流,合同审批,请假审批等
查看详情
sass后台管理系统
项目职责:前端开发
项目职责: 负责登录登出、首页、组织架构、员工汇总页面、公司权限分配、权限设置、审批等前端开发工 作,实现功
能开发与前后端交互。
技术栈: 项目基于Vue2、ElementUI 、Less、Vuex、Axios、Mockjs开发
实现细节:
1.代码优化: 为减少代码冗余度,将组件的公共逻辑或者配置抽取出来成mixins文件,大幅度缩减重复性代 码,避免了
重复性工作。
2.性能优化: 使用web worker解决大量的导出excel数据时,单线程模式下的计算逻辑压力过大全程执行 script逻辑,导
致页面卡顿无法响应用户的其他操作的问题
3.组价封装: 将文件上传,导出、下拉框、常用表格页、复选框等公共组件涉及多处使用的功能抽离封装成全 局组件,
方便复用
4.使用ElementUI提供的分页组件实现分页el-pagination,动态计算页数索引,调用接口获取一页数据
5.角色鉴权: 基于RBAC的软件系统权限管理设计实现了一套角色和权限方案,通过路由导航守卫配合用户合 法路由表
鉴权,实现管理控制各级用户的路由访问权限。通过vuex存储用户信息,用户按键权限表,实现了通 过操作权限管理模
块内的用户权限数对不同登录用户的操作的权限控制。
6.参与配置less全局样式变量和样式函数及混合,可快速更换展示主题风格,完成ellipsis函数编写,可高 效配置内容换
行隐藏功能。
7.在登录、以及对页面进行数据渲染前,通过Postman工具对各个接口文档的接口进行测试,保证文档的正确 性,及时
与后台进行相应的沟通
项目介绍: 该后台管理系统集成了首页、组织架构、员工信息、角色分配、权限管理、社保管理、考勤管 理、站内搜
索、工资情况、审批等模块的相关业务的呈现,使公司系统性的管理每一层的角色关系,实现智能 化运营。其 中首页包含
公告、工作日历、流程申请等的快速入口。公司设置包含各部门角色的权限分配以及 修改和删除。权限设置包含增
删改查,为角色分配可以查看及修改的模块等一些公司内部各级员工的相关业务 操作。
查看详情
茂名经开区非公党建云平台
项目职责:前端开发
项目职责: 负责首页党建地图、附近党群服务中心、附近服务站点,社区报到table、视频学习页的功能模 块代码编写
技术栈: 基于uniapp开发
实现细节:
1.使用分包技术大幅优化项目容积,整项目使用组件化模式
2.使用百度地图API,实现了小程序党建地图功能,从而使用附近党群服务中心的功能
3.组件抽离: 抽离公共组件发布到公司的内部服务器上,方便多个小程序间的复用,减少重复代码的使用,快速 开发
4.在多个需要列表循环的页面中均使用内容懒加载和隐藏加载的策略,提高了小程序的性能并且节省流量,改 善用户使
用体验
5.对mescroll.js进行二次封装,用于全局上拉刷新与下拉加载及滚动功能
项目简介: 该小程序是服务于茂名市,县/区级党政单位的一款小程序,首页包含工作部署最新消息,近期 会议等重要内
容、大屏轮播图、党建地图、附近党群服务中心,服务站点等。学习页面主要功能关于党重要知 识视频的观看、当前
热点等。目前,茂名市内已有4家县/区级党政机关应用该产品。
查看详情
跨境商城PC端+商家管理sass后台+代理以及系统平台
项目职责:前端开发
项目介绍: 该项目为甲方公司代理商管理的后台系统,主要功能有首页、代理商管理、业务员管理、商户管理、设备管
理、数据统计等。
项目职责: 本人负责,跨境商城: 头部组件,底部组件、搜索框的模糊匹配、商品详情页、店铺首页、商品分类页面
等等
商家管理后台: 上传附件页面、钱包充值页面、提现页面、订单历史页面等等
代理后台: 卖家列表页面、买家列表页面等等
技术栈: vue全家桶(Vue+Vue-router+Vuex+Axios)、ElementUI、Less、fastmock.js
实现细节:
1.商城页中搜索框使用防抖函数解决用户搜索栏输入匹配时的查询内容显示延迟问题、并使用路由懒加载来 提升主页
面加载时间。
2.商户管理中使用elementui实现新增弹窗显示文件上传营业执照功能,为解决通过input标签的accept属 性进行限制
时遭到破解,通过JS的FileReader方法获取上传文件的头信息进行限制对上传的文件的格式进行限制。
3.封装组件: 代理后台对多处使用的时间选择框,费率页面的导航tab,分页器、table表单等组件封装成全局组件, 便于
多处使用,进行配置快速生成组件,常见的功能页提效80%。
4.负责utils工具类库的抽取工作,例如公用搜索条件库、可复用正则库、节流防抖等工具方法的抽取,保证 项目中所有
复用内容保持一致,在多人员开发过程中保持高效及低错误率,遵循前端工程化原则。
5.按需引入: 使用第三方插件对开发过程中所需要的图标、API、组件库、样式等实现按需引入,避免项目打 包体积过
大;
6.模拟数据: fastmock.js模拟后端数据进行调试,对axios方法进行二次封装,设置baseURL,在响应拦 截中处理后端返
回的数据,方便完成对项目中不同类型的请求
7.打包优化: 通过webpack-bundle-analyzer分析项目打包速度与资源体积, 配合CDN抽离Vue、 Lodash、Echarts
等资源包,配合云端OSS静态资源库,iconfont项目图标UI库,分离静态资源,大幅度 缩小项目体积,优化渲染与打包速度 。
查看详情
国美真选盲盒
项目职责:前端开发
项目职责: 负责该小程序端的登录、首页、购物车、仓库、订单以及我的模块等等
技术栈: 基于uniapp开发
实现细节:
1.使用fastclick解决部分设备点击延迟300毫秒的问题,使用better-scroll代替原生解决页面滚动不流 畅的问题。
2.受限于服务器的带宽不足,高流量时段部分接口响应较慢,在首页和购物车中使用了localStorage本地化 数据缓存预
加载方案,通过缓存用户最近一次拉取的数据,在用户此后进入页面等待接口响应时预先加载缓存 数据,防止发生空屏l
oading现象。
4.通过商户Server调用微信统一下单Api请求生成预付费订单pre_pay_id,用户确认支付后完成支付
5.封装方法: 负责页面在线客服模块开发,独立封装websocket公共方法,配合后端实现了消息动态刷新与 消息通知实
时推送,解决了消息通知滞后提醒的问题。
项目简介: 该APP是一款公司自研的盲盒抽取小程序,具有商品搜索、浏览、查阅、商品加购、在线支
付、销售记录、订单查询、晒单、评价、登录、注册、收藏等功能。
查看详情
锦鲤云商户小程序(微信小程序)
项目职责:前端开发
项目介绍: 为品牌方组建自己的私域运营团队的中小商户提供一个一PC端后台为参照的微信小程序版本的商户后台,包
含数据看板、报表、商品上下架、发货、配置运费模板等等功能。
项目职责: 负责该小程序端的报表页面、订单、我的以及运费模板等等
技术栈: 基于uniapp开发,UI框架使用的是uview
实现细节:
1.报表页面: 设计并开发数据可视化报表,使用ECharts图表库展示商户的销售数据、订单量等关键指标。使用uniapp提
供的组件和API实现页面的布局和响应式设计,确保报表在不同设备上的良好展示效果。通过HTTP请求与后端API交互,
获取报表数据,并进行前端数据处理和展示。
2.订单页面: 构建订单列表,展示商户的所有订单信息,包括订单状态、商品详情、收货地址等。实现订单搜索和筛选功
能,让商户能够快速找到特定的订单。添加下拉刷新和上拉加载更多功能,提升用户体验,减少数据加载时间。
3. 我的页面: 创建我的页面,展示商户信息、店铺配置、营销中心、常见问题等。实现修改个人信息和店铺配置等等修
改保存的功能,与后端API进行数据交互,确保数据的安全性。
4.运费模板: 开发运费模板配置页面,允许商户创建和管理多个运费模板,以适应不同的商品配送情况。设计运费模板的
计费规则和地区限制,确保运费计算的准确性和灵活性。
手写了一个省市组件,实现了父子传值,以及城市多选回显。
5.数据交互: 通过uniapp提供的网络请求功能,与后端API进行数据交互,使用RESTful接口规范传递数据;处理API返回
的数据,实现前端逻辑和界面展示,确保数据的准确性和合法性;处理请求失败情况,添加错误处理和提示,提高用户体
验并帮助商户快速定位问题.
6.兼容性和测试: 在多个不同手机上进行测试,保证小程序在不同手机和版本上的兼容性;使用真实商户账号进行功能测
试,模拟真实场景,发现和修复潜在问题
查看详情