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

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

10.31
热度 234
TypeScript 正则表达式:元字符、标志与核心 API 详解

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

10.31
热度 282
原生JavaScript实现简单的图形验证码

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

10.31
热度 229
微信小程序集成TDesign及多文件上传实现

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

10.31
热度 368
JS+CSS实现瀑布流布局:多列属性与动态定位详解

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

10.31
热度 658
element-ui 输入框搜索图标绑定事件解决方案

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

10.31
热度 296
微信小程序实现全方向(顶/底/左/右/中)自定义弹窗

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

10.31
热度 348
TypeScript never类型实战:利用类型收窄实现 exhaustive checking

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

10.31
热度 359
JavaScript 可选链(?.)与空值合并(??)操作符详解

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

10.31
热度 553
JavaScript实现页面间数据传递:window.opener用法详解

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

10.31
热度 178
JavaScript时间格式化函数功能及使用示例

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

10.31
热度 490
JavaScript使用lodash实现命名转换和函数封装

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

10.31
热度 237

标签目录

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