web前端面试题及答案 html篇下

来源：互联网发布：2017大学生贷款软件编辑：程序博客网时间：2024/06/05 06:40

11.iframe的优缺点？

1.<iframe>优点：
① 解决加载缓慢的第三方内容如图标和广告等的加载问题；
② Security sandbox；
③ 并行加载脚本；

2.<iframe>的缺点：
①iframe会阻塞主页面的Onload事件；
②即时内容为空，加载也需要时间；
③没有语意；

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

调用localstorge、cookies等本地存储方式；

13.线程与进程的区别？

1，一个程序至少有一个进程,一个进程至少有一个线程。
2，线程的划分尺度小于进程，使得多线程程序的并发性高。
3，另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率
4，线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。
5，从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。

14.你如何对网站的文件和资源进行优化？

期待的解决方案包括：
1，文件合并；
2，文件最小化/文件压缩；
3，使用 CDN 托管；
4，缓存的使用（多个域名来提供缓存）；

15.请说出三种减少页面加载时间的方法？

1，优化图片；
2，图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方）；
3，优化CSS（压缩合并css，如margin-top,margin-left…)；
4，标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。
当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了。）
5，减少http请求（合并文件，合并图片，css雪碧图）；
6，网址后加斜杠（如www.campr.com/目录，会判断这个“目录是什么文件类型，或者是目录。）；

16.什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？

1， <style type="text/css" media="all">@import "../fouc.css";</style>
而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件，因此，在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。
解决方法简单的出奇，只要在<head>之间加入一个<link>或者<script>元素就可以了`

17.说说最近最流行的一些东西吧？常去哪些网站？

Node.js、Mongodb、npm、MVVM、MEAN、three.js,React 。
网站：w3cfuns,sf,hacknews,CSDN,慕课，博客园，InfoQ,w3cplus等。

18.平时如何管理你的项目？

先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等；

    编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）；    标注样式编写人，各模块都及时标注（标注关键样式调用的地方）；    页面进行标注（例如 页面 模块 开始和结束）；    CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css）；    JS 分文件夹存放 命名以该JS功能为准的英文翻译。    图片采用整合的 images.png png8 格式文件使用 尽量整合在一起使用方便将来的管理

2 0

web前端面试题及答案 html篇 下

web前端面试题及答案 html篇下