腾讯前端笔试题解析：涵盖JavaScript优化与异步加载

"腾讯Web前端开发笔试题及答案分享，涵盖前端基础、性能优化、异步加载、事件绑定、JS加载策略、字符串扩展、正则验证及JavaScript语言特性解析。" 1. **捕获标签名**：在JavaScript中，实现鼠标点击页面中任意标签并弹出标签名的功能，可以使用`addEventListener`或`attachEvent`（针对旧版IE）来监听`click`事件，然后通过`event.target.tagName`获取标签名。确保代码兼容不同浏览器。 2. **性能优化**：避免频繁的字符串拼接操作，尤其是对于大数据量的字符串。JavaScript中的字符串是不可变的，每次拼接都会创建新的字符串对象。优化方法是使用数组存储字符串片段，最后使用`join()`方法合并成一个字符串，以减少内存开销。 3. **异步加载JS方案**： - (1) `defer`属性：仅IE支持，延迟脚本执行，但保证执行顺序。 - (2) `async`属性：HTML5新增，脚本并行加载，执行顺序不确定。 - (3) 动态创建`<script>`标签并插入DOM，加载完成后执行回调函数，通过监听`onload`或`onreadystatechange`事件。 4. **jQuery绑定事件**： - `$(selector).click(fn)`：点击事件。 - `$(selector).on('event', fn)`：通用事件绑定，支持多种事件，如`'mouseenter'`, `'mouseleave'`等。 5. **确保JS加载完全**：一种常见方案是使用`window.onload`或`$(document).ready(fn)`，等待所有资源（包括图片）加载完毕后再执行指定函数。如果只需要等待DOM结构构建完成，可使用`DOMContentLoaded`事件。 6. **网页加载速度优化**： - 压缩CSS、JavaScript和HTML，减少文件大小。 - 使用CDN加速静态资源加载。 - 图片懒加载，延迟非首屏图片的加载。 - 减少HTTP请求，合并CSS和JavaScript文件。 - 利用缓存策略，如设置合适的HTTP缓存头。 - 使用异步加载策略，提高首屏渲染速度。 7. **扩展String对象**：在JavaScript中，可以为String对象添加新方法，例如`trim()`来去除前后空格。使用原型链扩展： ```javascript String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); } ``` 8. **身份证号码验证**：正则表达式 `\d{17}[\d|X]|\d{15}` 可以匹配15位或18位的身份证号码，包含最后一位校验字符X。创建正则对象： ```javascript var expression = /\d{17}[\d|X]|\d{15}/; var objExp = new RegExp(expression); ``` 9. **JavaScript语言特性解析**：题目中涉及的代码片段测试的是JavaScript的短路逻辑和作用域。在提供的代码中，`g()`返回`false`，导致`g() && [] == ![]`这部分不会继续执行，因此`f`始终指向最初的函数，返回`true`。这个题目考察了JavaScript的即时函数、作用域、短路逻辑和数组与布尔值的转换规则。