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

绝地灬酷狼 2022-08-21 13:39 120阅读 0赞

**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 格式文件使用 尽量整合在一起使用方便将来的管理