熟练掌握 HTML+CSS 样式 ,熟练掌握 Layout 布局,能够运用其快速制作网页;
熟练掌握 element ui,掌握各组件的用法;
熟练掌握 JavaScript,掌握 JS 中高阶函数、防抖、节流、图片懒加载等;
熟练掌握 Vue.js , uni-app 前端框架 ,掌握 Vue 的生命周期、事件绑定原理、路由等;
熟悉 echarts,G2Plot,G6等可视化开发组件;
熟悉 Vue-Router路由,store状态管理等工具;
熟悉 JQuery ,了解基础 DOM 操作以及 ajax;
熟悉 Node.js 中的 koa 开发原理;
熟悉 MySQL , MongoDB , SQLserver 数据库 ,能使用和编写 SQL 语句;
熟练掌握 Visual Studio Code , HBuilderX ,微信开发者工具等开发工具的使用;
了解 Vue3和 TypeScript,了解组合式API;
了解 Java C语言,读懂基本代码。
工控安全防火墙系统 [20222.2-2022.9]
技术架构:vue.js+JavaScript+echarts+G2plot+G6
主要负责:1.用G6完成网络拓扑图模块,此页面主要由路由器,交换机和设备组成,默认情况下只显示路由器,可在路由器下添加交换机或者设备,交换机下还可添加交换机或设备,层层叠加,形成拓扑结构,在此页面通过在G6中查找对应的api和方法,结合JavaScript相关知识点,可以实现节点的添加,删除,编辑,查找功能,可以对在一个区域的设备或交换机进行分组,并在页面呈现,运用G6中combo对节点进行分组也可实现增删改,运用G6中的工具栏,实现鼠标滚动放大缩小,鱼眼功能等;
2.在admin下进入系统,迭代用户管理界面,根据原型图,将页面重新修改,将用户删除,修改密码,密码有效期设置集成到每行对应的编辑下拉框中,将每个功能分别写不同页面,引入index进行显示;
3.用echarts迭代报表统计,在报表统计中添加设备流量统计和协议流量统计页面,两个页面呈现形式一样,都由一个饼图和一个柱状图组成,饼图呈现的是一周内设备或协议的流量top10,点击左边饼图的设备或协议,右边柱状图联动显示此设备或协议一小时,一天,一周的流量对比,使用echarts图表完成,引入封装好的饼图和柱状图组件,对其配置进行修改,在echarts中找相应api,通过饼图点击事件,拿到点击的协议或设备名称,通过名称去接口中找到对应名称一小时,一天的流量,呈现在右边柱状图中,此页面还可实现重置刷新和报表下载功能,报表下载包括pdf和静态页面,运用saveas将文件和url进行保存,完成下载功能;
4.引用组件迭代首页接口信息部分,将只显示接口名称修改为点击按钮显示接口详情,包括接口总数,传输速率,传输模式和接口状态,引用封装好的dialog组件完成弹窗部分,引用table组件完成弹框中的表格,判断路由模式,弹框显示不同表格,在交换模式下,表格中显示接口连接情况,判断是否连接了接口,若没有,显示‘-’。
授权系统
技术架构:vue.js+JavaScript+echarts
个人职责:1.用vue-element-admin完成整个项目的框架;
2.运用G2plot中的图表完成出货统计中出货量年统计趋势图以及购入厂商top5;
3.封装table组件包括序号,多选框,分页,总数,全选,取消全选,列配置,改变选择状态等,封装dialog组件,方便页面直接引入使用;
4.运用layout布局创建页面;
5.熟练运用element ui中的form表单以及各种组件充实页面;
6.通过router完成路由,完成二级菜单的显示,用store全局存储数据。
此项目是公司内部用来对出售产品进行授权管理的系统,主要有出货统计,厂商信息,授权管理,授权日志和用户管理几部分组成,方便公司对已授权产品的管理。 我主要负责:1.用vue-element-admin完成整个项目的框架; 2.运用G2plot中的图表完成出货统计中出货量年统
新闻资讯平台主要是前台管理和后台管理操作。后台管理负责网站维护,通过文章管理,评论管理等功能达到对网站的管理,前台是登录过程用户到本网站,可以注册用户,通过浏览网站文章推荐或搜索文章,找到想看的文章,对其进行点赞,收藏,评论。