互联网公司校招前端笔试真题解析

"猪八戒最新秋招前端试题包含了互联网公司校招笔试的真题，主要涉及前端开发的相关知识，包括JavaScript、ES6新特性、事件处理、CSS选择器优先级、XHTML语法规范以及跨域解决方案等核心内容。" 在这些题目中，我们可以看到前端开发的一些关键知识点： 1. **即时通信技术**：题目提到了XHR-polling和WebSocket作为前后端即时通信的手段。XHR-polling是基于Ajax的一种长轮询技术，而WebSocket是一种提供双向通信的协议，常用于实时应用。 2. **JavaScript异步控制**：题目中的setTimeout示例展示了变量i在异步执行时的闭包问题。由于setTimeout是异步的，所以console.log(i)会在所有循环结束后才执行，因此输出B，即01234。 3. **ES6/ES7新特性**：新特性包括类(class)、Async/Await（异步等待）以及扩展运算符(…[1,2,3])。Object.defineProperty()是ES5引入的，不是新特性。 4. **阻止事件传播**：W3C标准定义的阻止事件向父级传递的方法是e.stopPropagation()。其他选项中，e.preventDefault()阻止默认行为，e.cancelBubble在IE中阻止冒泡，e.stopImmediatePropagation()阻止同元素上的其他事件处理程序。 5. **跨域解决方案**：JSONP、Iframe和Window.postMessage是常见的跨域技术。LocalStorage通常不用于跨域。 6. **JavaScript逻辑判断**：题目D中，空数组([])与false进行比较时，由于它们在布尔上下文中都转换为false，所以两者相等。 7. **CSS样式优先级**：题目涉及CSS选择器的优先级。在这里，div.foo的优先级高于body>*，因此文字颜色为蓝色。 8. **XHTML语法**：XHTML要求元素都要闭合，但某些HTML4元素可以省略结束标签，如img。因此，正确答案是那些使用了完整闭合标签或属性的选项。 9. **HTML布局**：使图片和文字换行显示，可以使用`<br>`标签或者将图片和文字放在不同的块级元素内，如`<p>`标签。 这些题目涵盖了前端开发者需要掌握的基础知识，对于准备面试或提升技能的开发者来说具有很好的参考价值。