个人介绍
我是程序员客栈的WZW小宇,一名前端工程师;
我毕业于南宁学院,担任过广州铭峻电子科技有限公司的前端,担任过广州九富信息科技有限公司的前端,担任过深圳中易科技有限责任公司的前端,担任过广西凌郎科技有限公司的前端;
负责过新疆建设工程消防审查验收备案管理平台、北京移动自动化网优平台、北投装饰物资管理系统、新发展项目建设档案系统等项目的开发;
技术栈:
1、掌握html&css语法结构,熟悉盒模型,能够独立完成静态页面编写,布局合理;
2、熟悉sass,了解嵌套、变量、混合宏,样式代码结构清晰并提升编写效率;
3、熟练rem、百分比、calc、flex布局,能够兼容不同尺寸的屏幕,实现跨屏开发;
4、熟悉javascript语法,熟悉DOM操作以及事件处理;
5、熟悉ES6新特性&模块化语法、Promise、闭包&作用域、继承、原型&原型链等;
6、了解Ajax、Jsonp,实现异步动态显示及数据交互和解决跨域问题;
7、熟练掌握Vue框架,掌握Vue、Vuex、Vue-Router、Axios全家桶,熟悉Vue生命周期、组件传值、监听事件、计算属性等;
8、熟练使用Element、Vxe-Table、Avue、Vant、AntDesign、Echarts、Highcharts等组件库,应对项目的不同开发需求;
9、掌握Node.js,懂得搭建开发运行环境,了解Web标准以及MVVM模式;
10、掌握Webpack打包工具,根据不同的插件和配置对项目进行打包和优化;
11、掌握Git和Svn版本控制工具,方便项目版本管理、资源共享、集中式管理,实现敏捷开发。
工作经历
2020-05-09 -2021-07-31深圳中易科技有限责任公司前端
前端开发工程师 1、根据UI设计稿图进行页面开发,并完成不同的项目需求; 2、从视觉和易用性角度,为UI设计提供建议并不断优化; 3、与后端工程师协作,实现页面交互,完成页面联调; 4、对项目持续跟踪,优化项目,改进业务性能、稳定性,提升客户体验。
2019-03-29 -2020-05-08广州九富信息科技有限公司前端
前端开发工程师 1、根据产品设计和项目需求文档,使用vue等相关技术完成产品项目开发; 2、负责项目易用性改进和界面持续优化,提高客户体验; 3、与后台开发工程师协作,完成数据交互、动态信息展现; 4、持续优化前端体验,保证不同浏览器兼容性和执行效率; 5、注重用户体验与需求,不断的优化完善,提升用户体验。
2019-03-29 -至今广西凌郎科技有限公司前端
前端开发工程师 1、负责使用vue框架、html、css、Javascript等技术完成pc端&移动端的页面开发; 2、与UI设计师、后端开发工程师积极合作,完成页面交互; 3、对主流浏览器和移动设备做兼容调试与修改,解决不同设备的兼容性问题; 4、负责公司V平台项目前端的二次开发。
2018-04-23 -2019-01-04广州铭峻电子科技有限公司前端
前端开发工程师 1、负责使用vue框架、html、css、Javascript等技术完成pc端&移动端的页面开发; 2、与UI设计师、后端开发工程师积极合作,完成页面整合; 3、对主流浏览器和移动设备做兼容调试与修改,解决不同设备的兼容性问题; 4、研究和跟踪最新的前端技术发展,合理应用到项目中,为产品后期运营提供升级、维护提供技术支持。
教育经历
2013-09-02 - 2016-07-04南宁学院工商企业管理专科
大学专业并不是IT行业,是毕业后经过亲戚带领,18年转行的前端。
技能
项目: 北投装饰物资管理系统pc端(pc、Vue) 项目简介: 北投装饰物资管理是流程管理、物资查询、订单跟踪为一体的管理平台,该平台分为pc端和web端,是针对企业内部的管理平台。 负责模块: 工作台、项目档案、项目质检资料、填报进度 技术栈: vue、vue-router、vuex、axios、iview、echarts、less、vue-print-nb 技术描述: 1、在菜单管理页面配置路由,并编写相应页面文件,通过后端返回路由表实现动态menu导航菜单; 2、通过layout布局页面,使用sass编写页面样式、公共样式,标签:class属性结合三元表达式实现不同状态不同样式; 3、通过axios,封装post和get方法,用then方法接收数据,用catch方法捕捉错误; 4、用 Form.create()包装表单组件,通过v-decorator绑定数据,结合自带的this.form属性,实现表单数据自动收集,并具备校验功能,避免了大量v-model绑定; 5、使用modal悬浮框编写公共组件,通过$children调用子组件事件改变visible属性值实现窗口开关,通过v-if、v-show等方式判断状态,控制组件不同展示状态; 6、使用upload组件在action属性设置url配合download事件实现附件上传下载; 7、页面表格套打功能,使用vue-print-nb插件,通过表格id获取到表格结构并用@media print{}修改打印样式,从而实现表格打印功能。
项目: 北投装饰物资管理系统web端(WebAPP、Vue) 项目简介: 北投装饰物资管理是流程管理、物资查询、订单跟踪为一体的管理平台,该平台分为pc端和web端,是针对企业内部的管理平台。 负责模块: 工作台、项目档案、项目质检资料、填报进度 技术栈: vue、vue-router、vuex、axios、vant、echarts、less、vue-qrcode-reader 技术描述: 1、使用lib-flexible、postcss-pxtorem做屏幕自适应,通过postcss-pxtorem把px转成rem单位,lib-flexble动态设置rem的屏幕占比,由此实现rem布局; 2、根据UI图,使用less和vant组件编写页面样式和组件功能,并修改组件class源样式,使页面符合设计要求; 3、使用flex布局,在父元素设置justify-content属性使商品展示自动分配间距,使模块有序的排列,实现页面自适应; 4、使用van-pull-refresh组件包裹van-list组件配合refresh事件和load事件,实现上拉加载、下拉刷新,并用keep-live做数据缓存,优化页面性能; 5、封装axios,设置请求拦截、响应拦截,封装post和get方法,并根据不同页面划分不同的模块,并引入post和get方法,获取后端数据; 6、设置路由守卫,判断to即将要进入的页面是否需要登录,如果不需要用next()跳转到相应界面,反则进入到登录页面。 7、echarts通过clear()方法实现清空画布,防止下拉框柱状图交互的时候,柱状图出现数据错乱; 8、把协议设置成https,并结合vue-qrcode-reader组件获取到摄像头权限,实现h5扫一扫功能; 项目难点: 1、由于webApp需要用到扫一扫功能,也就是说要实现h5扫一扫,就意味着不能用第三方平台的SDK(比如*扫一扫SDK),这里就只能使用vue-qrcode-reader实现扫一扫,h5实现扫一扫必须是https。
项目: 新发展项目建设档案系统(Pc Vue) 项目简介: 新发展项目建设档案系统是北投高速建设管理平台的子系统,北投高速建设是一个针对企业内部,具备高速路施工建设进度管理、施工人员管理、施工资料查询&统计等功能的管理平台,而新发展项目建设负责施工资料查询&统计这一块的功能。 负责模块: 工作台、项目档案、项目质检资料、填报进度 技术栈: vue、vue-router、vuex、axios、iview、echarts、less、xlsx、vue-print-nb 技术描述: 1、根据项目需求,划分路由模块,配置静态路由表和动态路由表,通过后端返回的权限值,对路由判断过滤,并通过addRoutes生成可访问的路由表; 2、根据UI图,使用less和iview组件编写页面样式和组件功能,并修改组件class源样式,使页面符合设计要求; 3、工作台、大屏等需要布局兼容,通过calc()样式给元素添加自适应高度、宽度,实现页面自适应; 4、封装axios,设置请求拦截、响应拦截,封装post和get方法,并根据不同页面划分不同的模块,并引入post和get方法,获取后端数据; 6、部分页面用到echarts,通过折线图on()方法绑定点击事件,实现表格&折线图交互; 7、页面表格套打功能,使用vue-print-nb插件,通过表格id获取到表格结构并用@media print{}修改打印样式,从而实现表格打印功能; 8、页面表格导出excel功能,使用xlsx、xlsx-js-style、file-saver插件,实现excel导出功能。 项目难点: 1、导出excel功能:如果单使用xlsx插件,只能获取到表格结构但无法修改样式,不符合需求,因此要结合xlsx-js-style和file-saver,才能实现实现excel样式修改和文件下载;