web前端面试题及答案 html篇 下 绝地灬酷狼 2022-08-21 13:39 119阅读 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 格式文件使用 尽量整合在一起使用方便将来的管理
还没有评论，来说两句吧...