1、熟练掌握 HTML5、CSS3 和 JavaScript(ES6+),并能够编写语义化的 HTML 结构、精确的 CSS 样式以及高
效的 JavaScript 代码。
2、熟悉使用 Vue 框架、Vue-router、Vue-cli 脚手架进行 MVVM 设计模式下得页面搭建与前后端数据交互。
1)熟悉 Vue 的组件化及数据驱动。
2)熟悉 axios 二次封装、请求拦截、响应拦截器。
3、掌握 Webpack、Babel 等构建工具,能够进行代码打包、模快化开发和性能优化。
4、熟悉 Sass、Less 等 CSS 预处理器,能够实现复用样式和快速定制界面
5、熟悉使用 GitLab、GitHub 等代码托管平台,能够进行团队协作开发和代码管理。
6、熟悉响应式设计和开发,能够根据不同设备和屏幕尺寸进行布局和适配。
7、熟悉使用浏览器开发者工具(如 Chrome DevTools)进行调试和性能优化。
8、了解 node.js 及 MySQL。
9、了解自动化部署工具(如 Jenkins 等)。
10、了解搜索引擎优化(SEO)的基本原理和技巧,可通过合理的网页结构和标记、关键词优化等手段提升网站在
搜索引擎中的排名。
中信港通汽车进出口贸易平台
项目描述:该项目为汽车进出口贸易的后台管理系统,提供了订单管理、客户管理、合同管理、数据统计等功能。
涉及到外币、美元、欧元等多币种的金额计算与显示,以及仓储管理、预警设置和大屏数据展示等特定需求。 主要技术:Vue + Element UI + Webpack + Echarts + axios + 金蝶云星空同步开发等。
职责描述:我负责了前端项目的整体开发,包括页面设计、UI 实现和前端逻辑编写等。 主要特点和功能:
金蝶云星空:通过与金蝶云星空的同步开发功能集成,实现了与财务系统的数据同步和金额计算,提高了数据
的准确率和可靠性。
预警设置:使用定时任务进行数据监控,对异常数据进行预警提示,并通过邮件和短信进行通知。
大屏数据展示:使用 Echarts 进行数据可视化展示,包括销售额、订单数、客户数据等关键指标的实时展示和
分析。
预约排队微信公众号
项目描述:该项目为一个预约排队公众号,旨在方便用户使用移动端设备进行预约排队操作。用户可通过公众号查
看点位信息、路径规划、单据状态等。同时,不同角色账号会给予不同身份操作权限和展示数据。主要功能包括预
约、过号、呼叫等状态管理,以及排到当前队列时通过虚拟电话实时通知用户进场装卸货操作。 主要技术:Vue、Vant、Webpack、axios、高德地图 API 等。
职责描述:我负责了前端项目的整体开发,包括页面设计、UI 实现、前端逻辑编写等。 主要特点和功能:
多角色管理:不同角色的账号登录后,会根据其权限给予不同操作选项和数据展示,确保数据安全性和合理性。
预约排队管理:用户可通过公众号进行预约排队操作,包括选择预约时间段,提交预约请求等。后台系统会根
据当前排队状况自动调度和通知。
虚拟电话通知:当用户排到当前队列时,系统会通过虚拟电话实时通知用户进场装卸货操作,提高操作效率和
用户体验。
兴发集团固危废及副产品风险管控平台
项目描述:该项目旨在提供全面的风险管理和监控功能。用户可通过该平台查看点位、路径规划等信息。同时,平
台还与中台交通部进行数据对接,获取车辆信息,以便更好地实现风险管控。支持预警设置、轨迹回放等功能,并
通过小黑卡实时更新车船位置信息。 主要技术:Vue、Element UI、Webpack、axios、高德地图 API、中台交通部数据接口对接等。
职责描述:我负责了前端项目的整体开发,包括页面设计、UI 实现、前端逻辑编写等。 主要特点和功能:
点位和路径规划:用户可通过平台查看固危废和副产品的点位信息,以及进行路径规划,帮助用户选择最佳的
运输路线。
中台数据对接:平台与中台交通部进行数据对接,获取车辆信息,如车牌号、运输公司等,以便更好地进行风
险管控和检测。
预警设置:平台支持预警设置,当出现异常情况或风险事件时,会自动触发预警并通知相关人员进行处理。
轨迹回放:平台提供轨迹回放功能,可以回放车辆的历史行驶轨迹,帮助检测运输过程中的安全和合规性。
小黑卡绑定:通过小黑卡设备,平台可以实时获取车船位置信息,并在平台实时更新,提高数据的准确性和实
时性。
角色 | 职位 |
负责人 | 前端工程师 |
队员 | 前端工程师 |
队员 | 后端工程师 |
项目描述:该项目旨在提供全面的风险管理和监控功能。用户可通过该平台查看点位、路径规划等信息。同时,平 台还与中台交通部进行数据对接,获取车辆信息,以便更好地实现风险管控。支持预警设置、轨迹回放等功能,并 通过小黑卡实时更新车船位置信息。 主要技术:Vue、Element UI
项目描述:该项目为汽车进出口贸易的后台管理系统,提供了订单管理、客户管理、合同管理、数据统计等功能。 涉及到外币、美元、欧元等多币种的金额计算与显示,以及仓储管理、预警设置和大屏数据展示等特定需求。 主要技术:Vue + Element UI + Webpack + Echar