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