面经（二）

差不多总结完凡科的面经，开一个新坑吧

js

• 实现继承的几种方式
• √ arguments
• 作用域链、闭包、作用域
• Ajax原生写法
• √ 对象深拷贝、浅拷贝 深拷贝、浅拷贝 - 简书
• 图片懒加载，预加载
• √ this this详解
• 函数式编程
• 手动实现parseInt
• 为什么会有同源策略
• 事件模型
  (1)事件委托、代理
  (2)如何让事件先冒泡后捕获
• window的onload事件和domcontent loaded
• for...in迭代和for...of有什么区别
• 函数柯里化
• call apply区别，原生实现bind this详解
  call，apply，bind 三者用法和区别：角度可为参数、绑定规则（显示绑定和强绑定），运行效率（是否立刻运行）、运行情况。
• async/await
• 立即执行函数和使用场景
• 设计模式(要求说出如何实现,应用,优缺点)/单例模式实现
• iframe的缺点有哪些
• 数组问题
  (1)数组去重
  (2)√ 数组常用方法
  (3)查找数组重复项
  (4)扁平化数组
  (5)按数组中各项和特定值差值排序
• BOM属性对象方法
• 服务端渲染
• √ 垃圾回收机制
• eventloop
  (1)进程和线程
  (2)任务队列
  29.如何快速让字符串变成已千为精度的数字

css

• √ 盒子模型
  在宽度固定下，盒子的宽=设定的宽+padding+border。没有设定宽度，盒子的宽=padding+border+content。
  高度也如此

• √ flex布局
  http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

• √ css选择器
  id选择器>类选择器=属性选择器=伪类选择器>标签选择器=伪元素选择器
  *（说明：属性选择器， 如 a[href="segmentfault.com"]{}。伪类选择器， 如 :hover{}。伪元素选择器， 如 ::before{}。标签选择器， 如 span{}。通配选择器， 如 {}）

• √ css常用单位
  https://blog.csdn.net/qingyingliu/article/details/82048307

• √ bfc清除浮动
  https://www.jianshu.com/p/4d3a2337257b

• 层叠上下文

• √ 常见页面布局
  https://blog.csdn.net/weixin_42182143/article/details/98350663

• 响应式布局

• css预处理、后处理

• css3新特性（animation和transition）

• √ display有哪些取值

block 象块类型元素一样显示。
none 缺省值。象行内元素类型一样显示。
inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
list-item 象块类型元素一样显示，并添加样式列表标记。
table 此元素会作为块级表格来显示
inherit 规定应该从父元素继承 display 属性的值

• meta viewport移动端适配
• rem布局优缺点
• √ 画三角形

//把上、左、右三条边隐藏掉（颜色设为 transparent）
#demo {
  width: 0;
  height: 0;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent red transparent;
}

• 1px边框问题