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
时间: 2024-10-11 10:56:51

WEB前端笔试题(3)——狼厂的相关文章

也许你需要点实用的-Web前端笔试题

之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w3c的理解与认识. 标签闭合,标签小写,不乱嵌套:提高搜索机器人的搜索几率: 使用外联的css和js,结构行为表现的分离:文件下载与页面加载速度更快,内容能被更广泛的设备所访问: 更少的代码和组件:容易维护,改版方便,不需要变动页面内容,提供打印版本而不需要复制内容,提高网站的易用性. 2.Xhtm

便利蜂2019秋季web前端笔试题v2.6

便利蜂2019秋季(11月)web前端笔试题前端技能试题v2.6 一.单选题(总共8分,每题2分)1.以下不属于HTTP缓存控制协议头是( )A. Cache-Control    B. Content-Type   C.Etag   D.Vary考点:web缓存只http技术答案:B分析:已经系统了解了web缓存策略,总结了笔记,可以点此查看.Content-Type是响应头告诉浏览器返回的资源的MIME类型. 2.cookie特性下列说法正确的是( )A. cookie没有长度限制,可以无限

2015腾讯web前端笔试题

  1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 2 请指出一下代码的性能问题,并经行优化. var info="腾讯拍拍网(www.paipai.com)是腾讯旗下知名电子商务网站."; info +="拍拍网于2005年9月12日上线发布,"; info +="2006年3月13日宣布正式运营,"; info +="是目前国内第二大电子商务平台."; info=info.split(&quo

web前端笔试题(转)

以下为Web前端开发笔试题集锦之Javascript篇,移步HTML/CSS篇 1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2,截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var ef

跪在某度秋招Web前端笔试题下

今晚跑去华工参加百度Web前端的笔试,做完之后交卷,本来感觉是“为之四顾,为之踌躇满志”的.其中一道题目是关于数组的,回来在电脑上面一敲,顿时为自己的智商和知识羞愧了. 多话不说,直接上题目吧.大概是酱紫的: 代码如下,请写出输出的结果. 1 <script> 2 var str = 'john'; 3 var str2 = 'angus'; 4 5 var arr1 = str.split(''); 6 var arr2 = arr1.reverse(); 7 var arr = str2.

WEB前端笔试题(1)——狼厂

1.至少写出3个css3新增的属性,HTML5强调标签的语义化,写出5个HTML5的语义化标签. 边框:border-radius.box-shadow.border-image 背景:background-clip.background-size.background-origin 文本:text-shadow.word-wrap.word-break.text-overflow:ellipsis 字体:@font-face 转换:transform.transform-origin 过度:t

WEB前端笔试题(2)——狼厂

1.CSS属性position的属性值有哪些,描述他们的作用 值 描述 absolute 绝对定位,相对于static定位以外的第一个父级元素进行定位 元素的位置通过left right top bottom属性进行规定 fixed 绝对定位,相对于浏览器进行定位 元素的位置通过left right top bottom属性进行规定 relative 相对定位,相对于其他正常位置(即不用relative时在正常流中的的位置) 默认值 没有定位,元素出现在正常流中 忽略left right top

Web前端笔试题

1.网页经常用到的图片格式有几种,它们之间有什么不同点和用途? jpg是一种有损图片压缩格式,支持的颜色数量很多,适用于保存颜色较多且比较复杂的摄影图片或写实图像,且生成的文件体积较小: jpg格式是一种大小与质量相平衡的压缩图片格式.通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小.反之,低的压缩比=高的图片质量=大的文件大小.由于jpg文件无法保持100%的原始图像的像素数据,所以它不被认为是一种无损图像格式. 注:jpg,jpeg这两种格式其实是一样的. 用途:由于这种极其敏感的平

(转)百度web前端笔试题

1.JavaScript包括哪些数据类型? 我回答的是有两种:基本类型和对象,其中基本类型包括数字.字符串.布尔和null:对象(类似对象),包括数组.函数.内置对象.自定义对象.不过按理说字符串也有些对象的特点. 我这个回答是参考的JavaScript权威指南的,有些小问题,第一类中缺少了undefined. 搜索了下,网上还有几种回答: 第一种:共九种类型:1.未定义(undefined) 2.空(null) 3.布尔(boolean) 4.字符串(string) 5.数字(number)6