码农面试必问的题，太值了.pdf，这是一份不错的文件资源-CSDN下载

版权申诉

133 浏览量 2022-06-09 12:16:44 上传评论收藏 204KB PDF 举报

和中提到的文件是一个关于码农面试常见问题的集合，主要针对互联网公司的软件工程师招聘。这份资料对于准备面试的程序员来说非常有价值。以下将详细阐述其中涉及的一些关键知识点： 1. **Web标准和W3C理解**： - Web标准是指一套由W3C（万维网联盟）制定的规范，旨在确保网页的可访问性、可维护性和互操作性。HTML标签应该正确闭合，使用小写字母，并提倡使用语义化的标签，如`<header>`, `<section>` 和 `<footer>`，以提高SEO效果。 - 页⾯应遵循结构、样式和行为相分离的原则，使得代码可读性更强，便于维护。组件化编程也能够提升代码的复用性。 2. **XHTML与HTML的区别**： - XHTML是一种更严格的HTML版本，基于XML语法，要求所有的标签都必须闭合且正确嵌套，而HTML则相对宽松，允许某些标签省略结束标签。 3. **DOCTYPE的作用**： - DOCTYPE声明用于指示浏览器使用哪种文档类型规范解析HTML或XHTML文档。如果没有DOCTYPE，浏览器可能会以混杂模式解析文档，导致渲染不一致。 4. **主流浏览器及其内核**： - Internet Explorer（Trident内核） - Firefox（Gecko内核） - Chrome和Safari（Webkit内核，Chrome后来发展为Blink内核） - Opera（早期使用Presto内核，后来也转向Blink内核） 5. **CSS伪类和伪元素**： - 伪类用于表示元素的特定状态，如`:hover`表示鼠标悬停状态，`:active`表示元素被激活时的状态。 - 伪元素如`::before`和`::after`用于在元素前后插入内容，但这些内容并不实际存在于DOM树中。 6. **CSS引入方式：link和@import**： - `link`标签在页面加载时同步加载CSS，无兼容性问题。 - `@import`在页面完全加载后加载CSS，可能延迟页面渲染，且在某些旧版浏览器中不支持。 7. **浮动元素引起的问题及解决方案**： - 浮动元素可能导致父元素高度无法自动扩展，影响布局。解决方案包括：设置固定高度、使用`overflow:hidden`、使用`clearfix`类或伪元素`::after`清除浮动。 8. **CSS Sprite**： - CSS Sprite是将多个小图标合并到一张大图中，通过调整`background-position`来显示不同的图标，减少HTTP请求，提高页面加载速度。 9. **display:none和visibility:hidden的区别**： - `display:none`元素在文档流中不占据空间，而`visibility:hidden`元素虽然不可见，但在文档流中仍保留原有空间。 10. **CSS中content的用法**： - content通常与伪元素`:before`和`:after`配合使用，可在元素前后插入内容，如图标或文本。 11. **px和em单位的区别**： - px是绝对单位，表示固定像素大小；em是相对单位，基于元素的字体大小，会受到父元素字体大小的影响。 12. **CSS自适应单位**： - `%`百分比单位 - `vw`和`vh`基于视口宽度和高度 - `em`基于父元素字体大小 - `rem`基于根元素（通常是`<html>`）的字体大小 - `vm`（视口相对单位）在某些浏览器中支持，类似`vh`和`vw`。 13. **访问过的链接（visited）与hover样式冲突**： - 访问过的链接样式（`a:visited`）可能会覆盖未定义的`a:hover`和`a:active`样式，解决方法是按LVHA顺序（link, visited, hover, active）定义CSS规则。 14. **rgba()与opacity的区别**： - rgba()允许设置元素颜色的透明度，只影响元素本身的颜色，不影响子元素。 - opacity作用于整个元素，包括其内部所有内容，透明度会同时影响子元素。以上内容涵盖了软件工程师面试中常见的技术点，理解和掌握这些知识点对于提升面试成功率至关重要。

资源推荐

资源详情

资源评论