前端开发是创建 Web 页面或 App 等前端界面呈现给用户的过程,通过 HTML、CSS、JavaScript 及衍生技术实现用户界面交互,核心框架包括 Vue.js、React 等。其技术栈涵盖页面结构标记语言、样式表定义与脚本编程,HTML 负责内容结构,CSS 控制视觉样式,JavaScri…
在日常前端开发工作中,字符串格式化是高频基础需求,其中 首字母大写 更是页面文本展示、数据格式化、标题渲染场景里的常用操作。本文将基于原生 JavaScript 与 TypeScript,完整梳理首字母大写的各类实现方案,包含单个单词首字母大写、整句所有单词首字母大写两种核心场景,适配不同开发需求。…
在小程序开发过程中,经常会遇到需要限制 input 输入内容的场景,其中 只能输入整数 是最常见的需求之一 - 比如数量输入、ID 输入、年龄输入等。很多开发者在实现时会遇到非法字符无法实时过滤、开头多 0、正负号异常等问题,今天就整理 3 种最稳定、无 BUG 的实现方案,覆盖正整数、正负整数两种…
在日常全栈开发中,使用 Element UI(或 Element Plus)的 el-table 组件展示树形结构数据是很常见的需求,比如部门层级、分类目录、权限树等场景。但近期在开发一个包含千级以上节点的树形表格时,我遇到了明显的卡顿问题 - 页面初始化缓慢、展开折叠节点时延迟明显,甚至出现浏览器…
在现代企业应用中,业务流程建模(BPMN)已经成为描述复杂业务逻辑的重要手段。随着前端技术的不断发展,将流程设计能力从后端工具迁移到浏览器中,成为提升效率与用户体验的重要方向。BPMN.js 正是在这样的背景下诞生的一个强大工具,它为开发者提供了在 Web 应用中嵌入流程建模与展示能力的完整解决方案…
在日常前端开发中,我们经常会遇到数组对象的分组合并需求,尤其是涉及父级与子集关联的数据处理场景。最近我就遇到了一个这样的需求,通过多轮调整优化,最终实现了符合预期的功能,今天就把整个开发过程记录下来,分享给有需要的同行。 需求初始场景很明确,后端返回的原始数据是一个二维数组,每一项数组中包含两个对象…
在日常全站开发工作中,前端表格数据排序是极为常见的交互需求,尤其是针对业务数据列表的自定义列排序,看似基础的功能,实则藏着不少边界问题和体验优化点。最近在处理业务项目里的名片数据列表模块时,刚好针对原有的表格排序函数做了完整的问题排查与优化,这里把完整的开发过程、原始代码问题以及优化后的实现逻辑整理…
如果你运行 SQLite3 的命令行来访问你的数据库,可以键入 .tables 来获得所有表的列表。或者你可以输入 .schema 来看整个数据库模式,包括所有的表的索引。 输入这些命令,后面跟一个 LIKE 模式匹配可以限制显示的表。 在一个 C/C++ 程序中(或者脚本语言使用 Tcl/Ruby…
在前端开发中,处理层级数据是非常常见的需求,比如构建菜单导航、组织部门架构、展示分类目录等场景,都需要将扁平的行数据转换为嵌套的树形结构。本文将详细拆解一个简洁高效的行转树工具函数,帮助你理解其核心逻辑,并能灵活应用到实际开发中。 一、函数功能与使用场景 先来看我们要实现的核心函数 list2tre…
在 JavaScript 里, reduce 是“万能数组转换器”。 但在大型前端项目中,如果没有类型约束,reduce 很容易变成: acc 类型不明 返回结构靠猜 后期重构痛苦 TypeScript + reduce 的目标只有一个: 让每一次数据转换都有可推导、可检查、…
一次遍历,重塑数组思维 在大多数人的印象里, reduce 只是“求和函数”。 但在真实工程中, reduce 是 数据结构变换的瑞士军刀 。 熟练使用它,你可以少写一半循环代码,并且写出更具表达力的数据处理逻辑。 这篇文章整理 10 个生产中高频出现的 reduce 技巧 …