web前端面试题集锦三

系统管理员 2022-01-11 14:11 271阅读 0赞

1、HTML语义化的理解？

答案：HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS的情况下也以一种文档格式显示，并且是容易阅读的；搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO；使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

2、父元素透明，但是又不影响子元素的透明度怎么实现？

答案：方法一：用rgba

方法二：再加上一层与父元素同级的div装载子元素，定位到子元素原来的位置

3、对web标准以及w3c的理解与认识？

答案：web标准就是将页面的结构、表现和行为各自独立实现，w3c对标注提出了规范化的要求

对结构的要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助）

标签字母要小写；标签要闭合；标签不允许随意嵌套

对css和js的要求：

尽量使用外联css样式表和js脚本，使结构、表现、行为相分离，符合规范，同时提高页面渲染速度，提高用户体验；

样式尽量少用行间样式表，使结构与表现分离，标签的id和class命名要做到见文知义，标签越少，加载越快，用户体验更高，代码维护更简单，便于改版；

不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性

4、display none visibility hidden区别？

答案：display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素；

使用visibility:hidden比display:none性能上要好，display:none切换显示时visibility，页面产生回流（当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等，页面重新构建，此时就是回流。所有页面第一次加载时需要产生一次回流），而visibility切换是否显示时则不会引起回流。

5、Px、em、rem的区别

答案：相同点：px、em和rem都是长度单位；

异同点：px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。Rem是根据跟标签HTML的字体大小计算的

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=1rem=16p

那么12px=0.75em=0.75rem, 10px=0.625em=0.625rem。

转载于:https://blog.51cto.com/14249543/2404395

发表评论取消回复

表情：

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

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

相关阅读

相关 web前端面试题

欢迎转载，但请注明出处： http://blog.csdn.net/sysuzjz/article/details/44562467 以下各问题来自于本人在各公司（主要

你的名字/ 2022年08月07日 07:44/ 0 赞/ 258 阅读

相关腾讯前端面试题集锦

想要进入腾讯，首先会进行一些基础知识的考核，这些基础及时包括数据结构、算法、数据库、安全等方面，最后是关于性格和项目经验的问题。基础知识 1. prototype和

╰半夏微凉°/ 2022年04月17日 02:40/ 0 赞/ 325 阅读

相关前端面试题集锦——前言

前端开发面试题参考资料： [前端开发面试题][Link 1] [前端开发面试题集锦–JavaScript篇][JavaScript] [web前端开

旧城等待，/ 2022年04月12日 09:16/ 0 赞/ 251 阅读

相关前端面试题集锦——项目管理

开发性问题对前端工程师这个职位是怎么样理解的？它的前景会怎么样？前端是最贴近用户的程序员，比后端、数据库、产品经理、运营、安全都近。 1、实现界面交互 2、

布满荆棘的人生/ 2022年04月12日 09:13/ 0 赞/ 274 阅读

相关前端面试题集锦——程序题

程序题 1、看下列代码输出为何？解释原因。 var a; alert(typeof a); // undefined alert(b); //

喜欢ヅ旅行/ 2022年04月12日 09:12/ 0 赞/ 1336 阅读

相关前端面试题集锦——JavaScript

JavaScript 栈和队列的区别? 栈的插入和删除操作都是在一端进行的，而队列的操作却是在两端进行的。队列先进先出，栈先进后出。栈只允许在表尾一端进行插

电玩女神/ 2022年04月12日 09:10/ 0 赞/ 1631 阅读

相关前端面试题集锦——CSS

CSS选择符有哪些？哪些属性可以继承？ CSS选择符 1. id选择器（ `myid`） 2. 类选择器（`.myclassname`

Love The Way You Lie/ 2022年04月12日 09:10/ 0 赞/ 398 阅读

相关前端面试题集锦——HTML

对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更

淡淡的烟草味﹌/ 2022年04月12日 09:10/ 0 赞/ 297 阅读

相关 web前端面试题集锦三

1、HTML语义化的理解？答案：HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS的情况下也以一种文档格式显示，并且是容易阅读的；搜索引擎的

系统管理员/ 2022年01月11日 14:11/ 0 赞/ 272 阅读

相关前端面试题集锦

1.form中的input可以设置为readonly和disable，请问两者有什么区别？ readonly不可编辑，但可以选择和复制；值可以传递到后台 d

Bertha 。/ 2021年09月15日 13:38/ 0 赞/ 353 阅读