淘宝前端面试题及详细答案（真实职场版）.docxVIP

淘宝前端面试题及详细答案（真实职场版）

这套面试题贴合淘宝/阿里系前端真实面试侧重点，侧重基础扎实度、源码原理、工程化落地、电商业务性能优化、实战手写能力，答案摒弃模板化套话，为日常面试口述、笔试标准作答版本，适配初中级前端岗位面试。

一、HTML/CSS基础面试题

1、HTML5新增特性有哪些？电商项目常用哪些？

参考答案：

HTML5新增了结构标签、表单特性、媒体能力、本地存储、画布能力等，在淘宝这类电商项目中，日常用到的核心特性主要有：

1）语义化标签：header、footer、section、article、nav。电商首页、商品详情页、导航栏、页脚都会用，替代传统div嵌套，代码结构更清晰，也利于SEO和无障碍适配。

2）本地存储：localStorage、sessionStorage。常用来存储用户临时浏览记录、本地缓存的商品筛选条件、未登录购物车数据，弥补cookie存储容量小、跟随请求发送的问题。

3）表单新增属性：placeholder、required、maxlength、pattern。登录、下单、收货地址表单高频使用，减少JS校验代码量。

4）媒体标签：video、audio。商品详情页的视频介绍、直播回放缩略展示会用到。

5）拖拽API：商品拖拽排序、购物车商品拖拽整理等交互场景会用到。

2、CSS盒模型是什么？标准盒模型和IE怪异盒模型的区别