WEB前端笔试简题
1. 行内元素有哪些?块级元素有哪些?CSS的盒模型极简描述？
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
2. 前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
3. 解释css sprites，如何使用？
Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
4. 你如何对网站的文件和资源进行优化?
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
5. javascript的typeof返回哪些数据类型？
Object number function boolean underfind
6. javascript的事件委托是什么？
让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
7. ajax请求时，如何解释json数据？
使用eval parse 鉴于安全性考虑 使用parse更靠谱
8. document load 和document ready的区别是？
load 是在结构和样式加载完才执行js；ady原生种没有这个方法，jquery中有 $().ready(function)。
9. javascript的同源策略是指什么？
一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合
web前端开发笔试题库10. jQuery 里的 ID 选择器和 class 选择器有何不同？并编写示例代码。
ID 选择器使用 ID 来选择元素，比如 #element1，而 class 选择器使用 CSS class 来选择元素。当你只需要选择一个元素时，使用 ID 选择器，而如果你想要选择一组具有相同 CSS class 的元素，就要用 class 选择器。
11.  load 事件和 jQuery ready 函数有何不同？
 ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载（例如HTML被完全解析DOM树构建完成时），jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题。
12. jQuery 里的 each() 是什么函数？你是如何使用它的（可以写示例代码）？
each() 函数就像是 Java 里的一个 Iterator，它允许你遍历一个元素集合。你可以传一个函数给 each() 方法，被调用的 jQuery 对象会在其每个元素上执行传入的函数。
$('[name=NameOfSelectedTag] :selected').each(function(selected) {
    alert($(selected).text());});
13.  $(this) 和 this 关键字在 jQuery 中有何不同？
$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。
14.  你如何使用jQuery获取或设置一个属性值? 并编写示例代码。
attr(name, value), 这里name是属性的名称，value是属性的新值。
15. 如何利用jQuery来向一个元素中添加和移除CSS类? 并编写示例代码。
通过利用 addClass() 和 removeClass() 这两个 jQuery 方法。
16.  jQuery 中的方法链是什么？使用方法链有什么好处？
方法链是对一个方法返回的结果调用另一个方法，这使得代码简洁明了，同时由于只对 DOM 进行了一轮查，性能方面更加出。
17. &() 和 jQuery.ajax() 方法之间的区别是什么?
ajax() 方法更强大，更具可配置性, 让你可以指定等待多久，以及如何处理错误。get() 方法是一个只获取一些数据的专门化方法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。