前端面试考点

笔试：侧重于基础知识，逻辑思考，文字表述，与细节抽查

面试：侧重于项目实践，技能专长、知识深度，与思维表达

需综合考虑开发技能、面试者的学习能力、工作态度以及性格因素

一，基础能力

1.1 HTTP 协议
基础：

• 从浏览器输入url到页面显示内容经历了哪些过程
• http是无状态协议如何理解，常见错误码
• http和https的不同
• 网络五层模型
• 三次握手&四次挥手
• tcp和udp的区别
  进阶：
• 说说你对get和post的对比理解
• 请求头考察（Accept-Encoding、Referer、User-Agent）、协商缓存是什么？
• http2.0有什么不同
• 同源的概念、跨域的方式（jsonp、postmessage、代理）、CORS如何设置
• DNS查询的分层是怎么样（本地->根域名->顶级域名->权威DNS）
• https的握手过程是对称加密的还是非对称的（非对称加密）
• 抓包和爬虫的概念与实践

1.2 HTML & HTML5

• 行内元素/块级元素对比
• px、rem、em、vw/vh 对比和rem实现
• 对html语义化的理解（SEO、渐进增强和优雅降级、屏幕阅读器等）
• storage与cookie的对比
• canvas动画
  1.3 CSS & CSS3
• 盒模型、对BFC的理解
• 响应式布局
• margin高度坍塌、浮动定位/清除浮动、上下左右居中处理
• css3常用的新特性有哪些
• display:none 和 visibility: hidden 区别
  1.4 JavaScript 基础、ES6
• 数据类型：分两类，共9种
• var与let、const区别
• 解构、扩展运算符、属性简洁表示法等
• 原型链与作用于链，作用域链的顶端是null
• 面向对象编程：super、get、set
• 箭头函数、this和bind、apply
• for...in和for...of比较
• promise、sync和aswait比较
• 闭包、事件冒泡、防抖/节流
  1.5 nodeJS

1.6 游戏与动画

1.7 基础算法与数据结构

1.8 设计模式与设计原则

1.9 用户从 url 输入到页面展示的全过程

二，性能优化

• 关键渲染路径：浏览器的渲染引擎如何解析和渲染html、css、js和其他资源文件

三，框架使用

四，兼容适配

五，web安全

六，工程化
1.1 前后端分离

• 概念、应用
• restful风格
  1.2 前端部署方式
  1.3 devOps、docker容器

七，组件化

八，后台及数据库基础

node.js、pm2、MongoDB、redis、nginx、跨域等

九，学习能力

十，个人沉淀，团队贡献

十一，工作产出

工作能力、工作态度、效率、解决问题能力以及性格

敏捷了解程度

---

面试题：

1. http

对比下react和vue