图片 PNG,GIF,JPG 的区别及如何选

参考答案

GIF:

1. 8 位（bit）像素，256 色
2. 无损压缩
3. 支持简单动画
4. 支持 boolean 透明
5. 适合简单动画

JPEG：

1. 颜色限于 256
2. 有损压缩
3. 可以控制压缩质量
4. 不支持透明
5. 适合照片

PNG：

1. 有 PNG8 和 truecolor PNG
2. PNG8 类似 GIF 颜色上限为 256，文件小，支持 alpha 透明度，无动画
3. 适合图标、背景、按钮

加载外部css样式时，link与@import的区别

参考答案

1. link是 HTML 方式， @import是 CSS 方式
2. link最大限度支持并行下载，@import过多嵌套导致串行下载，出现FOUC
3. link可以通过rel="alternate stylesheet"指定候选样式
4. 浏览器对link支持早于@import，可以使用@import对老浏览器隐藏样式
5. @import必须在样式规则之前，可以在 css 文件中引用其他文件
6. 总体来说：link 优于@import

display: block;和display: inline;的区别

参考答案

block元素特点：

1.处于常规流中时，如果width没有设置，会自动填充满父容器 2.可以应用margin/padding 3.在没有设置高度的情况下会扩展高度以包含常规流中的子元素 4.处于常规流中时布局时在前后元素位置之间（独占一个水平空间） 5.忽略vertical-align

inline元素特点

1.水平方向上根据direction依次布局

2.不会在元素前后进行换行

3.受white-space控制

4.margin/padding在竖直方向上无效，水平方向上有效

5.width/height属性对非替换行内元素无效，宽度由元素内容决定

6.非替换行内元素的行框高由line-height确定，替换行内元素的行框高由height,margin,padding,border决定
7.浮动或绝对定位时会转换为block
8.vertical-align属性生效

JavaScript

JS有几种数据类型,其中基本数据类型有哪些?

参考答案

七种数据类型

• Boolean 布尔类型
• Null 空类型
• Undefined 未声明，未赋值类型
• Number 数值类型，整数，小数都是这个类型
• String 字符串类型
• Symbol (ECMAScript 6 新定义)
• Object

(ES6之前)其中5种为基本类型:string,number,boolean,null,undefined,

ES6出来的Symbol也是原始数据类型 ，表示独一无二的值

Object为引用类型(范围挺大),也包括数组、函数,

补充：js 声明都用var ，需要借助typeof 才能反向监测js的数据类型

喜欢就关注噢，后期还会不断更新