● HTML、CSS:常用html标签、语义化、css样式中属性计算过程、盒模型的原理和使用、常见的布局方式、块级上下文、堆叠上下文、弹性布局和网格布局等;
● JavaScript(ES6+):执行上下文、作用域链,闭包、js内存模型、多种继承方式、多种异步解决方案、垃圾回收机制、各种DOM操方法与优化、事件循环、节流与防抖等 函数编程;
● jQuery:熟悉jQuery的各种操作,优化dom事件的使用
● 工程化:了解webpack(包含其工作原理,多种解决css工程优化方案)、常见的包管理工具和模块化标准
● 框架:vue全家桶开发、理解MVVM框架原理,熟悉elementUI组件库的使用
React全家桶开发,umijs的使用以及搭配Ant Design组件库开发
● 浏览器基本原理:浏览器的渲染原理、消息队列和事件循环、浏览器安全、http和https协议、跨域的本质
● 服务端:nodejs(核心库,node端的事件循环,利用node辅助解决跨域问题)
● 第三方库的使用:echarts、animate、axios、mockjs等多种第三库的使用
1--CRA开发部数据可视化大屏
基于 Vue、Datav、Echart 框架的 " 数据大屏项目 ",通过 Vue 组件实现数据动态刷新渲染,内部图表可实现自由替换,
部分图表使用 DataV 自带组件,可进行更改,所有的 ECharts 图表都是封装组件创建的,已经对数据和屏幕改动进
行了监听,能够动态渲染图表数据和大小。同时在监听窗口小大的模块,使用了防抖函数来控制更新频率,节约浏览器
性能。使用 mixins 注入,自定义多种函数方法,实时解决包括图表自适应适配等问题,使用axios进行函数封装,动态设置请求参数以及响应数据及多种响应情况的处理;
2--E企研人员与项目管理平台
主框架为react,工程构建+路由处理使用UMIJS,状态管理使用DVA,以及使用第三方组件库antdesign以及echartJs
图表库;主要业务处理包括:①登录架构设计--包括接口模块封装、请求动作封装、token处理方案以及登录鉴权方案,
② layout架构--包括主被动登出、动态路由表处理、联动处理等,③ 数据注入导出 -- 主要包括图片文件上传处理方案、
前端流数据处理方案以及图形化数据解析渲染,④ 权限分控--主要有权限处理、动态权限获取、页面权限处理方案以及
功能权限处理方案;⑤表格处理--动态表格处理方案、排序及分页表格处理。同时进行打包优化处理,协助实现最优的
项目部署优化。
3--投融资风险管理系统
使用vue框架,搭配使用vue-element-admin后台集成解决方案,使用vue-admin-template基础模板,同时搭配
elementUI组件库进行页面开发,主要使用到layout布局、Container布局容器、color色彩、Table表格、Skeleton
骨架屏、select选择器、upload上传、form表单、Message信息提示等多种组件进行页面布局设计;使用css3、jQuery
以及animate和swiper实现页面动画以及部分交互操作;使用axios进行函数封装,动态设置请求参数以及响应数据的处理
同时灵活封装各种后端接口,提高接口调用实现页面数据渲染的效率;使用mock.js进行数据模拟,实行前后端分离开发,
提高开发效率;使用echarts实现页面多种可视化图表的展现;使用webpack将前端代码进行打包交付后端进行项目测试,
并在测试环境以及项目投产进行技术支持