前端面试项目亮点和难点

刀刀

3/20/2025

0 字

0 分钟

划分

按项目划分

• 移动端项目
• B端项目——公司业务后台，数字化办公
• 可视化项目

按业务划分

1. 具体的业务功能（如果能命中公司也做的业务，加分）
2. 基础设施建设
3. 项目的优化

难点

移动端项目

1. 多屏幕适配

   多屏幕适配可以总结一套万能公式，rem 或利用工具 px 转 vw ，如 px2viewport 。实在不行上媒体查询或 js 解决。

2. 高还原要求

   移动端项目通常有非常高的还原度要求，和设计图 1px 都不能差，这点可以体现出开发的认真和细致。

3. 五花八门的移动框架和各种兼容问题

   微信小程序、支付宝小程序、wap 端、uniapp 等众多解决方案和适配兼容问题。

B端项目——公司业务后台，数字化办公

一些办公系统，常见一些给政府开发的办公系统，给医院开发的医疗信息系统，各种公司的后台管理系统等。

1. 文件上传、大文件上传、断点续传
2. excel 、pdf 、word 预览，导入导出，在线 excel 等等
3. 富文本编辑器，二次开发富文本功能

可视化项目

主要是一些公司的数据大屏，一些政府的智慧xx系统。

1. 熟悉各种可视化工具 echarts、g2
2. 画过一些比较难的图表比如高度定制的地图，流程图，关系图
3. 按公司UI设计自定义了图表的风格和样式，形成公司风格UI图表组件库
4. 3d可视化绘图

其他可能用到的难点

1. 即时通讯 websocket，常见于消息提醒，在线协作
2. webrtc
3. webgl 3d模型操作
4. 很多 canvas 功能，比如用原生 canvas 绘制数据、在线绘图、图片操作（滤镜、裁剪、压缩、标注）等

亮点

通用工作亮点

一些事情是几乎每个项目都有的，一定程度上能体现出水平。

1. 前端项目规范定制，并且落实到工程化工具中

   

2. 给项目开发一些组件，或者大一点，组件库，一般组件库很少从头开发了，更多是基于组件二次封装

性能优化方案

1. 首屏速度优化，体积

   1. 异步引入：把一些不是首页必须渲染的 js 代码，延后加载
   2. 利用构建工具压缩，tree-shinking
   3. gzip
   4. 替换一些旧版本库为新版本库，尽量不要什么都用第三方库

2. 大数据量渲染优化，一次渲染一部分是根本

3. 体验优化，如骨架屏、兜底图片、操作反馈

4. 组件可拓展性和易用性优化

5. 优化接口的出错处理，并发处理，让页面响应更快，体验更佳