adiynil-优快云博客

原创 WebStorm 保存格式化冲突与多次热更新问题排查（Vue3 + TypeScript + Prettier）

保存跳动 N 次」的本质：每次写盘都会触发 Vite 热更新，写盘次数 = 工具链中有实际内容变更的次数。收敛工具口径后，修复链只剩「原始内容 + 修复结果」两次固有写盘；格式化只能有一个裁判。多个工具都持有格式话语权时，必然振荡；调和方式只有两种——能对齐的用配置对齐，不能对齐的关掉；IDE 集成 ≠ CLI。同一工具，CLI、stdin、API、IDE 拦截四种路径行为可能不同，排查时要逐一复现；日志为零 ≠ 没执行。

2026-09-16 10:00:55 225

原创前端展开/收起面板 6 种实现方案对比（含降级策略）

展开/收起面板谁都写过，但真要「动画顺滑 + 兼容性好 + 代码少」，里面门道不少。。下面把能用的方案按推荐度排个序。

2026-09-16 10:00:08 64

原创前端实战：同时实现渐变背景 + 圆角渐变边框的 5 种写法

这俩一叠加，「border 怎么渐变」就成了个坑。我把能用的方案都试了一遍，记下来给你省时间。

2026-09-10 09:43:50 123

原创 Git 团队协作工作流：分支策略/提交规范/冲突解决

Git 命令上百个，日常真的用的就那一小撮。这套流程我在团队里跑了三年多，从单干到几个人一起合代码，每天重复这套。写下来给刚接触、或者还在"每次都要查一下"的人参考。

2026-09-10 09:43:03 175

原创 2026 前端性能优化实战（Vue3 + Ant Design 后台系统真实案例）

性能优化不是玄学，是能一条条打勾的活。这篇讲的是我在一个 Vue3 + Ant Design 后台系统里真动过手的东西，代码都是从项目里抠的，不是网上抄的模板。

2026-09-09 17:03:23 159

原创深入理解 JavaScript 事件循环（含面试经典题）

JavaScript 是的：同一时刻只能做一件事。但我们写setTimeout、发请求、监听事件，明明都是异步的，页面却不会卡死——秘密就是。

2026-09-09 17:02:36 172

原创前端布局利器 CSS Grid 详解（附响应式卡片网格）

grid {/* 三列，每列 100px *//* 两行，每行 80px */gap: 16px;/* 行列间距 */定义列，定义行，上面会出现 3×2 = 6 个格子。子元素默认按源顺序从左到右、从上到下自动填满。

2026-08-19 15:20:12 171

原创前端必会：CSS Flex 布局完整指南

css 里 flex、grid 各种布局都得会。flex 是最常用也最强大的布局方式之一，这篇不配一张图，用最直白的话把 flex 讲明白。

2026-08-19 15:19:06 194

原创使element-plus1.x版本的dialog支持拖拽移动

记录一下如何让element-plus1.x版本的dialog支持拖拽移动（element-plus2.0.0版本开始已经支持draggable属性），添加class为no-drag可手动禁止拖动，否则默认全部dialog都支持窗口内拖拽移动。

2023-04-11 11:09:46 678

原创微信小程序页面传值的几种方式

setStorage/getStorage（setStorageSync/getStorageSync）存储到缓存，在页面的onShow阶段绑定wx.navigateTo({url: ‘…/page/you/go?key=value’})在onLoad中获取option参数（tabBar页面不支持）模板传参/组件传参// 模板<template name="comment"> <view>{{msg}} - {{time}}<view></temp.

2022-03-16 15:26:41 1629

原创 js获取在线视频的第一帧画面的直链作为视频封面

最近碰到一个需求，要求获取在线视频文件的第一帧画面作为视频的封面图片，项目中使用的是 xgplayer 播放器，封面 poster 要求传封面的 url。思路：用 canvas 绘出画面 - 转成 base64 - base64 转成 File - 获取 File 的本地预览地址获取 base64 格式的封面这里 video 元素需添加 autoplay 属性，否则在一些浏览器上获取到的画面是黑的。还有就是先把 video 元素添加到 body 标签再移除，有时候会碰到视频在后台播放，用户根本没有可

2022-03-16 15:23:25 6444

原创用最通俗易懂的语言教你CSS flex布局

css中，flex、grid 各种布局都是我们必须掌握的，作为常用功能又强大的flex布局你还没学会吗，全文没有一张图，用最通俗易懂的语言教你怎么用css中的flex布局。

2021-03-27 19:24:11 301

原创 Express框架中的错误处理

Whichever method you use, if you want Express error handlers to be called in and the application to survive, you must ensure that Express receives the error.Express官方文档中提到，要确保你的Express程序在遇到错误的时候不会宕机，就得确保Express能接收到程序抛出的错误。uncaughtException导致的node宕机如上.

2021-02-27 15:31:03 2229

adiynil