标签语义化：

语义和默认样式的区别：

• 默认样式是浏览器设定的一些常用tag的表现形式；
• 语义化的主要目的就是让大家直观的认识标签和属性的用途和作用；

标签语义化作用：

• 当只有HTML页面时，没有CSS，我们仍然可以很清晰的看懂页面的DOM结构
• 团队维护，当团队来review代码或者重构时，增强代码的可读性，更利于维护
• 有利于SEO，搜索引擎爬虫依赖于标签来确定上下文和各个关键字的权重
• 提高用户体验，比如 title 和 alt 等用来解释内容信息

一面

• 6道基本技术问题，居中、闭包、块级元素和行内元素等（答案在下方）

• 某个项目的页面布局方式，缓存的设计和优化方式（本地存储和协议相关的）

• ajax 的原生写法（创建 XHR 对象， open() ， setRequestHeader() ， send() ， onreadystatechange ）

• vue-router 的原理（ hash ， HTML5 新增的 pushState ）

二面

面试官：“你觉得你擅长CSS还是JS？”
我：“JS。”
面试官：“好，那我问你一道CSS的问题。”
我：“？？？”

• CSS 三栏布局，左右定宽，中间自适应（ flex ， grid 等）
• 解释构造函数、对象、原型链之间的关系
• 手写代码，实现原型式继承
• 手写代码，实现借用构造函数
• Vue 双向绑定原理（事件监听， getter 和 setter ）
• Virtual DOM 和 diff 算法（ DOM 树，分层比较， key ， DocumentFragment ）
• jQuery 链式调用的原理（jQuery链式调用）
• 最近碰到的技术难题，不一定是前端（我答了B站的爬虫与反爬虫）
• 关于反爬虫，请求头中的这两个字段要修改。Host ：
• 发出请求的页面所在的域。

Referer ：

• 发出请求的页面的 URI 。

注意， HTTP 规范将这个头部字段拼写错了，而为保证与规范一致，也只能将错就错了（这个英文单词的正确拼法应该是 referrer ）。

HR面

HR小姐姐似乎对我们学校挺熟悉的，但好像不是校友…… 谈一谈过去做过的项目、面对的难题（和UI的沟通问题，顺便引出我后来自学了平面设计。)

• 又提了提爬虫
• 家在哪里（照实回答就行）
• 未来职业规划（表示出你想在公司长久待下去，继续进步就行）
• 具体的技术发展方向（我答的是“能支持上亿用户使用的前端架构”）
• 为了往这个方向发展，你所做的努力（我答的是“在看《高性能网站建设》、自学后端，顺便提了一下‘东北Java第一人’姜国海老师”）
• 预测一下前端未来的发展趋势（我答的是“自动化”）
• 拿了哪家的offer？（……还是照实回答吧）
  实习时间（我建议把时间段说得宽松一些，到时候真的冲突再商量）

对于面试题我刷了这套比较综合的前端面试题，很多内容面试官都问到了，当然我也刷了其他很多的面试题，总的来说还是这套重合率比较高哈哈

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

docs.qq.com/doc/DSmRnRGxvUkxTREhO)**

[外链图片转存中…(img-aBTob3i5-1622805885953)]