能够熟练的运用html与css实现各种复杂页面布局与交互,精确还原设计稿。
熟悉JavaScript,熟悉ES6,掌握Typescript的基本使用,熟悉css预编译语言scss等的使用;能够在开发 中应用设计模式写出结构良好的前端代码。
熟练使用React、Vue相关的技术栈,并对其部分原理有了解知道其大部分功能的实现方式,能够在开发 过程中较快的定位问题并找到解决方案。
熟悉webpack打包工具中的各种配置,能够使用其对项目进行打包构建与优化。
能够使用前端常用的性能优化方案对项目进行调优、加快页面渲染。
使用JWT配合Vue Router路由守卫实现登录鉴权与页面跳转;使用axios,运用promise,统一封装接口 请求,接口统一方便管理;配合使用async/await用同步的形式书写异步操作,避免复杂数据请求的回调 地狱,提高代码可读性;结合babel/polyfill配置解决ie、safari、chrome、ff等主流浏览器中,es6/7等 新增API和语法的兼容性问题。
使用canvas绘制拓扑关系图。
使用v-charts(基于vue封装的echarts)完成首页和dashboard中大数据量的图表展示,完成图表自定义tooltip、自定义legend等复杂交互。
抽出系统公共组件如确认删除弹框组件,修改/新增弹出框组件、dashboard和首页的相似卡片内容展示 组件、svgIcon组件等;实现高可复用。
完成系统的客户端注册码管理、系统配置、客户端下载、文件备份模块和主机使用情况告警模块。配合使 用Vuex对全局状态分模块(用户模块、主机模块、系统配置模块等)进行管理;使用provider/inject、 props、$emit、自定义事件等方式完成系统各组件之间的通信。
使用render函数和虚拟DOM动态渲染tree树形组件中子节点内容。
开发企业官网,考虑到企业官网适合多页面应用,同时需要SEO优化等,所以选择使用VueSSR技术,用了nuxt.js框架。 完成首页、解决方案、产品展示、安全服务、关于我们这5个模块,综合运用vue组件化思想,使用组件的props、slot插槽,拆分各模块中相似部分以复用,使用Animation.css结合CSS3完成所有页面的交互和动效。