全部内容
JavaScript 实现二分查找算法详解

本文详细介绍 JavaScript 中二分查找算法的实现。通过定义左右边界、计算中间索引并比较元素,逐步缩小查找范围。文章提供了完整的 JS 代码示例,解析了时间复杂度为 O(log n) 的核心原理,并针对前端面试常见的手写算法需求进行了讲解。

2026-10-31 08:33:03
234
代码拾荒
TypeScript 正则表达式:元字符、标志与核心 API 详解

本文详细解析 TypeScript 中正则表达式的常用元字符与标志,涵盖分组、量词及特殊字符用法。通过实例演示 RegExp 类的创建方式,并深入讲解 test、exec、match、replace 和 search 等核心 API 的具体应用,同时介绍 source 和 flags 属性,帮助开发者高效进行字符串模式匹配与处理。

2026-10-31 08:32:41
282
拾光
原生JavaScript实现简单的图形验证码

本文介绍如何使用原生JavaScript结合HTML5 Canvas元素实现一个简单的图形验证码。通过随机生成4位数字,利用Canvas进行绘制,并添加点击事件监听以支持验证码刷新,适用于无需短信验证的内部项目登录场景。

2026-10-31 08:32:18
229
像素猫
微信小程序集成TDesign及多文件上传实现

本文记录在微信小程序中使用TDesign框架实现多文件上传的完整流程。涵盖从npm安装依赖、配置构建选项,到解决开发者工具中npm构建失败的常见错误。通过具体代码示例,演示如何配置t-upload组件处理图片和视频,并处理上传成功与移除的逻辑,帮助开发者快速落地企业级UI组件。

2026-10-31 08:31:54
368
清欢
JS+CSS实现瀑布流布局:多列属性与动态定位详解

本文详细解析两种实现瀑布流布局的方法。首先介绍利用CSS columns属性实现静态多列布局,适用于固定数据且对顺序无严格要求的场景。其次深入讲解基于JavaScript绝对定位的动态布局方案,涵盖列数计算、图片加载监听、Promise.all处理异步数据及滚动加载逻辑,解决图片未加载导致高度获取错误的问题,实现类似Pinterest的错落有致效果。

2026-10-31 08:31:20
658
竹影
element-ui 输入框搜索图标绑定事件解决方案

本文介绍在 element-ui 中为 el-input 组件的搜索图标绑定点击事件的方法。通过 slot 插槽自定义后缀图标并添加 @click 事件,结合 @keyup.native.enter 监听回车键,实现点击图标或按回车触发搜索逻辑。

2026-10-31 08:31:14
296
小布丁
微信小程序实现全方向(顶/底/左/右/中)自定义弹窗

本文详细介绍如何在微信小程序中实现支持顶部、底部、左侧、右侧及中间位置的自定义弹窗组件。通过整合WXML结构、WXSS样式与JS逻辑控制,提供一套简洁且类型齐全的代码方案,帮助开发者快速集成多种布局的弹窗功能。

2026-10-31 08:30:49
348
阿沐
TypeScript never类型实战:利用类型收窄实现 exhaustive checking

本文深入解析TypeScript中never类型的特性及其在确保类型约束精确性中的应用。通过示例展示如何利用never类型进行Exhaustive Checking(穷举检查),在扩展联合类型时自动触发编译错误,从而在大型项目中有效避免遗漏分支处理,提升代码的可维护性与安全性。

2026-10-31 08:30:06
359
异步漫步
JavaScript 可选链(?.)与空值合并(??)操作符详解

本文详细介绍 JavaScript 中的可选链操作符(?.)与空值合并操作符(??)。可选链用于安全访问深层对象属性或调用可能不存在的方法,避免 TypeError 异常;空值合并运算符在左侧为 null 或 undefined 时返回右侧默认值,与 || 运算符不同,它不将 0 或空字符串视为假值。通过代码示例解析两者的具体用法、短路行为及常见场景。

2026-10-31 08:29:46
553
函数茶馆
JavaScript实现页面间数据传递:window.opener用法详解

本文详解如何利用JavaScript的window.opener属性及open()方法实现父子窗口间的数据传递。通过具体案例演示如何从子窗口向父窗口回传数据,涵盖HTML表单交互、按钮点击事件及跨页面通信的核心代码实现,帮助开发者掌握BOM对象在页面交互中的应用。

2026-10-31 08:28:33
178
小括号
JavaScript时间格式化函数功能及使用示例

本文介绍一个JavaScript时间格式化函数的功能及使用示例。该函数支持多种时间格式,包括年、月、日、星期和时间戳等。通过示例代码展示了如何调用该函数,并输出格式化后的时间结果。

2026-10-31 08:27:39
490
函数茶馆
JavaScript使用lodash实现命名转换和函数封装

本文介绍如何利用lodash库实现JavaScript对象属性名的自动转换。通过封装snakeCase、camelCase和kebabCase函数,解决爬虫或开发中命名风格不统一的问题。文章对比了lodash与underscore的差异,提供了完整的函数封装代码及单元测试示例,帮助开发者提升代码可维护性。

2026-10-31 08:26:19
237
函数茶馆