共 12 篇相关文章
浏览器现已全面支持原生JSON模块导入，开发者可通过import语法直接引入JSON文件并自动解析为JavaScript对象。新语法在传统import后添加with { type: "json" }，支持静态导入（如import config from "./config.json" with { type: "json" };）和动态导入（使用await import）。导入后，JSON数据可作为ES模块直接访问属性，无需手动fetch或JSON.parse，但需确保服务器返回Content-Type: application/json头。导入的对象是冻结的，防止修改以保证数据完整性。对于大型JSON文件，推荐使用fetch动态加载以优化首屏性能，避免打包工具内联导致包体积膨胀。在TypeScript中，需配置tsconfig.json的resolveJsonModule为true以获得类型支持。此特性简化了前端配置管理，提升了代码模块化，但开发者应权衡使用场景，注意服务器要求和性能优化。
本文深入解析CSS中的::search-text伪元素，这是一个用于样式化浏览器“查找在页面”功能匹配文本的新特性。文章从基础概念出发，详细介绍了::search-text的语法和基本用法，如通过它选择匹配文本并应用背景色、颜色、文本装饰等样式。特别说明了与:current伪类的结合，允许开发者单独样式化当前聚焦的匹配项，提升交互体验。内容涵盖支持的CSS属性，包括background-color、color、text-decoration及其子属性、text-shadow和自定义属性，并强调限制在特定值内。通过代码示例，展示了如何针对特定元素使用::search-text以及样式继承链的工作原理，确保一致性。此外，文章提供了可访问性建议，如遵循WCAG对比度标准，并推荐主要使用text-decoration属性以避免干扰用户。还提到了:past和:future伪类的不支持情况，以及规范状态和浏览器支持。整体上，这是一个全面的前端技术教程，帮助开发者定制搜索高亮效果，增强网页可用性。
这篇讲的是如何从多个层面提升JavaScript代码执行效率。作者开篇就指出了JavaScript作为解释型语言的固有速度劣势，与编译语言相比差距悬殊，因此优化显得尤为重要。 文章从具体实践出发，分享了四个核心优化方向。在作用域方面，强调通过缓存全局对象（如document）的引用来减少作用域链查找，并避免使用会拖慢速度的`with`语句。对于算法选择，文章深入到了循环优化的细节，包括采用减值迭代、简化终止条件，并介绍了如何运用Duff装置等技术来高效展开循环。 此外，作者还提醒开发者注意减少不必要的语句解析，例如合并变量声明、使用数组和对象字面量来替代`new`操作符。最后，文章点明了DOM操作是性能瓶颈的关键所在，因其会触发昂贵的页面重绘。 整体来看，这些技巧从微观的代码写法到宏观的策略选择，构成了一份实用的JavaScript性能优化清单。
这篇技术文章深入剖析了JavaScript代码的执行流程，揭示了开发者常遇到的“代码顺序与执行顺序不符”现象背后的原理。作者从三个关键层面展开：首先，脚本按在HTML文档中出现的顺序执行；其次，也是重点，引擎会在执行前进行“预编译”，此时会提升所有`function`定义并赋值，而仅声明`var`变量并初始化为`undefined`，这直接导致了“函数调用在定义前仍可执行”但“变量调用在赋值前为`undefined`”的经典差异。最后，文章解释了按`
