1. 拥有良好的HTML、CSS、JavaScript基础,熟悉ES6、jquery、sass/less
2. 熟悉vue全家桶,elementui、echarts、axios等
3. 熟练使用git、svn、Sourcetree等工具
4. 了解webpack 、mock、lodash
5. 了解http协议
1. 雷诺官方网站(pc端+移动端)
通过rem实现页面比例缩放,通过css媒体查询实现pc+手机端效果
使用scss作为css预处理器
使用swiper实现其中多处轮播效果
使用css3和js动画实现网站中多处动画效果开发
网站中图标使用sprite精灵图,通过js实现分端加载图片,提高页面性能使用font-spider按需压缩页面字体,提升页面访问速度
2. LOYO商家端(微信小程序,已上线)(原生)
项目基于微信小程序开发
使用iconfont字体图标,提高网页性能
使用component实现组件开发
使用wxs模块开发
使用预加载和分包加载扩充微信小程序体积并保证用户体验
引入wx-echarts,实现折线图
3. 监控业务事件化人工智能(electron-vue)
Websocket实时监听结果
使用echarts实现地图、k线图、折线图+散点图。迁徙图(散点+路径图)及其它基础图形。
使用promise统一处理接口
注册全局指令:弹框拖拽
vue方面: 动态组件、自定义指令、vuex,bus、路由守卫、虚拟列表、lodash、自定义组件封装、缓存页面
样式:scss
node方面:调用系统指令(child_process), 串口通信(node-serialport)
electron框架方面: 线程通信,session请求过滤,自动更新
es6: 克隆、promise、async/await、module、class、解构赋值
4. 清洁能源
使用echarts实现 折线图、散点图、地图、柱状图、饼状图
使用mock模拟后端接口,进行前端开发。
使用vuex状态管理工具。
使用bus任意之间两组件进行传值
使用vue-grid-layout 进行拖拽
使用scss对项目进行动态样式设置
项目基于微信小程序开发 使用iconfont字体图标,提高网页性能 使用component实现组件开发 使用wxs模块开发 使用预加载和分包加载扩充微信小程序体积并保证用户体验 引入wx-echarts,实现折线图
1.Websocket实时监听结果 2.使用echarts实现地图、k线图、折线图+散点图。迁徙图(散点+路径图)及其它基础图形。 3.使用promise统一处理接口 4.注册全局指令:弹框拖拽 5.vue方面: 动态组件、自定义指令、vuex,bus、路由守卫、虚拟列表