陈日天技术博客

前端面试题整理

Posted on 2019-01-07

开始进入刷题阶段，从网上找来的一些前端面试题，在这里进行整合。
整合Shopee、腾讯、京东、阿里、头条、百度、大丰收、深信服、平安科技等前端面试题。

[ ] 说出p1，p2 的值并解释new的含义:

function Point(x) {            
    this.x = x;
}
var p1 = Point(1);
var p2 = new Point(2);

盒子模型，content-box 和 border-box
position, float 浮动
布局方式(float,flex,grid等等)
html5新特性
CSS Less，Sass
BFC的理解。什么情况会产生BFC。
选择器权重

important > 内联(style) > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符
所有伪类

LVHA（LV哈，简单明了）、focus、before、after、checked、disabled、last-child、first-child……很多，就不一一列举了。
父子选择器和兄弟选择器。
父子 > ，兄弟 +
行内元素和块级元素有哪些？区别是什么？
文章
水平和垂直居中

Node.js, ReactJs (原理)；
vue 与 react 比较文章
vue的源码,基本的实现,实现双向绑定的原理文章
虚拟dom 和 diff算法文章
- 用JS对象模拟DOM树
- 比较两棵虚拟DOM树的差异
- 把差异应用到真正的DOM树上
Vue响应式原理
redux和vuex的区别

Vuex 其实是一个针对 Vue 特化的 Flux，主要是为了配合 Vue 本身的响应式机制。当然吸取了一些 Redux 的特点，比如单状态树和便于测试和热重载的 API，但是也选择性的放弃了一些在 Vue 的场景下并不契合的特性，比如强制的 immutability（在保证了每一次状态变化都能追踪的情况下强制的 immutability 带来的收益就很有限了）、为了同构而设计得较为繁琐的 API、必须依赖第三方库才能相对高效率地获得状态树的局部状态等等（相比之下 Vuex 直接用 Vue 本身的计算属性就可以）
所以 Vue + Vuex 会更简洁，也不需要考虑性能问题，代价就是 Vuex 只能和 Vue 配合。Vue + Redux 也不是不可以，但是 Redux 作为一个泛用的实现和 Vue 的契合度肯定不如 Vuex。