Interview(NL)

笔试题

HTML

• 1.阐述下对浏览器内核的理解，以及浏览器的工作原理，常见的浏览器内核
• 2.盒子模型你是怎么理解的？
• 3.清楚浮动的方法
• 4.CSS选择器有哪些？各种选择器优先级大小顺序
• 5.列举几个使用过的HTML5新特性
• 6.描述下cookies、sessionStorage、localStorage区别

CSS

• 1.列举position的值有哪些，并给出当前值的定位原点
• 2.列举CSS3新增的伪类，描述其作用
• 3.列举出使div垂直居中的方法
• 4.阐述下CSS3的flexbox（弹性盒布局模型），并简述其使用场景

js

• 1.数组的操作方法

• 2.延时加载的几种方法（http://blog.csdn.net/meijory/article/details/76389762）

  • defer属性（在script中设置defer）
    
    • 作用：表明脚本在执行时不会影响页面构造（脚本会被延迟到整个页面都解析完毕之后再执行）
    • 缺点：不能控制加载顺序
  • async属性
    
    • 只使用于外部脚本文件
    • 作用：异步加载页面其他内容
    • 不能控制加载顺序

  • 动态创建DOM方式

    //放在</body>标签前，接近HTML文件底部
         <script type="text/javascript">
         function downLoad(){
                 var ele=document.createElement("script");
                 ele.src="defer.js";
                 document.body.appendChild(ele)
          }
          if(window.addEventListener){
            window.addEventListener("load",downLoad,false);
          }
    
          else if (window.attachEvent)
          window.attachEvent("onload",downLoad)
            else 
            window.onload=downLoad
         </script>

  • 使用jQuery的getScript方法

    $.getScript("outer.js",function(){  //回调函数，成功获取文件后执行的函数
            console.log("脚本加载完成")
    })

  • 使用setTimeout延迟方法

  • 让js最后加载（js放在底部，加快页面加载速度）
• 3.阐述一下对this对象的理解（http://huang-jerryc.com/2017/07/15/understand-this-of-javascript/）
• 4.阐述下map、filter、forEach、reduce的使用场景（https://007sair.github.io/2015/08/17/js-Extras/）
  
  • map：构建元素的某种映射关系–》改
  • filter：过滤，可以用来删掉一些不需要的元素 –》删
  • forEach：一次查看元素–》看
  • reduce：累加–》统计

程序题

• 1.编写一组数组去重的程序代码

面试官问题

• 1.对语义化的理解
• 2.如何实现响应式？
• 3.less和sass的作用
• 4.vue和react的区别
• 5.react的组件的生命周期
• 6.react的组件写过什么？
• 7.react的单向数据流（https://segmentfault.com/a/1190000006831820）
  
  • 从父节点传递通过props传递到子节点，顶层props改变了，react会重新渲染所有的子节点
  • props（尽可能的当做数据源）：只读，不可以使用this.props直接修改props
  • state（存放状态值-》简单的数据）：存在于组件内部，只能从当前组件调用this.setState修改state的值
• 8.state和props的区别
• 9.react组件间的传值，数据交互
• 10.esLint使用过吗？
• 11.HTTP状态码
• 12.react发ajax请求用的是什么框架或者自己写，ajax是自己写
• 13.babel的作用
• 14.H5的新特性，新标签
• 15.一般看什么业余的书，逛什么博客