Skip to content

近期项目的难点和亮点

专题简介

  • 问题分析
  • 项目难点
  • 项目亮点

问题分析

首先要拆分问题回答,先举例说实际工作中有哪些难点,再回答实际项目和工作中的亮点,不能一股脑的难点和亮点混搭回答

实际项目中的难点

首先要根据自己接触的项目类型做分类和总结,不同的项目类型,难点是不一样的,应该从以下几个维度去考虑:

  • 移动项目
  • B 端项目,比如医药系统,后台管理系统,公司后台政府网站等
  • 大屏数据展,可视化界面,svg
  • 消息推送,状态实时监控

移动项目需要考虑的点

  • rem 单位的转换
  • 设计稿的高度还原,精确到 1px,体现出做事情的细致和高度精确度
  • 多媒体适应不同的屏幕
  • 不同设备的兼容性问题

B 端项目需要考虑的点

  • 上传,大文件上传,断点续传等功能
  • excel,pdf,导入和导出,在线 excel 编辑
  • 富文本编辑器,二次开发编辑器

大屏数据展,可视化界面,svg

  • echarts,g2 等图标的使用
  • 画过其中一些比较难的图标,比如高度定制化的地图,流程图,关系图等
  • 按照公司 UI 设计自定义一些图标的风格和样式,形成公司风格的 ui 图标
  • 3D 可视化绘图或者 svg 的 2D 绘图以及根据可视化绘图数据生成 svg 图标渲染

消息推送,状态实时监控

  • mqtt 的连接和实时数据的获取
  • 原生 websoket 的连接和消息推送和获取

工作中的亮点

站在整体观的角度去分析你在团队做的贡献以及前端做的一些贡献,从以下几个维度考虑

  • 项目前端规范,并落实到工程化项目里面
  • 组件库的封装和开发
  • 代码 review 和技术文档的分享

项目前端规范

  • git 提交规范
  • 编辑工具代码格式规范,vscode 格式化,eslint,ts 等检测
  • 代码的规范化,const 和 let 的合适使用等
  • 打包工具的规范,比如自动引入等,引入模块的标准语法

组件库的封装和开发

  • 定制化属于公司的基础组件库
  • 规范了不同系统的样式风格,交互,尺寸等统一
  • 提升了代码的可维护性和扩展性,做到一处改处处生效。

代码 review 和技术文档分享

  • 定期的组织代码的 review 可以很好的监督规范公司的代码质量和逻辑
  • 代码 review 还可以发散思维,不同的人有不同的逻辑思维,可以学习和运用。
  • 技术文档的分享可以同步近期热门和更新的技术,让每个成员尽可能保证技术的热点
  • 还可以根据技术文档的分享查漏补缺,加深知识和技术的理解,更好的运用到工作中