xingcheng

定位后的操作方法： 点击元素， click() 方法 元素内输入文本， fill() 方法 获取元素内部文本， inner_text() 方法 常用方法： 图中粉色字体都是...

gift-book —— 一款纯本地、零后端、完全本地运行的单页 Web 应用，旨在为各类红白喜事提供一个现代化、安全、高效的礼金（份子钱）管理解决方案。...

从零打造专业级前端 SDK (三)：健壮性与离线存储 前言：在上一篇中，我们实现了多种网络发送策略，让 SDK 能够把数据发出去。但真实的网络环境是不可靠的——弱网、断网、...

1. 变量声明 (let & const) 告别 var 的变量提升困扰，拥抱块级作用域。 let: 用于变量，可重新赋值。 const: 用于常量，不可重新赋值（引用的对...

一、先看现象：为什么数据变了，DOM 却没更新？ 执行结果： 数据明明已经改了，为什么 DOM 还是旧值？这就是 nextTick 要解决的问题。 二、核心原理：Vue 的...

前言 之前读到大佬写的文章：https://juejin.cn/post/7576608733612425242 ，就是没解决文字切割的问题，这边我提供一种思路，不过不是很...

有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击 在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU...

开发过Vue应用的同学对KeepAlive功能应该都不陌生了，但是大家对它的理解是只停留在知道怎么用的阶段 还是说清晰的知道它内部的实现细节呢?...

你是不是也遇到过这样的场景？ 在Vue项目里，为了跨组件传递数据，你用provide和inject写了一套祖孙通信逻辑。代码跑起来没问题，但TypeScript编辑器总给你...

“要不要写分号？”是前端圈最久经不衰的争论。 与其站队，不如把自动插入分号（ASI, Automatic Semicolon Insertion）机制吃透，知道它什么时候可...

前端权限控制的优雅解法：一个 v-perm 指令替代满屏 v-if。核心技巧是缓存 Promise 本身而非结果，并发请求也只发一次；用注释节点而非 display:non...

在前端开发中，设计模式是解决重复问题的 “通用模板”—— 它不直接提供可运行的代码，却能指导我们写出更易维护、可扩展的逻辑。尤其是在大型项目（如组件库开发、状态管理、工具函...

书接上回，上回我们聊了处理重复任务的自动化思维。 其中，我举了用工具自动化公司日报的例子。 今天，我就来详细说说，我到底是怎么做的，以及过程中遇到了哪些问题和挑战。...

开发中总绕远路？ES6 的 flatMap、Object.fromEntries、finally () 等特性，解决数组、对象、异步操作痛点，让代码更优雅，快收藏学起来！...

前言：JavaScript的清洁工 想象一下，你正在举办一个热闹的派对（你的网页应用），客人来来去去（数据创建和销毁）。如果没有清洁工及时清理空瓶子和垃圾，很快你的房间就会...

一、问题场景：企业后台登录页的“动效困局” 你负责维护一个大型 ERP 系统，登录页用了传统的 CSS 动画 + 手动 setTimeout 控制流程。结果呢？ 动画卡顿（...

刚睡完午觉无心工作，不妨一起留下来喝个小茶，看个小动画，再看是干活，兄弟姐们，乡里乡亲你们看看可以不。...

Vue 中的核心源码主要放在了 src/core 目录下，我们先来看下面这段代码 上面这段代码是我们平常创建一个 Vue 项目中 main.js 入口文件里的原始代码，这也...