全部内容
详解async/await异步应用的常用场景与原理

本文深入解析async/await在JavaScript中的五种典型应用场景。涵盖串行请求依赖、并发执行优化、基于Promise.all与forEach的并发策略、统一的错误捕获机制以及利用Promise.race实现的超时控制。同时简要剖析其底层生成器原理,帮助开发者写出更优雅高效的异步代码。

10.23
热度 161
arctext.js实现文字平滑弯曲弧形效果的插件

本文介绍了一款名为arctext.js的jQuery插件,用于实现文字平滑弯曲成弧形或扇形的效果。该插件自动计算每个字符的旋转角度并生成对应CSS,解决了手动使用Canvas或CSS3旋转实现均匀分布的复杂性。文章提供了详细的参数说明、引入方法及完整Demo示例,帮助开发者快速实现宣传页上的拱门状文字展示。

10.23
热度 443
通过 setTimeout 示例解析 JavaScript 运行机制

本文通过四个具体代码示例,深入解析 JavaScript 的单线程执行模型与异步任务处理机制。文章详细阐述了同步代码优先执行、异步任务进入队列以及定时触发后移入同步队列的执行顺序。针对循环中 setTimeout 输出相同值的常见问题,分别展示了利用闭包缓存变量和使用 ES6 let 块级作用域两种解决方案,帮助开发者理解变量作用域对异步回调的影响。

10.23
热度 435
JavaScript 实时获取并显示当前时间的两种实现方案

本文详细介绍使用 JavaScript 实时获取并显示当前时间的两种具体实现方法。通过结合 Date 对象与 setInterval 定时器,分别展示了基础的时间格式化处理以及包含星期、年月日时分秒的完整时间显示方案。代码涵盖 HTML 结构搭建与 JS 逻辑编写,适合前端初学者参考学习,帮助快速掌握动态时间更新的核心技术。

10.23
热度 400
利用JSONP实现百度下拉搜索框的跨域请求方案

本文介绍使用JSONP技术实现百度下拉搜索框的方法。核心思路是监听用户输入,通过JSONP进行跨域请求获取百度接口数据,并将结果渲染至视图。文中强调了在发送请求前对用户输入进行编码处理的重要性,以避免潜在的安全问题。

10.23
热度 226
Node.js构建用户评论社区:从前端页面到后端逻辑

本文通过Node.js搭建一个简单的用户评论社区,展示前后端开发流程。内容涵盖项目结构搭建、使用Bootstrap快速构建页面、服务端利用http/fs/url模块处理请求,以及通过art-template模板引擎渲染数据。重点解析表单提交、URL参数解析及302重定向机制,帮助开发者理解基础Web应用逻辑。

10.23
热度 348
JS与HTML在线代码运行工具使用说明

本文介绍一款JS与HTML在线代码运行工具。该工具提供运行、复制及保存代码功能,并提示引入外部JS时需刷新页面方可执行。

10.23
热度 266
D3.js v3 数组处理:排序与统计求值详解

本文详细介绍D3.js v3版本中数组处理的核心功能,涵盖d3.ascending与d3.descending排序规则,以及d3.min、max、sum、mean、median、variance等统计求值函数的用法。重点解析accessor参数的作用机制,包括对undefined和NaN的忽略逻辑,并介绍bisect系列函数配合splice进行数组插入操作的技巧。

10.23
热度 442
JavaScript 原型继承模板方法模式示例

本文通过 JavaScript 代码示例,演示了如何利用原型链实现模板方法模式。父类定义算法骨架并抛出未实现方法的错误,子类通过重写特定方法完成具体逻辑。文章提供了完整的 Coffee 和 Tea 类实现代码,展示了继承机制在实际开发中的应用。

10.23
热度 558
原生JavaScript实现日历组件:从构造函数到DOM生成的完整解析

本文详细解析如何使用原生JavaScript和ES6语法从零构建一个日历组件。内容涵盖构造函数初始化、参数校验、星期横轴生成、当前月及前后月份日期的计算逻辑,以及通过封装方法动态创建DOM节点的全过程。旨在帮助开发者理解前端基础实现原理,摆脱框架依赖,提升原生JS编码能力。

10.23
热度 190
在 Bootstrap Table 的 formatter 中使用 Vue 组件的完整方案

本文介绍如何在 Bootstrap Table 的 formatter 函数中嵌入 Vue 组件。通过事件总线监听 DOM 挂载状态,利用 BtAddVueCom 方法动态创建 Vue 实例并注入到表格单元格中,实现如开关切换等交互功能。

10.23
热度 359
JavaScript实现继承的六种方式及优缺点详解

本文系统梳理JavaScript中实现继承的六种主要方式,包括原型链、借用构造函数、组合继承、原型式继承、寄生式继承及寄生组合式继承。详细分析各模式的实现原理、优缺点及适用场景,重点解析组合继承调用两次构造函数的问题,并推荐寄生组合式继承作为最理想的引用类型继承范式。

10.23
热度 138

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署