WEB前端笔试题（3）——狼厂

1.图片文件格式，优缺点以及适应场景

（1）JPEG2000格式：JPEG2000 作为JPEG的升级版，其压缩率比JPEG高约30%左右。与JPEG不同的是，JPEG2000 同时支持有损和无损压缩，而 JPEG 只能支持有损压缩。支持渐进传输，支持“感兴趣区域”进行部分优先解压。JPEG2000可应用于传统的JPEG市场，如扫描仪、数码相机等，亦可应用于新兴领域，如网路传输、无线通讯等等。

（2）TIFF格式：TIFF（Tag Image File Format）是Mac中广泛使用的图像格式，图像格式复杂、存贮信息多、图像的质量高，非常有利于原稿的复制。有压缩和非压缩二种形式，其中压缩可采用LZW无损压缩方案存储。是微机上使用最广泛的图像文件格式之一。

（3）PSD格式：Photoshop的专用格式Photoshop Document（PSD）。包含有各种图层、通道、遮罩等多种设计的样稿。在Photoshop所支持的各种图像格式中，PSD的存取速度比其它格式快很多，功能也很强大。

（4）PNG格式：（可移植的网络图形格式）适合于任何类型，任何颜色深度的图片。也可以用PNG来保存带调色板的图片。无损压缩，支持透明，显示速度快，不支持动画应用效果，文件略大，是Fireworks软件的默认格式。

（5）SWF格式：能够用比较小的体积来表现丰富的多媒体形式。清晰度高，可以边下载边看，适合网络传输。矢量图像画面放大不受。

（6）SVG格式：Scalable Vector Graphics可缩放的矢量图形。它是基于XML（Extensible Markup Language）的一种开放标准的矢量图形语言，高分辨率，用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有互交功能，并可以随时插入到HTML中通过浏览器来观看。可以任意放大图形显示，但绝不会以牺牲图像质量为代价；字在SVG图像中保留可编辑和可搜寻的状态；平均来讲，SVG文件比JPEG和GIF格式的文件要小很多，因而下载也很快。

（7）BMP格式：BMP（Window标准位图）是最普遍的点阵图格式之一，也是Window系统下的标准格式，是将Window下显示的点阵图以无损形式保存的文件，其优点是不会降低图片的质量，但文件大小比较大。

（8）JPG/JPEG格式：（联合图形专家组图片格式）最适合于使用真彩色或平滑过渡式的照片和图片。该格式使用有损压缩来减少图片的大小，因此用户将看到随着文件的减小，图片的质量也降低了，当图片转换成.jpg文件时，图片中的透明区域将转化为纯色。（9）PNG格式：（可移植的网络图形格式）适合于任何类型，任何颜色深度的图片。也可以用PNG来保存带调色板的图片。该格式使用无损压缩来减少图片的大小，同时保留图片中的透明区域，所以文件也略大。尽管该格式适用于所有的图片，但有的Web浏览器并不支持它。

（9）GIF格式：GIF（图形交换格式）最适合用于线条图（如最多含有256色）的剪贴画以及使用大块纯色的图片。该格式使用无损压缩来减少图片的大小，当用户要保存图片为.GIF时，可以自行决定是否保存透明区域或者转换为纯色。同时，通过多幅图片的转换，GIF格式还可以保存动画文件。但要注意的是，GIF最多只能支持256色

2.跨域通信

1、动态Script标签,返回的数据格式必须是text/javascript(并非一定是JSON,可以是任何数据类型)，即JSONP

2、Iframe+document.domain

3、Iframe->window.name

3.以下代码输出结果

console.log(1+ +"1"+"1");//21
console.log(1+ -"1"+"1");//01
console.log(+"1"+"1"-1);//10
console.log("A"-"B"+"1");//NaN1
console.log("A"-"B"+1);//NaN