项目一:
项目名称:车场管理系统
项目描述:车场系统后台管理是web项目,适配pc浏览器和公司app的内嵌webview页面。
项目职责:该项目为团队开发,本人担任前端开发的负责人,主要负责该项目的结构搭建,基础配置,组件封装。
主要技术:
1.使用Vue-cli3.0+TypeScript+ElementUI+webpack搭建项目框架。
2.根据不同权限异步渲染vue路由
2.使用scss预编译编写样式,封装了常用的样式和方法,比如:弹性盒方法。
3.封装Websocket方法,在车辆进出场识别的时候发送和接收消息。
4.编写方法实现自定义组件的全局注册方法,省去手动注册的繁琐。
5.项目页面适配移动端和PC端。
6.解决ElementUi问题:
a)Table表格在页面宽度缩小时,表格宽度不会缩小。
b)Select组件在横向、纵向都可以滚动的页面,下拉框不会根据页面的滚动而滚动。
项目二:
项目名称:生活服务商城(Hybrid App)
项目描述:生活服务商城是一个基于享家社区APP的商城。
项目职责:该项目为团队开发,本人担任前端开发的负责人,主要负责该项目的结构搭建,基础配置,组件封装。
主要技术:
1.使用vue+vux-UI+vue-router+webpack搭建项目框架。
2.使用bscroll插件封装下拉刷新、上拉加载更多的组件。
3.封装组件,实现不定高度的高度动画渐变效果。
4.修改vue-cli2的打包配置或使用cross-env插件,实现多环境打包。
5.封装axios请求,实现加载loading动画至少展示300ms以上,解决请求响应过快动画出现闪动问题。
6.使用promise实现对原生返回的mapp对象进行异步监听,该对象存在才能继续发起ajax请求。
7.对vuex仓库的state对象进行深度监听,实时存储到sessionStorage,解决页面刷新导致vuex仓库数据丢失的问题。
8.封装js方法,实现自定义组件的批量全局引用。
9.配置webpack的devServer.proxy对象,实现服务端代理访问服务器,解决跨域问题。
10.使用postcss-px-to-viewport插件,配置postcss.config.js,对各个大小屏终端实现自适应等比例缩放。