前端笔试知识点总结（4）

去参加了某软的前端面试，到公司的时候二话没说，要求先写了一份性格测试题，因为面的是前端，完事之后又来了一份前端笔试题，选择、填空、简答，选择题没记，主要记了填空题和简答题。

下面是填空题：

• CSS单位中，设定元素的长度或宽度与父元素字体大小相关的单位是?与html文档元素大小相关的单位是？

1. px，像素，设置固定元素；
2. em，设置相对于父元素大小的百分比，如父元素是10px，子元素是2em，则子元素的大小就是20px；
3. rem，设置相对于html文档元素大小；

• Js中原型链最上层的对象是（）的原形对象？该对象的__proto__指针指向（）的原型对象？

　　　　　　因为自己自学还没有学带这块，所以笔试的时候直接跳过了，回来查红宝书学习一下。

• Js中使用（）对象的（）函数定义对象属性的访问器？

  1. 因为上面面试被问到了关于面向对象方面的问题，然而那会并不会，所以这几天在看面向对象方面的内容，正好用上了，这个问题的答案是利用了Object对象中的defineProperty方法来创建一个新的属性。

• 一个简单的变量提升问题

　　　　　　　函数主要是这样的：

var a = 10;
var b = 10;
function x(){
    console.log(a);
    console.log(b);
    var a = 5;
}

　　然后问输出的结果是什么，答案肯定是5和10，变量提升的问题，之前也正好写过一篇随笔说这个，正好用上了。

下面是简答题：

• 简述下为何通过ajax发送请求会出现乱码问题，如何解决？

• • 发送get请求的时候：
    • IE浏览器对应的ajax对象对中文参数会使用GBK的编码方式，其他浏览器则使用UTF-8编码方式，web服务器默认情况使用iso-8859-1的编码方式；
    • 解决办法：使用encodeURL<>函数对请求的地址进行编码，函数会对中文参数值按照UTF-8进行编码；修改服务器端的编码方式为UTF-8；
  • 发送post请求的时候：
    • 所有浏览器中对应的ajax对象对中文参数都使用UTF-8的编码方式，服务器使用iso-8859-1进行编码；
    • 解决办法：使用request.setCharsetEncoding（“UTF-8”）;

• 简述DOM、HTMLDOM的区别和联系？

  • 　　DOM，文档对象模型。
  • 其实没太明白这个，前者指的是什么？核心DOM么？还是总的DOM？

• 简述HTML5新增的canvas、audio、svg标签的作用？

  • canvas标签，定义图形，只是一个图形容器，必须使用脚本来绘制图形；更多内容还是要参考W3C官方文档。
  • audio标签，在网页中引入音频流，支持mp3、wav、ogg三种格式的音频文件；不同浏览器存在兼容性问题
  • svg标签，定义用于网络的基于矢量的图形，使用XML格式定义图形，改变大小不会失帧；
  • svg的优势：
    • 可通过文本编辑器来创建和修改；
    • svg图像可被搜索、索引、脚本化或压缩；
    • 任意伸缩画质不会改变；

• 简述如何通过CSS进行响应式布局的方式？

  • 纯CSS的话必然是利用媒体查询方式，根据设备的不同屏幕分辨率大小进行设置；
  • 利用框架的话可以使用Bootstrap、Amaze UI等；

• 什么是事件流？

  • 事件流描述的是从页面中接收事件的顺序；红宝书中第13章专门讲事件，需要进行学习。