前端面试部分总结

不念不忘少年蓝@ 2022-12-15 11:20 242阅读 0赞

1.为什么利用多个域名来存储网站资源会更有效？

因为：cdn缓存更方便；突破浏览器并发限制；节约cookie宽带；节约主域名的连接数，优化页面响应速度；防止不必要的安全问题；

2.网页制作中的图片格式？

答：png-8；png-24；jpeg；gif；svg；还有webp(面试官最想听到的答案；webp比jpeg的的格式小40%)；

3.一次js请求一般请款下有哪些地法国会有缓存处理？

答：dns缓存；cdn缓存；浏览器缓存；服务器缓存；

4.大量图片怎么优化加载？

答：图片懒加载；幻灯片图片预加载前一张后一张；图片css图片：csssprite，svgsprite，iconfont，base64等技术；也乐意特殊编码缩略图；服务器端进行图片压缩；

5.以前端角度做好seo需要那几方面考虑？

答：了解搜索引擎如何抓取网页和如何索引网页；meta标签优化；如何选取关键词并在网页中放置关键词；了解主要的搜索引擎（google，yahoo，bing，百度，搜狗，有道等）；主要互联网目录；按点击付费的搜索引擎；搜索引擎登录；连接交换和连接广泛度；合理的标签使用；

6.dom元素不显示在浏览器的可视范围内？

答：display：none；visibility：hiden；宽高0，透明度0，z-index：-1000；

7.：rgba和opcity的透明效果有什么不同？

答：rgba只作用于元素的颜色或其背景色（子元素不继承透明），opcity作用域元素以及内多有内容的透明度（有继承）；

8.css中可以让文字在垂直和水平方向上重叠的两个属性是什么？

答：垂直：line-height;水平：letter-spacing（还可以消除inline-block元素之间的换行符空格间隙问题）；

9.css的link和@import的区别：

答：link属于html标签（不存在兼容性问题，权重大于@import）；@import是css提供的，引用的css会在页面加载完成后再加载引用的css，ie5以上支持；

10.bfc是是什么？

答：BFC（块级格式化上下文），在同一个bfc中两个相邻的盒子的垂直方向发生margin重叠的问题；bfc是指浏览器中创建了一个独立的渲染区域，该区域内所有得元素的布局不会影响到区域外元素的布局，这个渲染区域只对块级元素起作用；

11.ie的双边距bug，会计元素float后设置横向的margin，ie6显示的margin比设置的较大。解决办法？

答：加入：\_display:inline；

12.ie5-8不支持opcity的解决办法？

答：opacity: 0.4；filter: alpha(opacity=60); /\* for IE5-7 \*/  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /\* for IE8\*/

ie6不支持png透明背景解决办法：ie6下使用gif图片；

13.前端页面的三层结构?

答:结构层（html）；表示层（css）；行为层（js);

14.css的哪些属性可以继承？

答：可继承：font-size，font-family，color等；不可继承：border，padding，margin，width，height等；

15.强制转换和隐式转换？

答：强制（parseInt，parseFloat，Number）；隐式（==）

16.

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL面试题总结（部分）

![881a8f75ef434bb7b196f83c3ab01e04.jpeg][] 一.介绍MySQL为什么在面试中会提及 1.为什么要在面试时MySQL会被提

墨蓝/ 2024年03月17日 17:03/ 0 赞/ 90 阅读

相关前端面试总结

js基础 for和forEach的区别： > 1.for循环按顺序遍历，forEach使用迭代器遍历 > 2.for循环是随机访问元素，foreach是顺序链表访问

曾经终败给现在/ 2023年02月15日 12:38/ 0 赞/ 51 阅读

相关 web前端部分知识点总结

1. px、em与rem的区别？ px（像素） px这个单位用的非常多，我们大多数人都很熟悉了吧。px单位的名称为像素，它是一个固定大小的单元，像素的计算是针对（电脑/

桃扇骨/ 2023年02月14日 07:52/ 0 赞/ 37 阅读

相关前端面试部分总结

1.为什么利用多个域名来存储网站资源会更有效？因为：cdn缓存更方便；突破浏览器并发限制；节约cookie宽带；节约主域名的连接数，优化页面响应速度；防止不必要的安全问题；

不念不忘少年蓝@/ 2022年12月15日 11:20/ 0 赞/ 243 阅读

相关前端面试总结——CSS

文章目录 1. 讲一讲CSS选择器的优先级？ css基本选择器有哪些？权重计算规则： css选择器优先级顺序

末蓝、/ 2022年11月14日 10:20/ 0 赞/ 406 阅读

相关前端面试总结——HTML

文章目录 1. doctype的作用是什么？ HTML 4.01 和 HTML5 中 DOCTYPE的区别两种版本的声明方式 2.

超、凢脫俗/ 2022年11月11日 13:20/ 0 赞/ 261 阅读

相关面试框架部分总结

面试框架部分总结 Struts2 工作原理  <filter> <filter-name>st

雨点打透心脏的1/2处/ 2022年07月18日 11:57/ 0 赞/ 238 阅读

相关前端开发面试总结HTML、CSS部分

要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发技术等 1.Doctype作用? 严格模式与混杂

古城微笑少年丶/ 2022年05月26日 04:09/ 0 赞/ 244 阅读

相关面试题 ------ 前端部分

1、简单所以下html，css，javascript 在网页开发中的定位？ HTML 超文本标记语言定义网页的结构 CSS 层叠样式表，用来美化页面

古城微笑少年丶/ 2022年05月12日 13:26/ 0 赞/ 297 阅读

相关前端面试总结一

1.页面的重构和回流重构：改变每个元素的外观时所触发的浏览器的行为，如颜色、背景等样式发生改变而进行的重新构造新外观的行为。重构不会引发页面的重新布局，不一定伴随着

爱被打了一巴掌/ 2021年10月30日 07:52/ 0 赞/ 748 阅读