来点前端面试题以及答案

时间: 2023-03-11 17:22:12 浏览: 170

前端面试题（包含答案）

5星 · 资源好评率100%

前端面试题知识点总结以下是对前端面试题的知识点总结，涵盖了 CSS、JavaScript 和 jQuery 等方面的内容。 CSS 部分 1. 如何让单行文本垂直居中？设置 CSS 属性 `line-height`。 2. 如何让过长的英文或者数字自动换行？使用 `word-wrap: break-word;` 和 `word-break: break-all;`。 3. 如何让超出宽度的文字显示为省略号？使用 `p { width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`。 4. 如何让 div 水平垂直居中？使用 `position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px;`。 5. 常用的 CSS hack 技巧： * IE6 专有的 hack：`*` * IE6、IE7 识别：`+` * IE6、IE7 识别：`\9` * IE6/IE7/IE8/IE9/IE10 都生效：`\0` * IE8/IE9/IE10 都生效，是 IE8/9/10 的 hack：`\9\0` * `!important` IE6 不识别 * `-webkit-` Chrome、Safari 私有属性 * `-moz-` Firefox 浏览器私有属性 * `-ms-` IE 浏览器私有属性 6. `display: none` 和 `visibility: hidden` 的区别是什么？ * `display: none` 不为被隐藏的对象保留其物理空间 * `visibility: hidden` 为被隐藏的对象保留其物理空间 7. `box-sizing` 的常用属性有哪些？分别有什么作用？ * `content-box`：宽度和高度分别应用到元素的内容框 * `border-box`：为元素设定的宽度和高度决定了元素的边框盒 * `inherit`：规定应从父元素继承 `box-sizing` 属性的值 JavaScript 和 jQuery 部分 8. 清除浮动的方法： 1. 父级 div 定义 height 2. 结尾处加空 div 标签 `clear: both` 3. 父级 div 定义伪类 `:after` 和 `zoom` 4. 结尾处加 `br` 标签 `clear: both` 9. `$(this)` 和 `this` 关键字在 jQuery 中有什么不同？ * `$(this)` 返回一个 jQuery 对象，可以对它调用多个 jQuery 方法 * `this` 代表当前元素 10. `$(document).ready()` 方法和 `window.onload` 有什么区别？ * `window.onload` 必须等到页面内包括图片的所有元素加载完毕后才能执行 * `$(document).ready()` 是 DOM 结构绘制完毕后就执行，不必等到加载完毕 11. 在 jQuery 中使用过哪些插入节点的方法，它们的区别是什么？ * `before()`、`insertBefore()`、`after()`、`insertAfter()`、`prepend()`、`prependTo()`、`append()`、`appendTo()` 12. jQuery 中如何来获取或设置属性？ * 获取：`$().attr("属性名")` * 设置：`$().attr("属性名", "值")` 13. jQuery 中的事件冒泡吗？它是怎么执行的，何如来停止冒泡事件？ * 事件冒泡：由内向外 * 停止冒泡事件：`event.stopPropagation()` 或 `return false` 14. 判断一个变量是一个数据类型？请写出函数实现 ```javascript function checkType(param) { return Object.prototype.toString.call(param).slice(8, -1).toLowerCase(); } ``` 15. 以下代码输出结果： ```javascript function test() { console.log(a); console.log(foo()); var a = 1; function foo() { return 2; } } test(); ``` 输出结果：`undefined`，`2` 16. 将数组 `arr = [6, 18, 12, 15, 1, 5, 2]` 排序 ```javascript function sortArr(arr) { return arr.sort(function(a, b) { return a - b; }); } ```

很高兴为您提供前端面试题，以下是一些常见的面试题及答案：1. 什么是CSS？答：CSS（层叠样式表）是一种用于定义网页外观和布局的标准化技术。它可以帮助开发人员和设计人员将文本、图像和其他内容组合成漂亮、有效的网页。2. 什么是JavaScript？答：JavaScript是一种广泛使用的客户端脚本语言，它可以实现网页动态效果，如表单验证、视频播放等。它还可以用于创建复杂的网络应用程序，如聊天室、在线游戏等。

阅读全文

来点前端面试题以及答案

相关推荐

收集的前端面试题和答案

前端开发面试题（含答案）

高级前端面试题以及答案

最新各大厂前端面试题以及答案.rar

web前端面试题及答案【前端开发面试题及答案整理】.docx

2022前端面试题及答案

web前端面试题及答案

前端面试题 精选Vue面试题及答案

web前端面试题-面试题答案

html5css3面试题及答案,前端面试题及答案-CSS篇.docx

前端面试题参考答案.pdf

前端面试题及答案汇总

2024前端面试题及答案

vue前端面试题及答案

2023前端面试题加答案

vue前端面试题带答案

前端面试问题及部分答案汇总

最新推荐

2019自己整理的前端工程师面试题题及答案(全面综合).doc

前端最全汇总面试题及答案.docx

685道前端工程师JavaScript面试题和训练题（含答案）.docx

HTML5面试题面试整理（含答案）最新版.docx

WEB前端面试选择题解答（共36题）.doc

黑板风格计算机毕业答辩PPT模板下载

管理建模和仿真的文件

提升点阵式液晶显示屏效率技术

在SoC芯片的射频测试中，ATE设备通常如何执行系统级测试以保证芯片量产的质量和性能一致？

CodeSandbox实现ListView快速创建指南

前端面试题精选Vue面试题及答案