京东-23秋招-一面

总体来说挺常规的，也不难，但是我实习期间没有好好准备八股，基本是裸面。哭死。
警告：面试前一定一定好好再过一遍整理过的内容。

JS相关

1. 生成[8,12]之间的随机数
   Matn.ceil(Math.random()*(b-a+1)+a-1) 记住这个通用公式就行
2. setTimeout
   setTimeout第二个参数的最大值
   (问这个有点超出我的预期了)

• 大约24.4天（换算成毫秒），如果超过这个值，不会延时执行，会直接执行。
  原因是js64位双精度浮点数，取值范围在 到

3. 防抖、节流，实际应用

CSS相关

1. BFC

• 块级格式化上下文
  形成独立的渲染区域，内部元素的渲染不影响外部。BFC属于普通流
• 触发方式：
  1) overflow不是visible的块元素；
  2) float不是none
  3) position是absolute或者fixed
  4) display:inline-block;
  5) flex
• 主要解决的问题：
  1）避免外边距重合
  两个盒子，上下外边距重合
  解决：用.container{overfolw:hidden}触发BFC，分别包裹两个盒子
  2）清除浮动
  浮动元素脱流，无法撑开父盒子高度。
  解决：overflow：hidden触发父元素BFC
  3）阻止元素被浮动元素覆盖
  浮动元素脱流，后面的兄弟元素顶上来了
  解决：overflow：hidden触发兄弟元素BFC

2. CSS优先级，
   !important(无穷)>内联(1,0,0,0)>id选择器(0,1,0,0)>类选择器(0,0,1,0)>标签选择器(0,0,0,1)，继承的权重为0
   内联样式表 > 内部样式表 > 外部样式表 > 浏览器修改样式 > 浏览器默认样式

• 如果优先级权重相同，都是类选择器，后写的和先写的以哪个为准？-后写的
  CSS三大特性：继承性、层叠性(就近，后写的覆盖先写的)、优先级

3. flex 相关

• 特点：设置flex属性后，子元素 float、clear、vertical-align属性将失效
• 居中：display:flex;align-items:center;(垂直)justify-content:center;(水平)
• flex-direction:row(默认水平从左到右)、row-reverse、column、column-reverse
  justify-content:
  ... ...

4. 说说background属性

工程化

1. webpack 的loader和plugin

计算机基础 & 其他

1. 说说浏览器缓存（注意区分http缓存）
   根据url加载图片后，刷新/关闭浏览器再打开，会重新请求图片资源吗？
2. 从输入 jindong.com到页面展示，发生了哪些
   （主要考你能说出多少）具体问了cdn 相关的
3. 跨域的基本解决方案
   JSONP、CORS、代理 最好每个展开说
4. webp 图片格式

数据结构

1. js实现栈、队列、堆
   堆 完全二叉树

实习项目相关

技术产出有哪些（不具体写了，因人而异）