19年度阿里前端面试题:网络+框架+JS(ES6、ES5)+CSS

CSS相关

  • 左边定宽,右边自适应方案:float + margin,float + calc
  • 盒模型:content(元素内容) + padding(内边距) + border(边框) + margin(外边距)
  • BFC、IFC、GFC、FFC:FC(Formatting Contexts),格式化上下文
  • display: none; 与 visibility: hidden; 的区别
  • css hack原理及常用hack
  • link 与 @import 的区别
  • CSS有哪些继承属性
  • display,float,position的关系
  • 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?
  • CSS选择符有哪些?哪些属性可以继承?
  • CSS优先级算法如何计算?
  • CSS3新增伪类有那些?
  • 如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?
  • display有哪些值?说明他们的作用
  • position的值relative和absolute定位原点是?
  • CSS3有哪些新特性?
  • 用纯CSS创建一个三角形的原理是什么?
  • 一个满屏 品 字布局 如何设计?
  • 经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ?
  • li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?
  • 为什么要初始化CSS样式
  • 对BFC规范(块级格式化上下文:block formatting context)的理解?
  • css定义的权重
  • box-sizing 常用的属性有哪些?分别有什么作用?

JS (ES5、ES6)

  • call,apply,bind 三者用法和区别
  • 变量声明提升
  • async、await
  • Generator
  • ES5、ES6和ES2015有什么区别?
  • babel是什么,有什么作用?
  • let有什么用,有了var为什么还要用let?
  • 举一些ES6对String字符串类型做的常用升级优化?
  • 举一些ES6对Array数组类型做的常用升级优化
  • 举一些ES6对Number数字类型做的常用升级优化
  • 举一些ES6对Object类型做的常用升级优化?(重要)
  • 举一些ES6对Function函数类型做的常用升级优化?
  • Proxy是什么,有什么作用?
  • Iterator是什么,有什么作用?
  • Object.is() 与原来的比较操作符 ===、== 的区别?
  • AMD,CMD,CommonJs,ES6 Module:解决原始无模块化的痛点
  • 检测浏览器版本版本有哪些方式?
  • 介绍JS有哪些内置对象?
  • JavaScript有几种类型的值?,你能画一下他们的内存图吗?
  • JavaScript如何实现一个类,怎么实例化这个类?
  • 什么是 Window 对象? 什么是 Document 对象?
  • 介绍DOM0,DOM2,DOM3事件处理方式区别
  • 介绍事件“捕获”和“冒泡”执行顺序和事件的执行次数?
  • 在一个DOM上同时绑定两个点击事件:一个用捕获,一个用冒泡。事件会执行几次,先执行冒泡还是捕获?
  • 如何派发事件(dispatchEvent)?(如何进行事件广播?)
  • 什么是函数节流?介绍一下应用场景和原理?
  • 解释一下这段代码的意思吗?
  • JavaScript有几种类型的值?,你能画一下他们的内存图吗?
  • Ajax 是什么? 如何创建一个Ajax?
  • 实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制


分享到:


相關文章: