面试题-css

1，img标签的alt(all 特)和title的区别？

    alt当加载图片失败的时显示的内容；

    title是标签的一个常用属性，当光标放在图片上的时候出现内容

2，display:none 与 visibility:hidden区别？

一、空间占据
display:none 不会占据额外空间，会产生重排（回流）和重绘
visibility:hidden和opacity:0 会占据空间，只会产生重绘
二、继承方面
display:none 不会被子元素继承，元素设置该属性后，自身连同其子元素都会隐藏，即使在子元素上设置 display:block ，子元素也不会显示
visibility:hidden 会被子元素继承，可以通过设置子元素的 visibility:visible 属性使子元素重新显示
opacity:0 会被子元素继承，不能通过设置子元素的 opacity:1 使其显示; 设置rgba透明的元素子元素不会继承透明效果。
三、事件绑定
display:none和visibility:hidden 元素上绑定的事件无法触发
opacity:0 元素上绑定的事件可以触发
四、过渡动画
transition 对display:none和visibility:hidden无效

3,盒模型？

每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型.

IE盒模型和W3C标准盒模型的区别是什么？

 1. W3C 标准盒模型：

属性width,height只包含内容content，不包含border和padding。

 2. IE 盒模型：

属性width,height包含border和padding，指的是content+padding+border。

在ie8+浏览器中使用哪个盒模型可以由box-sizing(CSS新增的属性)控制，默认值为content-box，即标准盒模型；如果将box-sizing设为border-box则用的是IE盒模型.

4，简单聊聊display:flex?

5，flex grow是什么？ 怎么划分比例的？

6，谈谈this?

7，call\ apply \ bind?

8，闭包？

9，原型与原型链？

10，set与 array ?   map与Object的区别？

11，ES Module与commonjs区别？ import与require区别？

12，箭头函数？

13，抽象语法书（AST）

14，js的基本变量类型？

15，防抖， 节流？

16，sessionStrage与locastroge区别？

17，跨域？

18，TypeScript?

19，Any 和 Unknown区别?

20，如何封装Axios?

21，谈谈对angular的脏值检查机制 dirty checking？

22，angular生命周期？

23，MVVM?

24, 谈谈RXJS?

25, 谈谈component注册service过程？

26，websocket 与 socket的区别？

27，组件之间通讯？

28，依赖注入的不同方式 具体方法？

29，模块中peoviders的具体使用？

30，ng2的依赖注入？