熟悉W3C标准,掌握DIV+CSS盒模型布局,html5响应式布局、弹性布局以及css3动画效果。
熟练使用JavaScript,es5/es6原生开发。
掌握ajax/axios实现数据交互功能、数据解析与展示
熟练使用jQuery/vue2/vue3等主流框架,熟悉MVC/MVVM架构。
熟练掌握前端调试技巧,能够有效的定位、分析和解决BUG 及问题。
熟悉使用vscode等常用编辑工具。
熟悉使用less,sass等预处理器。
项目1:全面风险
项目描述:平安内部的一个统计分析子公司之间各种风险的系统
汲及技术:VUE, NODE.JS, lass, echarts
责任描述:
1. 实现产品经理要求的图表功能需求。
2. 按需开发vue组件,提高项目和工作效率。
3. 前端和后端联动、调试,方便后期测试,让版本准时上线。
4.项目中用echarts实现了用户自定义图表并保存成卡片库(包括echarts图例自定义,生成图后再回显)。
5.项目中实现并应用了轮播,并全部截图下载到PDF文件。
项目2:平安云移动端
项目描述:平安云手机版
汲及技术:VUE, EJS, NODE.JS, SASS
责任描述:
1.运用node.js,git搭建vue项目环境。
2.使用html、css、flex进行页面布局。
3.使用EJS模板操作数据渲染页面。
4.使用axios实现异步传输,JSON实现数据交互。
项目3:平安舆情移动版
项目描述:快乐平安新增功能,能实时监察到平安系公司的正负面舆情新闻
汲及技术:VUE,less, 百度ECHART
责任描述:
1. 用vue搭建环境,并采用rem布局,
有关rem大小设置问题,此处采用zepto实现的方法,即独立一个文件autosize.js,用js来读取屏幕的宽度,
核心代码:docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
在写页面的过程中使用屏幕宽度为375px(苹果6、7、8)的时候,100*(375/375)html字体大小为100px也就是1rem;这样换算就很方便了,只要小数点向前移动两位即可。
2.实现基本页面展示,实现基本交互逻辑
3.vue组件化应用比较多,vue组件间通讯方式:父传子(props),子传父($emit),两个没有关联组件之间(使用vuex,$eventBus).
4.项目需求:实现微信看一看不感兴趣功能,此处用了插件element的Popover 弹出框,不过需要修改宽度,改插件的样式在本组件不好使,所以在最外层的app.vue修改即可(body .el-popover{width:3rem!important;})