三道简单的前端面试题

1、http和https的区别        

http传输的数据是未加密的，也就是明文的，网景公司设置了SSl协议来对http协议传输的数据进行加密处理，简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议，比http协议的安全性更高。主要的区别如下：

•   https协议需要ca证书，费用较高。
•   http是超文本传输协议，信息时明文传输，https则是具有安全性的ssl加密传输协议。
  •   使用不同的链接方式，端口也不同，一般而言，http协议的端口为80，https端口为443。
  •   http的连接很简单，是无状态的；https协议是由ssl+http协议构建的可进行加密传输和身份认证的  网络协议，比http协议的安全性更高

2、 在网页中的应该使用奇数还是偶数的字体？为什么呢？

       尽量使用偶数字体。偶数字号相对更容易和 web 设计的其他部分构成比例关系。Windows 自带的点阵宋体（中易宋体）从 Vista 开始只提供 12、14、16 px 这三个大小的点阵，而 13、15、17 px 时用的是小一号的点。（即每个字占的空间大了 1 px， 但点阵没变），于是略显稀疏。  

3、png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过 webp？

 1、png 是便携式网络图片（Portable Network Graphics）是一种无损数据压缩位图文件格式。优点是：压缩比高，色彩好。 大多数地方都可以用。

2、jpg 是一种针对相片使用的一种失真压缩方法，是一种破坏性的压缩，在色调及颜色平滑变化做的不错。在 www 上，被用来储存和传输照片的格式。

3、gif 是一种位图文件格式，以 8 位色重现真色彩的图像。可以实现动画效果。

4、webp 格式是谷歌在 2010 年推出的图片格式，压缩率只有 jpg 的 2/3，大小比 png 小了 45%。缺点是压缩的时间更久了，兼容性不好，目前谷歌和 opera 支持。