Git的基本功能,敏捷高效地处理项目;了解Node.js
Vue框架和MVVM模式;组件开发封装可重复利用的代码
熟悉原生JavaScript和ES6,以及Bootstrap等主流框架
HTML、CSS等网页制作技术,熟悉页面架构和布局,掌握stylus
了解面向对象,原型链,通信,web安全,Gulp,Webpack,css预编译器
Microsoft office,Photoshop,Excel
有简单小程序开发经验
2018.10-2020.01 地温能智控系统(http://47.112.124.122:8080/geotemperature/#/)
1、PC端和分辨率4k屏的适配;使用media样式的设置等对网址进行pc端适配,其中包括pc端是否为微信浏览器,并检测页面width对Echart宽度进行适配
2、WebSocket协议;客户端连接服务器不断开,及时把数据反应到前端
3、HTTP方法的使用;在大楼使用get方法获取不同楼层的数据,将数据渲染到前端,在用户登录页面使用post方法请求登录等;大楼楼层具体对每个房间的控制,下达开启空调红外线等操作
4、webStorage的使用;localStorage保存用户信息,永久存储用户信息
5、Echarts组件开发使用;封装可重复利用的代码,提高代码使用率,降低代码重复率
6、利用Element组件快速开发;在PC端数据浏览一栏出现样式问题,找出并覆盖原样式
7、使用v-html;登录后可查看在机房的错误警告,错误警告动态添加html
8、封装css方法并使用;机房的水泵等数据css使用封装的方法进行定位
2020.05-2020.06 记账的微信小程序简单开发(随记yu)
1、小程序的文件结构;在.wscc编写css代码,在wxml编写小程序结构,在.js编写数据和方法以及小程序生命周期
2、使用云开发初始化;初始化记账页面的支出和收入类型图标等以及首页的记账信息
3、使用云开发操作数据;在记账页面可以添加收入和支出的记账数据
4、使用wxcharts;在报表根据不同的数据筛选绘制pie图表
5、熟悉css样式,针对不同情况有对应的样式;首页的记账备注过长显示三个点,绝对定位设置收入和支出的分割线;记账运用flex对图标账户选择进行排版,并根据点击的不同事件激活背景色;在报表的月份设置最小宽度等
2020.05-至今还在开发中 vue模仿微信聊天网页(http://blogpoliki.top/#/)
1、封装axios方法;全局可以调用此方法,减少代码重复率
2、Post的传参方法;项目中运用了JSON和formData传参方式
3、使用阿里图标;美观页面,让用户可以直观了解按钮的功能
4、利用Element组件快速开发;美化上传头像部分,可视化上传头像
5、父子组件和兄弟组件;监听修改各组件关系的值,对界面数据做出更改
6、对Vue的数组和对象操作;修改和删除数组和对象数据
7、使用Stylus;除了首页以外用的是Stylus预编译,在开发过程较简介高效
8、WebStorage的使用;登录时sessionStorage保存用户信息,退出时清空sessionStorage
9、v-if和vi-show的区别;项目合理运用v-if和v-show
角色 | 职位 |
负责人 | 前端工程师 |
队员 | 前端工程师 |
一个简单的记账小程序,登陆者可以在这个小程序做一些简单的记账信息,并在首页可以查看每天的记账信息和本月的收入和支出,在报表页可以进行筛选查看支出和收入。
把后台获取的数据可视化,图表、文字信息等,localStorage保存用户信息,永久存储用户信息,并在登录之后可以对空调下达操作控制开关风速等。登录后可查看在机房的错误警告,错误警告动态添加html。
vue模仿微信聊天页面,有三大板块,好友列表、好友信息,朋友圈。可以添加和删除好友并和好友互动,可以发送自己的日常动态交友。