测试题部分试题答案与解析

1.下列哪一个不是svg滤镜

A. feBlend                          B. feComponentTransfer

C. feTile                             D. polyline

解析：

feBlend	SVG 滤镜。使用不同的混合模式把两个对象合成在一起。
feColorMatrix	SVG 滤镜。应用matrix转换。
feComponentTransfer	SVG 滤镜。执行数据的 component-wise 重映射。
feComposite	SVG 滤镜。
feConvolveMatrix	SVG 滤镜。
feDiffuseLighting	SVG 滤镜。
feDisplacementMap	SVG 滤镜。
feDistantLight	SVG 滤镜。 Defines a light source
feFlood	SVG 滤镜。
feFuncA	SVG 滤镜。feComponentTransfer 的子元素。
feFuncB	SVG 滤镜。feComponentTransfer 的子元素。
feFuncG	SVG 滤镜。feComponentTransfer 的子元素。
feFuncR	SVG 滤镜。feComponentTransfer 的子元素。
feGaussianBlur	SVG 滤镜。对图像执行高斯模糊。
feImage	SVG 滤镜。
feMerge	SVG 滤镜。创建累积而上的图像。
feMergeNode	SVG 滤镜。feMerge的子元素。
feMorphology	SVG 滤镜。 对源图形执行"fattening" 或者 "thinning"。
feOffset	SVG 滤镜。相对与图形的当前位置来移动图像。
fePointLight	SVG 滤镜。
feSpecularLighting	SVG 滤镜。
feSpotLight	SVG 滤镜。
feTile	SVG 滤镜。
feTurbulence	SVG 滤镜。

注释：可以在每个 SVG 元素上使用多个滤镜！

2.在父窗口打开超链接的代码是（ ）。

A. <a href=URL target=_top>..</a>                          B. <a href=URL target=_parent>..</a>

C. <a href=URL target=_blank>..</a>                      D. <a href=URL target=_self>..</a>

解析：

超链接的target打开方式属性有4个不同的值，分别是：

_self       表示在原窗口打开超链接，默认值

_blank    表示在新窗口打开超链接

_parent  表示在父窗口打开超链接

_top       表示在顶层窗口打开超链接

3.在Node.js中，以下说法中错误的是？

A. JSLint、ESLint等工具可以统一JS的代码格式

B. 通过package.json文件来管理项目信息，配置脚本，以及指明项目依赖的具体版本

C. Yarn与NPM都可以管理前端项目以来包

D. 在package文件中制定scripts，可以通过npm 命令名称直接调用到相应的插件与代码

4.下列哪种方法不能提升Angular应用程序的性能？

A. 确保应用程序已经经过了捆绑，uglify和tree shaking

B. 确保应用程序不存在不必要的import语句

C. 确保应用中已经移除了不使用的第三方库

D. 使用JIT动态编译

解析：

如何优化Angular 2应用程序来获得更好的性能？

（1）考虑AOT编译。

（2）确保应用程序已经经过了捆绑，uglify和tree shaking。

（3）确保应用程序不存在不必要的import语句。

（4）确保应用中已经移除了不使用的第三方库。

（5）所有dependencies 和dev-dependencies都是明确分离的。

（6）如果应用程序较大时，我会考虑延迟加载而不是完全捆绑的应用程序。

5.var name = "abcd" console.log("name is"+(name == 'abcd') ? "张三":"李四") 这段代码的运行结果是多少?

A. name is 张三

B. name is 李四

C. 张三

D. 李四

解析：

        三目运算符的优先级最低，"name is"+(name == 'abcd')会被看成一个整体去判断条件是否成立，返回为true，输出 ’ 张三 ‘。

 6.关于Angular，下列说法正确的是？

A. AngularJS解析ng-app然后在内存中创建$rootScope

B. AngularJS的双向数据绑定实现方式是轮训的方式

C. AngularJS表达式写在大括号内{}

D. AngularJS表达式不可以引用JS变量

解析：

B：angularjs双向数据绑定原理，这里有三个概念：（1）$digest(): 脏值检查循环；（2）$watch(): 监听；（3）$apply(): 上下文执行表达式.

C：AngularJS 表达式写在双大括号内：{{  }}。

D：AngularJS表达式可以引用JS变量

7.以下说法错误的是？

A. 在Blink和WebKit的浏览器中，某个元素具有3D或透视变换（perspective transform）的CSS属性，会让浏览器创建单独的图层。

B. 我们平常会使用left和top属性来修改元素的位置，但left和top会触发重布局，取而代之的更好方法是使用translate，这个不会触发重布局。

C. 移动端要想动画性能流畅，应该使用3D硬件加速，因此最好给页面中的元素尽量添加translate3d或者translateZ(0)来触发3D硬件加速。

D. 解决浏览器渲染的性能问题时，首要目标就是要避免层的重绘和重排。

解析：滥用硬件加速会导致严重的性能问题，因为它增加了内存使用。

8.关于移动端开发，以下说法错误的是？

A. REM兼容IE8浏览器

B. REM是指相对于根元素html的font-size计算值的大小

C. 移动端页面中html的font-size的通常大小为： 100 * (当前页面宽度 / 750)

D. 移动端开发需要设置meta的viewport控制视图显示

解析：

rem属性为css3属性，在IE8中rem属性不被支持。

 9.下列选项对px、em、rem描述不正确的是

A. 10px的长度是固定的和显示设备无关

B. em 是相对长度单位，相对于当前对象内文本的字体尺寸

C. rem 是一个相对单位，使用 rem 为元素设定字体大小时，仍然是相对大小，但相对的只是 HTML 根元素

D. em如当前对行内文本的字体尺寸未被人为设置， 则相对于浏览器的默认字体尺寸

10.以下说法中，哪些是Sass的优点？

A. 它是预处理语言，它为CSS提供缩进语法

B. 它允许更有效地编写代码和易于维护

C. 它是超集的CSS和基于JavaScript

D. 能够动态编译与打包CSS文件及项目

11.以下不是常用的HTTP1.0定义的请求是？

A. get

B. post

C. head

D. options

解析：

HTTP1.0 定义了三种请求方法：GET、POST、HEAD

HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE、CONNECT