- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 npm 包发布流程
本文详细介绍了npm包的发布流程，包括前置准备（账号注册、环境配置）、项目初始化与关键配置（package.json字段说明、README等文件要求）、本地测试方法（npm link）、正式发布步骤（公开包/作用域包/测试版本发布）、版本更新维护（SemVer规范）以及常见问题处理。文章还提供了进阶优化建议，如使用np工具简化流程、配置自动化发布等，并强调了发布前的本地测试和版本管理的重要性，帮助开发者规范高效地发布npm包。
2025-12-18 16:47:59
625
原创 Flex 布局避坑：为什么 flex:1 失效时，加个 min-height:0 就好了？
当Flex子元素设置了flex:1但无法正常伸缩时，通常是由于浏览器默认的min-height:auto或min-width:auto限制了最小尺寸。这会导致元素无法收缩到小于内容固有尺寸。通过设置min-height:0或min-width:0可以解除这种限制，使flex:1的伸缩特性生效，特别适用于子元素包含固定尺寸内容、需要内部滚动或多层Flex嵌套的情况。
2025-11-03 17:42:45
605
原创 Vue3 实现无缝滚动组件：多方向、交错布局、图片墙
摘要 Vue3无缝无限滚动组件是一个支持多方向、交错布局和图片墙展示的解决方案。其核心实现基于双组内容拼接与CSS动画循环技术，通过两组相同内容交替滚动实现无缝效果。组件提供水平/垂直（正向/反向）四种滚动方向，支持自定义尺寸与间距，并具备悬停暂停功能。关键特性包括：1) 数据分组逻辑确保多行显示时内容分布均匀；2) 动态CSS变量控制样式响应配置变化；3) 交错布局增强视觉层次感；4) 动画时长计算保持滚动速度一致。
2025-08-19 14:53:51
1612
原创 解决 VS Code 右键菜单丢失问题
摘要： 本文详细介绍了如何通过注册表添加VS Code到Windows右键菜单的方法。首先需确认VS Code安装路径（系统级或用户级），然后创建注册表脚本文件，特别注意要将文件保存为ANSI编码以避免中文乱码。脚本内容包含为文件、文件夹和空白处添加"用VS Code打开"选项的完整注册表键值，需修改路径为实际安装位置。导入注册表后重启资源管理器即可生效。还提供了移除该右键菜单的方法，通过创建反向操作的注册表文件实现。该方法同样适用于其他软件添加右键菜单的操作。
2025-08-11 11:27:16
505
原创 解决 WebAssembly 错误：Incorrect response MIME type (Expected ‘application/wasm‘)
最近在使用 [Open WebUI](https://docs.openwebui.com/) 开发项目时，遇到一个涉及 [Pyodide](https://pyodide.org/en/stable/) 插件的 WebAssembly 加载问题：在 **开发环境** 中，Pyodide 插件运行正常，但 **打包部署到生产服务器** 后却出现以下错误：
2025-06-04 11:03:24
2182
原创 “FATAL ERROR: Reached heap limit Allocation failed” NodeJS 错误解决方案
这个错误是 Node.js 在处理应用的构建时，因内存不足而崩溃，特别是在进行复杂的构建任务时，Node.js 的默认内存限制可能不足以支撑大型项目的运行。
2025-05-06 19:48:38
1606
原创 Node.JS 版本管理工具 Fnm 安装及配置（Windows）
Fnm 可以快速管理和切换不同版本的 Node.js，本文将介绍如何在 Windows 上安装和配置 Fnm。
2024-09-30 17:17:31
25248
10
原创 LESS mixin 生成类名 控制间距
在 web 开发中，我们经常需要使用 `padding` 和 `margin` 样式来控制元素之间的间距和布局。如果手动为每个元素分别设置这些样式，会非常繁琐和冗余。为了更好地管理和维护样式，我们可以使用 LESS 的 mixin 功能生成可复用的类名，并轻松地应用它们到 HTML 元素上。
2024-01-12 20:54:49
839
原创 [U in keyof T]?: T[U] extends {} ? PowerPartial＜T[U]＞ : T[U]；
[U in keyof T]?: T[U] extends {} ? PowerPartial : T[U];这段代码是 TypeScript 中的索引签名和条件类型的组合使用。它表示一个泛型对象类型 T，其中每个属性 U 可选，并且根据属性值的类型进行递归的部分可选化。
2023-12-21 10:56:35
204
原创 Vue3 + ESLint + Prettier
Vue3 + ESLint + Prettier，setting.json配置，文件嵌套显示
2022-11-23 23:31:21
5192
1
原创 解决 vue-router 升级导致的 Uncaught (in promise) NavigationDuplicated
编程式导航连续点击进行路由跳转的时候，就会在控制台抛出 Uncaught (in promise) NavigationDuplicated 错误信息，这是因为 vue-router 版本升级到了 v3.1.0 之后，push 和 replace 方法会返回一个 promise，如果没有对错误进行捕获，那么控制台就会输出未捕获异常。...
2022-06-24 19:33:05
2421
1
原创 控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target......
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target being treated as passive. 解决方案。
2022-06-24 19:29:01
2689
原创 Node.js 学习笔记
Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式 I/O 模型，让 JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。...
2022-06-07 10:15:08
731
原创 MySQL 8.0.29 详细安装(windows zip版)
本文主要讲解 mysql 8.0.29 windows zip 包方式安装及配置，以及如何设置密码和在忘记密码后修改密码。
2022-06-04 18:46:50
4277
3
原创 Ajax 学习笔记
1 Ajax 概述1.1 什么是 AjaxAJAX 全称：Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。通俗理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是 Ajax。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。1.2 jQuery 中的 Ajax浏览器中提供的 XMLHttpRequest 用法比较复杂，
2022-04-30 17:44:12
1081
原创 URL 的编码和解码
URL 的编码和解码1 什么是 URL？URL（Uniform Resource Locator）：统一资源定位符，它是用来表示互联网上的某个资源地址，互联网上的每个文件都有一个唯一的 URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。URL 一般由三部组成：协议（或称为服务方式）。存有该资源的主机 IP 地址（有时也包括端口号）。主机资源的具体地址。如目录和文件名等。// 语法格式// protocol://hostname[:port]/path[?query][#frag
2022-04-19 17:57:35
14573
原创 VSCode 必备插件推荐
VSCode 必备插件推荐1 界面美化1.1 Chinese (Simplified) | 简体中文1.2 vscode-icons | 美化图标1.3 Bracket Pair Colorizer | 彩色括号1.4 indent-rainbow | 给缩进加颜色1.5 Better Comments | 彩色注释1.6 Trailing Spaces | 语句结尾空格高亮显示1.7 Material Theme | 主题1.8 Power Mode | 打字特效
2022-04-15 18:42:54
6192
原创 用 css 实现水平垂直居中
用 css 实现水平垂直居中的8种方式效果图本文将会用多种方式实现上图效果，接下来一一列举。基本布局/* 样式 */.parent { width: 200px; height: 200px; border: 1px solid black;}.parent .son { width: 100px; height: 100px; background-color: aqua;}/* 布局 */<div class="parent"&
2022-04-15 18:35:28
899
原创 jQuery 学习笔记（超详细）
1 jQuery 概述1.1 JavaScript 库库，是用于开发软件的子程序集合。库和可执行文件的区别是，库不是独立程序，他们是向其他程序提供服务的代码库链接。JavaScript 库：即 library，是一个封装好的特定的集合（方法和函数）。就是把各种常用的代码片段，组织起来放在一个 js 文件里，组成一个包，这个包就是 JavaScript 库。简单理解：就是一个 JS文件，里面对我们原生 js 代码进行了封装，存放到里面。这样我们就可以快速高效的使用这些封装好的功能了。比如 jQuer
2022-04-15 18:10:42
6958
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人