全部内容
前端TypeScript时间格式化函数举例详解

本文详细介绍前端TypeScript中常用的时间格式化函数,包括formatDate、getWeek、formatPast、formatAxis、parseTime和parseDate。通过具体示例展示如何根据传入的Date对象和指定格式,返回格式化后的时间字符串、相对时间、问候语等信息。

10.31
热度 554
使用 JavaScript 脚本解析 MyBatis SQL 日志并生成可执行语句

本文介绍了一个基于 HTML 和 JavaScript 的轻量级工具,用于解析 MyBatis 持久层框架输出的 SQL 日志。该脚本自动提取日志中的 SQL 语句与参数,将占位符替换为实际值(包括字符串、时间戳及空值处理),从而生成可直接在数据库中执行的完整 SQL 语句,有效简化开发与调试流程。

10.31
热度 88
前端大屏自适应方案:缩放与视口单位对比

本文总结前端大屏自适应的两种主流实现方式。第一种为CSS缩放(scale)方案,通过JS动态计算缩放比例并作用于容器,但需注意该方法可能影响Cesium等地图库的交互效果。第二种方案利用vh、vw及百分比单位,结合calc函数动态计算像素值,虽在窗口单维度变化时存在局限,但能更好地保持元素形状。

10.31
热度 75
前端防抖与节流:核心概念、区别及代码实现

本文深入解析前端开发中防抖(Debounce)与节流(Throttle)的核心原理、区别及应用场景。通过对比分析,明确防抖适用于输入结束后的延迟执行(如搜索联想),而节流适用于固定频率的执行控制(如滚动监听)。文章提供完整的 JavaScript 代码实现示例,帮助开发者有效降低高频事件触发的性能开销,提升用户体验。

10.31
热度 623
TypeScript装饰器实现后端数据到前端对象的自动转换

本文详解如何利用TypeScript装饰器解决后端API返回JSON数据与前端对象之间的转换难题。针对字段命名混乱、类型不匹配、布尔值处理及默认值缺失等常见痛点,通过BaseEntity、UserEntity等实体类定义,结合@Alias、@Type、@Default等自定义装饰器,实现优雅的数据清洗与类型强制转换,提升前端代码的可维护性与健壮性。

10.31
热度 462
Vue组件中匿名函数与箭头函数的实战应用指南

本文深入解析Vue.js组件中匿名函数与箭头函数的应用。通过事件处理、watch监听、生命周期钩子及计算属性等场景,展示如何利用匿名函数简化逻辑。重点探讨箭头函数对[[wp:a3]]绑定的影响,并提供提升代码可读性与性能优化的实用建议,帮助开发者更灵活地处理组件内部逻辑。

10.31
热度 361
使用nvm实现多个nodejs版本的快速切换

本文详细介绍如何使用nvm工具在Windows系统中管理多个Node.js版本。涵盖nvm-setup.exe的安装步骤、环境变量清理、settings.txt镜像配置,以及通过命令行实现版本的下载、查看与快速切换,解决多项目环境依赖冲突问题。

10.31
热度 264
TypeScript 清空数组的六种方法对比与选型指南

本文深入解析 TypeScript 中清空数组的六种常见方法,包括设置 length 属性、splice、重新赋值、pop/shift 循环及遍历置 undefined。详细对比各方法的执行效率、内存占用及适用场景,帮助开发者根据实际需求选择最高效、安全的清空策略。

10.31
热度 653
TypeScript中bind的使用方法及注意事项

本文详细介绍TypeScript中bind()方法的语法与返回值,分析其在事件处理和回调函数中的典型应用场景。重点讲解bind仅绑定this值的特性,以及新函数对原型链和作用域链的影响,帮助开发者正确使用该工具并避免常见错误。

10.31
热度 384
JavaScript BigInt 详解:特性、用法与注意事项

本文深入解析 JavaScript 新增的基本类型 BigInt,阐述其解决 Number 类型精度丢失问题的核心机制。详细讲解 BigInt 的创建方式、支持的数学与位运算规则、与普通数字的交互限制及类型转换方法。同时通过代码示例验证 BigInt 与 Math 对象的不兼容性、混合运算的 TypeError 异常以及比较操作的隐式转换行为,帮助开发者在密码学、金融计算等场景中安全使用大整数。

10.31
热度 131
JavaScript浮点数精度问题:成因分析与应对策略

JavaScript基于IEEE 754标准处理浮点数,常因二进制转换导致精度丢失,如0.7+0.2+0.1不等于1。本文解析该现象成因,提供避免直接比较、整数转换及toFixed格式化等实用方案,确保金额等高精度场景的计算准确性。

10.31
热度 505
详解JavaScript创建数组的三种方式

本文详细介绍JavaScript中创建数组的三种主要方式:直接使用中括号声明、使用Array构造函数以及利用Array.from方法。重点解析Array.from如何处理类数组对象和可迭代对象,并演示映射函数的初始化用法,帮助开发者根据场景选择最优方案。

10.31
热度 173

标签目录

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 应用部署