1、精通HTML5、CSS3(包括响应式设计、Flexbox、Grid布局等)以及原生JavaScript是基本要求,能够高效构建网页结构和样式,实现动态交互效果
2、精通React、Vue等现代前端框架,以及jQuery、Bootstrap、Vuex、Redux等常用库和状态管理工具,以提升开发效率和项目可维护性
3、熟悉前端性能优化的各种策略,如代码分割、懒加载、图片优化、使用CDN、减少HTTP请求等,确保网页加载速度和用户体验
4、熟练掌握Git等版本控制系统,能够高效管理代码版本,进行分支合并、冲突解决等操作
5、熟悉使用媒体查询、Viewport设置等技术实现响应式布局,确保网站在不同设备上均能良好展示
6、熟悉并处理不同浏览器(尤其是IE系列)之间的兼容性问题,确保网页的广泛兼容性
7、能够使用Ajax、Fetch API等技术与后端进行数据交互,处理JSON等格式的数据,并能在前端实现数据的展示、过滤、排序等功能
8、熟悉Webpack、Gulp等构建工具,以及npm/yarn包管理工具,能够配置自动化构建流程,提升开发效率
9、掌握Chrome DevTools等调试工具,能够进行前端代码的性能测试、单元测试、集成测试等,确保代码质量
一、项目名称:优益网
项目描述:公司官网,推广公司的硬件和软件产品,团队介绍;注册登录,集成测试云平台
技术栈:Vue Nuxt
项目职责:
1. 负责项目的搭建,官网性能优化,通过浏览器的强缓存(css,js,不易改变)和协商缓存,通过SSR提高首屏加载,部署到CDN
2. 由于公司官网都是静态页面,采用SSG方案,在build阶段就构建完成
3. 为了达到页面 “秒切”,在进入首页,提前预获取后面几个页面的数据,并缓存到本地
4. 给页面的标签添加属性,preload,prefetch,预获取数据
5. 减小图片的大小,页面适配,在html根元素设置rem,再通过媒体查询
二、项目名称:数据处理工具软件
项目描述:做实验过程产生大量的数据,人工处理效率低容易出错,于是决定开发数据处理工具软件;数据文件的上传 excel .txt zip,通过制定的规则和算法(核心)处理数据, 生成新的数据绘制图表
技术栈:Electron Vue
项目职责:
1. 负责项目主客观数据处理,采用 SheetJs 包处理 .xlsx .txt 文件,通过两种方式来获取数据,一是通过Excel表头 A,B,C ...字段获取数据,二是通过Excel的内容表头(唯一的key)来获取数据,通过文件的十六进制编码,校验文件上传的类型
2. 删除 false invalid 数据,合并相同被试编号数据并求和,计算偏差率(自己封装的算法),使用斯皮尔曼,皮尔逊统计学公式计算相关性系数,由于有大量的计算,使用 Web-worker 线程做单独计算,不阻塞主线程
3. 交叉分析,通过分析两张表不同维度的数据,计算每个维度的占比,自己封装的交叉分析算法
4. 不同的任务类型,动态生成不同图表,动态绑定数据,通过 HtmlCanvas 插件对图表截图,生成Excel 数据,利用nodeJs的能力写入到本地文件夹
5. 配置 husky commitizen eslint prettier lint-staged,制定前端开发规范(组件的命名,文件放的位置),便于后期维护
6. 大文件上传和断点续传
三、项目名称:车载软件原型测试云平台
项目描述:为了搜集车载软件用户使用和体验的情况,决定开发一个后台管理模拟用户操作App,分为主试端和被试端;
通过axure设计的原型app;主试端上传原型到云平台,划分不同任务给被试端测试,获取用户操作App的行为数据;被试测试主试发布的任务,主试收集被试的测试数据;主试端通过规则和算法生产测试报告,统计分析图表,为机构和车企出示测试评价报告。
技术栈:Vue
项目职责:
1. 负责项目被试端,通过路由的拦截,表单的校验,在用户未完成时禁止跳转下一个页面
2. 被试在测试过程中,要对用户进行录像(通过浏览器提供的API),然后发送服务端python处理视频(表情分析算法)
3. 通过 iframe 嵌套原型App,在原型App注入javascript脚本,获取用户点击页面的坐标和坐标之间的连线,生成热力图(Canvas)
4. 测试报告,后端通过 Jsp 渲染完数据,返回前端 Html,前端通过vue-pdf 插件,生成 pdf 格式,提供下载,然后可打印
5. 使用 Vue-router 的路由守卫,配置路由拦截,根据后端返回的路由信息,递归动态加载路由
项目名称:优益网 项目描述:公司官网,推广公司的硬件和软件产品,团队介绍;注册登录,集成测试云平台 技术栈:Vue Nuxt 项目职责: 1. 负责项目的搭建,官网性能优化,通过浏览器的强缓存(css,js,不易改变)和协商缓存,通过SSR提高首屏加载,部署到CDN
项目名称:数据处理工具软件 项目描述:做实验过程产生大量的数据,人工处理效率低容易出错,于是决定开发数据处理工具软件;数据文件的上传 excel .txt zip,通过制定的规则和算法(核心)处理数据, 生成新的数据绘制图表 技术栈:Electron Vue 项目职