项目环境：Windows
项目技术：HTML、CSS、Vue、element、iview，JavaScript、JQuery，websocket
项目描述：电信号码百事通
责任描述：负责项目结构搭建，部分前端页面，搭建实时聊天系统。
项目收获：1，对大型项目的结构与开发有深入的了解，对技术选择，前端组件选择有一定的了解。
2，项目要求在ie浏览器上运行，对解决ie浏览器兼容性问题有一定的经验
3，理解websocket实现原理，实现了实时聊天和系统广播两个功能，对请求的发送有一定的了解，比如ajax轮询，以及websocket实现的持久连接。
项目环境：Windows
项目技术：HTML、CSS、Vue、element、JavaScript、JQuery
项目描述：对公司内部各个部门的kpi进行描述与整合，进行图像化显示。功能：登录，注册，对后端的数据图像化显示，数据源可配置，树形结构可拖动，展示页面可配置，所有页面进行移动端适配。
责任描述：负责整个项目的框架搭建和前端页面的设计与布局。
项目收获：1，对整体项目布局，移动端适配有深入的理解。
2，对vue的实现原理有更深入的了解，对数据的可视化有新的理解。主要是借助echarts进行后端数据的显示与配置
3，对element组件有更深入的了解与使用，熟练使用该组件的样式，以及对样式的更改
4，熟悉项目架构和组件结构，以及路由跳转的方式，参数的配置。
项目环境：Windows
项目技术：HTML、CSS、BootStrap、JavaScript、JQuery
项目描述：成都牛签签餐饮管理公司首页，主要功能为该公司提供展示信息的首页，介绍该公司的产品，门店，加盟商。
责任描述：使用HTML+CSS进行页面的整体布局和代码编写，使用BootStrap针对不同的设备进行屏幕适配，使用JQuery+JavaScrip进行页面交互功能。
项目收获：1.加深了media screen媒体查询对不同视口布局的操作
2.明白了响应式和自适应布局的区别，响应式只是针对不同视口的一些特定样式，自适应则是适应一定范围视口和高度的布局，自适应更多的是用于移动端的布局，响应式则是可以适应多端的布局。例如：，因为css中的1px不等于设备的1px，所以在移动端中，windows对象有一个devicePixelRatio属性，通过该属性可以知道当前设备屏幕像素等于多少px值。BootStrap适配原理是在页面外层有一个container容器，容器内使用栅格系统，在屏幕情况下（超小屏手机：<768px,小屏幕平板>=768px,中等屏幕>=992,大屏幕>=1200px）,栅格系统会自动产生适配该屏幕尺寸的行为。
3. 可以利用添加浏览器前缀的方式消除响应式网页在不同浏览器的下的兼容性问题。例如：
-moz-/火狐等使用Mozilla浏览器引擎的浏览器，-webkit- /Safari, 谷歌浏览器等使用Webkit引擎的浏览器。
项目名称：成都海鲜商城(移动端)
项目环境：Windows
项目技术：HTML、CSS、JavaScript、Vue
项目描述：成都海鲜商城是一个综合性的电商网站，具有首页推荐，产品详情，购物车，用户登录注册等功能。
责任描述：使用HTML+CSS进行移动端静态页面编写，使用mintUI等组件实现移动端页面的交互功能，使用router进行组件间的跳转，传参，使用session存储用户数据，使用Node.js搭建服务器，编写插入测试数据，使用axios跨域访问数据库并将数据渲染到页面
项目收获：1.有些接口使用axios会存在跨域问题，可以用cros 解决
2.熟悉了组件间的传值方式，子传父可以用emit，父传子可以用props，组件间的传值可以用router-link直接跳转传参
3.加深了对Vue生命周期、钩子函数的理解，created是实例创建完成后的钩子函数，而mounted是编译好的html挂载到页面完成后执行的钩子函数
4.加深了对vueX配合session使用的理解，使用vuex时应注意store这个对象有3个子对象，state、mutations、actions，其中state用于储存数据，mutations用于递交更改，actions用于进行异步更改，可以通过调用mutations实现对数据的更改。session中值得注意的问题是session失效的方法，使用session.invalidate()方法即可。使用vuex前配合使用session来得到需要使用的状态。
1.负责前端技术选型
2.项目整体搭建
3.页面编写
4.与后端联调实现功能
学校：西华师范大学
专业：软件工程
学历：本科
