前端面试知识点

---

html

---

• HTML5新特性，语义化
  https://www.cnblogs.com/vicky1018/p/7705223.html
  https://blog.csdn.net/qq_20726787/article/details/79849212
• 浏览器的标准模式和怪异模式
  https://blog.csdn.net/qq_31059475/article/details/78010601
• 使用data-的好处
  • 可以把所有自定义属性在dataset对象中统一管理，遍历啊神马的都哦很方便
    https://www.cnblogs.com/dolphinX/p/3348458.html
• meta标签
  https://www.cnblogs.com/wangyang108/p/5995379.html

---

css

---

• 盒模型，box-sizing
  https://blog.csdn.net/huangpin815/article/details/76651680
• 隐藏元素的几种方法
  https://blog.csdn.net/weixin_42160828/article/details/80980333
• 伪类 伪元素区别
  伪类是类名，伪元素是个元素 可以设置宽高
  https://www.cnblogs.com/ghost-xyx/p/3763669.html
  https://www.cnblogs.com/ammyben/p/8012747.html
  https://blog.csdn.net/zhouziyu2011/article/details/58605705
• 如何实现水平居中和垂直居中

---

JS

---

• js的基本类型有哪些？引用类型有哪些？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

https://www.cnblogs.com/cxying93/p/6106469.html

• JS常见的dom操作api
  https://www.cnblogs.com/lrzw32/p/5008913.html

• new set去重 https://blog.csdn.net/diwuyanting/article/details/78486499排序https://www.cnblogs.com/fanda/p/4767984.html

• bom
  https://www.cnblogs.com/2010master/p/5824215.html
  https://www.cnblogs.com/hhw3/p/7089330.html

• get post 区别
  https://www.cnblogs.com/logsharing/p/8448446.html

• 前端跨域
  https://www.cnblogs.com/logsharing/p/8448446.html

• 用 http-proxy-middleware 跨域
  https://www.jianshu.com/p/a248b146c55a

• 解释一下事件冒泡和事件捕获，事件委托（手写例子）
  https://blog.csdn.net/zj950307/article/details/80390585

• 如何阻止冒泡？如何阻止默认事件？
  https://blog.csdn.net/qq_41459038/article/details/81304155

• 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？
  https://blog.csdn.net/binlety/article/details/81288231

• this有哪些使用场景？如何改变this的值？call，apply，bind区别

  • 在全局环境中，this 永远指向 window
  • 函数内的指向
    • 构造函数， this 就代表它即将 new 出来的对象
    • 作为对象内部时，方法中的 this 指向该对象。
    • 构造函数, this 代表的实例对象
  • call、apply 或者 bind 调用时，this 的值就取传入的对象的值。
  • DOM 操作时，this 指向 dom节点
  • 箭头函数内部的 this 由上下文确定
  • setInterval、setTimeout，函数中的this会指向window对象

• call，apply，bind区别:
  https://www.cnblogs.com/ly0612/p/6821124.html

• 原型链知识
  https://www.cnblogs.com/liubinghaoJavaScript/p/7478432.html
  https://www.jianshu.com/p/d3713f9485eb

• 创建对象的几种方式
  https://www.cnblogs.com/yuxingyoucan/p/5797142.html

• 实现继承的多种方式和优缺点
  https://www.cnblogs.com/linzaizai/p/7529890.html

• new 一个对象具体做了什么
  http://www.cnblogs.com/kevin2chen/p/6418327.html

• 手写Ajax，XMLHttpRequest
  https://blog.csdn.net/flyingpig2016/article/details/72616764

• 数组 字符串 api
  https://blog.csdn.net/huangpb123/article/details/76861748

• 实现深拷贝的方法
  https://blog.csdn.net/chentony123/article/details/81428803

• 如何将类数组对象转化为真正的数组
  https://blog.csdn.net/keke_sir/article/details/80627870

• 如何判断一个对象为函数 对象 数组
  https://blog.csdn.net/weixin_39181833/article/details/79686943
  https://segmentfault.com/q/1010000017986207/a-1020000017992111
  https://chen4342024.github.io/code-snippet/js/is.html

• 将多层数组转化为单层数组
  https://www.cnblogs.com/bigsister/p/10558751.html
  https://blog.csdn.net/xiao_spring/article/details/79262917

---

ES6

---

• let(可改变) const(不可改变)
• 箭头函数
  http://es6.ruanyifeng.com/#docs/function#%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0
• export export default import
  http://es6.ruanyifeng.com/#docs/module
• CMD AMD require import 区别
  https://blog.csdn.net/qqhluckyi/article/details/83214540
  1 commjs 是后端node 加载方式， 同步加载
  2 CMD AMD 为前端模块加载方式，异步加载，常见的库为requreJS(AMD) seajs(CMD)
  3 module import 为 es6 规范设定的加载方式， import命令是编译阶段执行的，在代码运行之前,表达式和变量只有在运行时才能得到结果的语法结构。import命令会被 JavaScript 引擎静态分析，先于模块内的其他模块执行（叫做”连接“更合适）所以import中不能含有表达式或者变量,因此无法实现动态加载
  https://segmentfault.com/a/1190000010913832

---

框架

---

• 什么是MVVM，MVC，MVP

• mvc（agular）
  1 用户输入动作（指令），
  2 指令触发，调用相应的函数方法逻辑，更改数据
  3 数据更改后，通过某种方法（这里是脏治检测）告诉视图更新
• mvvm(vue)
  就是通过某种方法使 视图(view) 和 数据(model) 建立联系（这里是通过js Object.defineProperty()， 方法建立双向关系）
  view 改变通知vm ，然后vm 改变 model
  model 改变通知vm, 然后vm 改变 view
  https://blog.csdn.net/spring5530/article/details/65982198

• vuex属性流程简述
  https://vuex.vuejs.org/zh/guide/state.html
• vue 面试题
  https://segmentfault.com/a/1190000016344599
  https://www.cnblogs.com/sichaoyun/p/8406194.html
• vue 路由生命周期函数
  https://www.cnblogs.com/Zzbj/p/10073967.html

---

webpack

---

• 配置笔记
  https://www.jianshu.com/p/c614ecb500cc

---

http

---

• HTTP协议头含有哪些重要的部分，HTTP状态码
  https://www.cnblogs.com/qiang07/p/9304771.html
• 网络url输入到输出怎么做？
  https://www.cnblogs.com/xianyulaodi/p/6547807.html
• https（对是https）有几次握手和挥手？https的原理。
  https://blog.csdn.net/u012361288/article/details/54883154
• 为什么TCP连接需要三次握手，两次不可以吗，为什么
  https://blog.csdn.net/b954960630/article/details/81861579
• cookie session localstore 区别
  https://www.cnblogs.com/pengc/p/8714475.html
• header 请求方法的作用
  https://blog.csdn.net/busai2/article/details/82966333

---

算法

---

• 排序算法
  https://www.jianshu.com/p/e84acc88e3d5
• 二叉树
  https://www.jianshu.com/p/162b8d4fda84
• https 加密算法
  http://www.ruanyifeng.com/blog/2013/06/rsa_algorithm_part_one.html
  http://www.ruanyifeng.com/blog/2013/07/rsa_algorithm_part_two.html
  https://www.jianshu.com/p/b80163c204be
• 字符串匹配（KMP BM）
  https://www.jianshu.com/p/22f99ad58de7
  https://www.jianshu.com/p/2fc39afe2306
• base64 加密原理
  https://www.jianshu.com/p/3de85b738d87

---

职业规划

---

• 对前端的职业规划
  https://www.cnblogs.com/gvip-cyl/articles/6502793.html
  https://www.jianshu.com/p/2df4c0734b7f
• 对前端的认识

---

http://www.cnblogs.com/lvshaonan/p/8693301.html