勋章
粉丝
技术能力
- JavaScript
- Web App开发
- 前端开发
- Node js
- Electron
暂时未有相关云产品技术能力~
追求简洁而不简化
-
发表了文章 2025-06-09
🚀🚀 【MCP + AI】grafana-mcp-analyzer：基于 MCP 的轻量图表分析助手
`grafana-mcp-analyzer` 是一个开源项目，通过 MCP 协议连接 AI 助手与 Grafana，实现智能分析监控数据。只需简单配置，AI 可快速解读图表，提供性能瓶颈、优化建议等专业分析，极大提升运维效率。支持多种数据源（Prometheus、ES 等），适配 ChatGPT、Claude 等模型，部署轻量，操作便捷。从此告别深夜手动排查问题，让 AI 成为你的智能运维专家！项目地址：<https://github.com/SailingCoder/grafana-mcp-analyzer>
-
发表了文章 2024-02-28
RxJS中四种Subject的用法和区别
RxJS中四种Subject的用法和区别
-
发表了文章 2024-04-15
JS的执行原理，一文了解Event Loop事件循环、微任务、宏任务
了解JavaScript的事件循环和任务队列对于处理异步任务至关重要。事件循环由主线程和任务队列组成，当主线程执行完同步任务后，会检查任务队列，按顺序执行宏任务和微任务。宏任务包括`setTimeout`等，微任务如`Promise`的回调。在实际开发中，事件循环保证了代码的非阻塞执行，提高了用户体验。例如，`setTimeout`的回调会在当前宏任务结束后，所有微任务执行完才会执行。理解这一机制对于解决面试中的异步问题非常有帮助。
-
发表了文章 2023-12-26
RxJS中的调度器（Scheduler）机制
RxJS中的调度器（Scheduler）机制
-
发表了文章 2023-12-26
【金典面试题】Vue与React实现Tree
【金典面试题】Vue与React实现Tree
-
发表了文章 2023-12-25
Koa图片上传
koa2一般处理 post 请求使用的是 koa-bodyparser，图片上传使用的是 koa-multer。 这两个在一起没什么问题，但是 koa-multer 和 koa-route（不是 koa-router） 存在不兼容的问题。 故，建议在koa中全局引入
-
发表了文章 2023-12-08
async/await与Promise，你不知道的另一面！
处理异步操作Promise是的常用方式之一，然而，使用.then方法时，我们有时无法直接通过赋值方式或返回值获取所需的结果。下面我们就来看看，通过使用async/await语法，可以在.then方法中正确地返回我们需要的值。
-
发表了文章 2023-08-17
深入浅出 RxJS 核心原理（响应式编程篇）
在最近的项目中，我们面临了一个需求：监听异步数据的更新，并及时通知相关的组件模块进行相应的处理。传统的事件监听和回调函数方式可能无法满足我们的需求，因此决定采用响应式编程的方法来解决这个问题。在实现过程中发现 RxJS 这个响应式编程库，可以很高效、可维护地实现数据的监听和组件通知。
-
发表了文章 2023-08-14
解密异步操作终极利器：使用async/await获取Promise结果！
在开发中，我们经常需要处理异步操作，而Promise成为了处理异步的常用方式。然而，使用`.then`方法时，我们有时无法直接通过赋值方式或返回值获取所需的结果。本文将揭示一个解决方案，通过使用async/await语法，可以在`.then`方法中正确地返回我们需要的值
-
发表了文章 2023-08-10
作为开发人员，如何一秒洞悉文件结构？
不要怀疑，这是真的，实践可以用，没发现任何问题，欢迎来打脸～～。曾经在处理复杂的文件结构时感到束手无策吗？别担心，说一个真正的解决方案——JavaScript中的tree-node包。它能以一种惊人的方式展示文件和文件夹的层次结构，让你瞬间掌握复杂的项目布局。
-
发表了文章 2023-08-08
JavaScript内存管理与优化：避免内存泄漏的垃圾收集机制
JavaScript作为一种动态语言，在执行过程中使用内存来存储数据和变量。然而，疏忽或错误可能导致内存泄漏，进而造成物理内存溢出。为了解决这个问题，JavaScript具备了垃圾收集机制，通过管理和释放不再使用的内存来避免内存泄漏。本文将深入探讨JavaScript内存管理与优化的重要性，垃圾收集机制的工作原理，以及优化内存分配的实践方法。
-
发表了文章 2023-08-07
意外之惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！
经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：**页面加载速度提升了整整48.5%！** 这个令人震撼的结果在微前端架构项目中具有重要意义，同时虽然本文是针对微前端架构的，但这个浏览器缓存优化方案同样适用于其他前端项目。本文将深入探讨这个优化方案，并分享调试和改进的经验。
-
发表了文章 2023-08-03
BFC
准面试题，这里简洁阐述了，帮助快速复习、加深记忆
-
发表了文章 2023-07-26
多行展示以省略号(...)处理
多行展示以省略号(...)处理
-
发表了文章 2023-07-26
JS函数克里化
JS函数克里化
-
发表了文章 2023-07-26
require与vue相结合的AMD开发模式
最近开发了一个单页面应用，但不是基于vue-cli开发。 项目整体使用ES5开发，采用将require与vue相结合的AMD开发模式。
-
发表了文章 2023-07-26
react setState
react setState
-
发表了文章 2023-07-26
React旧版本与React16中生命周期的区别
React旧版本与React16中生命周期的区别
-
发表了文章 2023-07-26
js单线程、同步、异步
什么是单线程？同步、异步的产生？
-
发表了文章 2023-07-26
五分钟快速学习Nginx
五分钟快速学习Nginx
-
发表了文章 2023-07-26
webpack打包构建优化
webpack打包构建优化
-
发表了文章 2023-07-26
Nuxt处理全局组件的显示与隐藏
在Nuxt开发过程中，大家会遇到需要控制全局组件的显示与隐藏。比如说移动端的路由导航栏、头部的返回操作。。。 为了使切换页面的同时，确定是否展示全局组件，保证页面展示的平稳过渡。 下面是我在项目中用到一个办法，已实现。
-
发表了文章 2023-07-26
Nuxt中Rem适配
Nuxt中Rem适配
-
发表了文章 2023-07-26
Nuxt如何将服务测数据存储到Vuex中
Nuxt如何将服务测数据存储到Vuex中
-
发表了文章 2023-07-26
Promise、Generator、Async三者的区别
掌握这一篇就够了
-
发表了文章 2023-07-26
图片转base64、判断图片大小、图片压缩、图片上传
文章主要介绍 `js` 实现压缩上传图片转base64，其他的框架（如React、Vue、Angular）也可借此参考。**这个方法真实可用，已在实际项目中运行**。
-
发表了文章 2023-07-26
Vue3升级版本引发的 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
Vue3升级版本，引发的 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
-
发表了文章 2023-07-26
前端工具Vite的出现解决了什么？
在 ESM 出现之前，Javascript 是没有一个标准的模块方案。 比如说 `CJS` 是用于 Node 服务端的模块化方案，`AMD` 是用于浏览器的模块化方案。为了解决这个模块共用性问题，出现了 `UMD` 用于兼容这两种模块规范。 鉴于上面共用性问题，实际开发中配置的打包方式，采用的还是 UMD 模式。因为这样可以避免打包而产生的规范问题，并且在 ESM 不能使用的情况下也会选择 UMD。
-
发表了文章 2023-07-12
【常见面试题】JS 发布者、订阅者模式
面试中经常出现问到如何实现JS 发布者、订阅者模式。
-
发表了文章 2023-07-12
Node.js Express VS Koa
我自己实际调研过，做过分享技术选型
-
发表了文章 2023-07-12
人迹罕至的FileReader
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 这边文章主要分4 部分介绍FileReader。
-
发表了文章 2023-07-12
react-router与react-router-dom区别
React 是一个流行的JavaScript库，用于构建用户界面，而`React Router`是为 React 应用程序提供路由功能的常用解决方案之一。 React Router是一个用于构建路由的库，它提供了核心的API，例如`Router`、`Route`和`Switch`。它允许开发者将不同的组件与特定的URL路径相关联，并根据用户的导航选择加载相应的组件。React Router通过管理URL的变化，帮助我们在单页应用程序中实现导航和路由。 然而，React Router本身并没有提供直接操作DOM进行路由跳转的API。这就是`React Router DOM`的出现背景。
-
发表了文章 2023-07-12
简洁实用的JavaScript代码示例：开启全屏和退出全屏操作
在项目中出现了一个需求，需要实现将页面投屏到屏幕上，并能够进行开启全屏和退出全屏的操作。 尽管网上有许多第三方开源库可供使用，但由于后续业务场景的不确定性，修改源代码可能带来较大的成本和风险。鉴于全屏功能的实现并不复杂，因此我自己封装了一个解决方案。
-
发表了文章 2023-07-12
JS深度优先遍历和广度优先遍历
深度优先遍历：是指自上而下的遍历。 广度优先遍历：是指逐层遍历。 深度优先不需要记住所有的节点，所以占用空间小，而广度优先需要记录所有的节点，所以占用大。 深度优先有回溯操作(没有路走了需要回头)所以
-
发表了文章 2023-07-12
这可能是你见过最全的Node.js应用程序管理与部署：使用PM2进行进程管理
node是单线程应用，单线程最大的弊端就是无法利用多核CPU带来的优势来提升运行效率。 pm2（process manager）是一个进程管理工具，可以用它来管理node进程，负责所有的node进程，并查看node进程的状态，也支持性能监控，负载均衡等功能。
-
发表了文章 2023-07-12
解决使用-webkit-app-region后鼠标点击失败的问题
在开发中，如果我们想要实现窗口拖动的功能，可以通过给相应的元素设置 -webkit-app-region: drag 属性来实现。然而，这样做会引发一些问题，包括当前元素权级高于其他元素、无法触发鼠标相关事件以及双击全屏和还原窗口大小功能失效等。本文将介绍如何解决这些问题，实现既能拖动窗口又不影响窗口内部元素的需求。
-
发表了文章 2023-07-12
Electron标题栏位置异常偏移
electron窗口中明明设置了标题栏偏移，但是在部分mac电脑上出现未达到指定位置效果问题。
-
发表了文章 2023-07-12
Electron窗口白屏解决
Electron白屏问题主要出现在两方面： 1、electron未加载完毕html，electron自身产生的白色背景； 2、electron加载html，html处于加载渲染过程中产生的短暂白屏；
-
发表了文章 2023-07-12
从0到1构建跨平台Electron应用，这篇文章就够了
Electron是一个可以直接开发构建跨平台应用的库，简单、快捷。 《Electron从0到1构建跨平台应用》这篇文章，我摘录了我自己在真实项目中，从开发到生成安装包的要点。
-
发表了文章 2023-07-12
Electron使用webview加载部分https页面时，会因为证书出现白屏
Electron使用webview加载部分https页面时，会因为证书出现白屏
-
发表了文章 2023-07-12
Electron开发自定义通知 & 多并发下接收消息处理
Electron 专门提供了 Notification 可以用来实现`系统通知`，但是如果想实现自定义（如自定义UI样式等）通知，Notification 则不能实现。 下面摘录了我在`系统通知`和如何实现`自定义通知`的思路，另外也阐述了`多并发下接收消息`方案实现。
-
发表了文章 2023-07-12
Electron快速入手，拥有自己的第一个桌面应用
Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。 支持 Web 技术开发桌面应用，其本身是基于 C++ 开发的，GUI 核心来自于 Chrome，而 JavaScript 引擎使用 v8。 这使得我们使用前端技术就可以开发出属于自己的第一个桌面应用。
-
发表了文章 2023-07-12
CJS,AMD,UMD和ESM区别
说到 CJS, AMD, UMD 和 ESM 四者的区别，不得不提一下模块这个概念。 CJS CJS（CommonJs） 适用于后端 Node。 Node 与 Javascript 最开始是没有模块这
-
发表了文章 2023-07-12
意外之惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！
在互联网时代，页面加载速度对于用户体验至关重要。特别是在微前端架构下，更快的性能和加载速度是我们不懈追求的目标。正因如此，浏览器缓存优化方案成为了备受关注的话题。 经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：**页面加载速度提升了整整48.5%！** 这个令人震撼的结果在微前端架构项目中具有重要意义，同时虽然本文是针对微前端架构的，但这个浏览器缓存优化方案同样适用于其他前端项目。本文将深入探
-
发表了文章 2023-07-12
五分钟快速入门：JavaScript正则表达式
引言：是不是很苦恼，每次学习正则表达式都感觉头大如斗、晦涩难懂？别担心！本文将以简洁易懂的方式，带你轻松掌握 JavaScript 正则表达式。让你告别繁琐的字符串处理，从容应对各种文本操作挑战。
-
发表了文章 2023-07-12
npm、cnpm、yarn和pnpm，我们应该选择哪个包管理工具？
在前端开发中，包管理工具是必不可少的工具之一。目前，市面上有多种包管理工具可供选择，如 `npm`、`cnpm`、`yarn` 和 `pnpm` 等。这些工具都具有自己的优点和缺点，选择适合自己的工具可以提高开发效率和代码质量。 本文将对这些工具的特点、优缺点和使用方法进行详细介绍，从而选择最适合自己的包管理工具。
-
发表了文章 2023-07-12
nrm轻松管理NPM注册表的工具与.npmrc定制化项目的依赖管理
NPM 是前端开发中一个不可或缺的工具，用于管理和安装各种依赖包。但是，有时候我们需要从不同的 NPM 注册表中安装包，例如，从 `npmjs.org`、`淘宝镜像`或`私有注册表`中安装。这时候，一个方便的管理工具就显得非常重要了，而 nrm 就是这样一个工具。
-
发表了文章 2023-07-12
使用Electron生成安装包并打包为不同平台的应用格式
导言： 使用Electron开发桌面应用后，我们需要将其打包成适用于不同平台的安装包，例如 Mac 的`dmg`和 Windows 的`exe`。本文将介绍如何使用 Electron-forge 自动生成项目文件，并通过简单的步骤实现打包过程。
-
发表了文章 2023-07-12
解决Electron在Windows 7下出现电脑白屏的方法
Electron是一种跨平台的桌面应用程序开发框架，但在Windows 7操作系统中，有时候可能会遇到Electron应用程序出现白屏的问题。本文将介绍两种常见的情况，并提供相应的解决方法，帮助您解决Electron在Windows 7下出现电脑白屏的问题。
-
发表了文章 2023-07-12
electron setParentWindow绑定父窗口后，会出现center()不生效问题
在使用 Electron 的 `setParentWindow` 方法绑定父窗口后，有时会发现调用 center() 方法无效的情况。
-
发表了文章
2025-06-09
🚀🚀 【MCP + AI】grafana-mcp-analyzer：基于 MCP 的轻量图表分析助手
-
发表了文章
2024-05-15
RxJS中四种Subject的用法和区别
-
发表了文章
2024-05-15
JS的执行原理，一文了解Event Loop事件循环、微任务、宏任务
-
发表了文章
2024-05-15
RxJS中的调度器（Scheduler）机制
-
发表了文章
2024-05-15
【金典面试题】Vue与React实现Tree
-
发表了文章
2024-05-15
Koa图片上传
-
发表了文章
2024-05-15
async/await与Promise，你不知道的另一面！
-
发表了文章
2023-08-17
深入浅出 RxJS 核心原理（响应式编程篇）
-
发表了文章
2023-08-14
解密异步操作终极利器：使用async/await获取Promise结果！
-
发表了文章
2023-08-10
作为开发人员，如何一秒洞悉文件结构？
-
发表了文章
2023-08-09
解密二叉树：探索概念、类型与常见算法的奥秘（顺带说一下React中的reconcile）
-
发表了文章
2023-08-08
JavaScript内存管理与优化：避免内存泄漏的垃圾收集机制
-
发表了文章
2023-08-07
意外之惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！
-
发表了文章
2023-08-03
BFC
-
发表了文章
2023-07-26
多行展示以省略号(...)处理
-
发表了文章
2023-07-26
JS函数克里化
-
发表了文章
2023-07-26
require与vue相结合的AMD开发模式
-
发表了文章
2023-07-26
react setState
-
发表了文章
2023-07-26
React旧版本与React16中生命周期的区别
-
发表了文章
2023-07-26
js单线程、同步、异步
