码农面试必问的题太值了

随着互联网越来越普及，尤其是经过 pc 向移动端的转变，中国对互联网需求呈现爆炸式的增长趋势，与之对应的便是催生出一大批的软件工程师，程序员，码农，虽然程序员曾指数级的增长，但是优秀的软件工程师依然很少，目前互联网公司之间的竞争说到底就是人才的竞争，各个互联网公司对人才的渴望也是愈加强烈，为了筛选出理想的软件工程师，可谓费尽心思，一面，二面，甚至达到五面，六面。为了帮助各位程序员能顺利通过多轮的面试，小编整理出面试过程中被问的频率最高的面试题，助你在求职过程中，顺利被录用

• 关于 web 标准和 w3c 的理解。答：html 标签要有闭合标签，标签名注意是小写。多使用有语义化的标签，比如 header 表示头部，section 表示一个区块，footer 表示页尾，这样可以提高 seo。页面要结构，样式，行为相分离，代码尽量的组件化，这样更利于复用
• XHTML 和 HTML 有什么区别。答：XHTML 是基于 XML 设计语言，而 HTML 是基于 Web 网页设计语言，区别是 XHTML 比较严格，标签必须有结束标签，标签必须正确的嵌套
• DOCTYPE 有什么用。答：其用来告诉浏览器，采用什么文档类型规范解析文档，如果 DOCTYPE 不存在，文档将会以混杂模式进行解析
• , 有哪些主流的浏览器，其内核分别是什么，答：1，IE（Trident）2，Firefox（Gecko）3，CHrome（Webkit），4，Safari（Webkit）5，Opera（Presto）
• 伪类和伪元素的理解。答：css 引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，伪元素用于创建一些不在文档树中的元素，并为其添加样式。比如说，我们可以通过:before 来在一个元素前增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素时，我们可以通过:hover 来描述这个元素的状态。
• 引入 css 可以通过 link 和 @import 方式，他们有什么区别？答：1，link 加载 css，是在页面载入的同时加载 css，即同步加载，但是但是 @import 需要等页面完全载入后再去加载 CSS。2，link 没有兼容性问题。但是 @import 是 css2.1 提出来的，不支持低版本的浏览器
• 浮动引起的问题有哪些以及应该如何处理这些问题。答：1，素的高度无法撑开，影响父元素同级的元素。2，与元素同级的非浮动元素会紧跟元素的后面。解决方案：1，给父元素设置固定的高度，将父元素给撑起来，2，设置父元素的 overflow：hidden，将父元素的高度撑起来，3，用 clear：both 清除元素浮动，4，伪元素是指为了少创建元素，对父元素添加伪元素 after，设置属性是，content:” “,clear:both,display:block
• 什么是 css Sprite 以及如何使用它们。答：也就是将页面中用到的 xiaoicon 都集成到一个图片中，然后利用 background-position，background-image 进行组合定位
• display:none 和 visibility：one 有什么区别。答：虽然这两个都是让元素隐藏起来，但是 display：none 在文档流中已经不存在该元素，而 visible：none 对应的隐藏元素在文档流中，依然会保留元素的空间
• 关于 css 中 content 用法。答：content 主要结合：before 和：after 等伪元素使用，用来在元素的之前或者之后插入内容

• px 和 em 区别。答：px 是像素值，固定的，是多少就是多少，但是 em 不是固定的，相对于容器中的字体大小，而且会继承父级元素的大小
• css 自适应单位有哪些。答：1，% 百分比，2，vw 和 vh，3，em，4，rem，5，vm
• 访问过后的 hover 样式就不出现了，为什么？答：因为访问过的超链接样式已经将原有的 hover 和 active 样式覆盖了，解决的方案就是将 css 属性按照 LVHA 排列（link，visitd，hover，active）
• rgba() 和 opacity 的透明度有什么区别？答：最大的不同就是 opacity 是作用于元素，并且可以设置元素内所有内容的透明度。而 rgba 只是作用于元素的颜色或者是背景色，并且 rgba 透明度不会被其子元素所继承

扫码关注公众号，有更多精彩文章等你哦