前端面试题2

1.测试浏览器有哪些?

IETester,SuperPreview,Browsershots,Selectors Test等

2.浏览器内核有哪些?

IE浏览器的内核:Trident、

Mozilla的Gecko、

Chrome的Blink(WebKit的分支)、

Opera内核原为Presto,现为Blink

3.前端页面有哪三层构成,分别是什么?

结构层HTML 表示层css 行为层js

4.解释jsonp原理,以及为什么不是真正的ajax

动态创建script标签,回调函数

Ajax是页面无刷新请求数据操作

5.简述一下html语义化的理解

用正确的标签做正确的事情。

html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;

即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;

搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO;

使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

6.请描述一下 cookies,sessionStorage 和 localStorage 的区别?

cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。

cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。

sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。

7.如何实现浏览器内多个标签页之间的通信?

WebSocket、SharedWorker;

也可以调用localstorge、cookies等本地存储方式;

localstorge另一个浏览上下文里被添加、修改或删除时,它都会触发一个事件,

我们通过监听事件,控制它的值来进行页面信息通信;

注意quirks:Safari 在无痕模式下设置localstorge值时会抛出 QuotaExceededError 的异常;

8.display:inline-block 什么时候会显示间隙?

移除空格、使用margin负值、使用font-size:0、letter-spacing、word-spacing

9.介绍js有哪些内置对象?

Object 是 JavaScript 中所有对象的父对象

数据封装类对象:Object、Array、Boolean、Number 和 String

其他对象:Function、Arguments、Math、Date、RegExp、Error

10.eval是做什么的?

它的功能是把对应的字符串解析成JS代码并运行;

应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。

由JSON字符串转换为JSON对象的时候可以用eval,var obj =eval('('+ str +')');

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML&CSS 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1)浏览器:IE,Chrom...
    qhaobaba阅读 396评论 0 1
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,584评论 1 19
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,201评论 2 19
  • 给求索者 不能停止, 探索的脚步; 不要关闭, 求知的窗口。 饿了,拿坎坷充饥; 渴了,掬汗水润喉。 用真诚创造真...
    不为浮云遮望眼阅读 294评论 2 2
  • 他一身战衣,气宇轩昂。她一袭长裙,妩媚带殇。他说:"等我十年"十年之后,将军成名妾已死。 铜镜青幛。 碧螺檀香。 ...
    小宝123阅读 429评论 0 0