笔试：侧重于基础知识，逻辑思考，文字表述，与细节抽查
面试：侧重于项目实践，技能专长、知识深度，与思维表达
需综合考虑
开发技能、面试者的学习能力、工作态度以及性格因素
一，基础能力
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、跨域等
九，学习能力
十，个人沉淀，团队贡献
十一，工作产出
工作能力、工作态度、效率、解决问题能力以及性格
敏捷了解程度
面试题：
http
对比下react和vue
