- 博客(192)
- 资源 (29)
- 收藏
- 关注
RSS订阅原创 Windows11 VS code 安装 Cline 调用 Github MCP 配置过程坑点汇总
为了调研 MCP 在 windows 上如何使用本地的命令执行一些操作而实现自动化的过程，在 B 站视频的指导下，进行相应填坑过程，最终运行起来，并实现 github 自动化编程并提交代码的过程。
2025-05-05 18:42:36
746
原创 大前端开发——前端知识渐变分层讲解 & 利用金字塔原理简化前端知识体系
看似非常复杂的大前端开发，最终无非就是在解决两个问题：解决不同层级下的通信问题同页面下的通信，例如 vue 的父子通信，或者 vuex不同页面下的通信，例如谷歌插件不同页面的 chrome.runtime.sendMessage不同进程下的通信，例如 electron 的 ipcRenderer.invoke不同服务下的通信，例如 electron 的 main.js 和本地 http.exe解决数据的存储问题同页面下的数据存储，例如 vuex 和 localStorage。
2025-04-29 21:53:30
1034
原创 Python 环境管理工具使用差别比对文档
Python 环境管理工具是现代 Python 开发中不可或缺的组成部分，用于隔离项目依赖、确保环境可重现性和管理不同 Python 版本。随着 Python 生态的扩展，环境管理工具的功能和设计理念差异显著。本报告调研了主流 Python 环境管理工具，包括 uv、conda、venv、virtualenv、Poetry、Pipenv 和 pdm，并重点分析 conda 在环境管理中的独特性和与其他工具的差异。报告基于功能、性能、存储效率、隔离机制和适用场景进行对比，旨在为开发者选择合适的工具提供参考。
2025-04-29 12:29:55
1041
原创 Papermark（多人共享文档开源代码） 和 TinyBird （类似阿里云日志）部署踩坑实录
因为对 papermark （文档共享开源代码），这个代码所用的第三方库较多，构建起来也比较复杂，部署期间发现 tinybird 这个服务，类似于阿里云日志，这里讲讲它的特点和注意事项。
2025-04-25 11:19:29
927
原创 Electron 中引入MessageChannel 大大缩短不同渲染进程和 Webview 各组件 1o1的通信链路
Webview 和 Renderer 是同级的，两者只有一个关联关系，也即 Webview 在那个 Renderer 中展现的，Webview 所有运行方式以及通信方式，均与 Renderer 没有任何差别，Webview 可以直接与主进程通信，这个概念特别重要，否则就会绕一大圈，Electron 官网给了一个 sendToHost API，误解性很大，让我们误以为只有 sendToHost 才能与 Webview 依附的渲染通信，然后再中转给其他渲染进程或者 webview 等，实际上完全不需要。
2025-04-17 17:09:05
774
原创 纯用Grok 实现一个多 iframe 互聊对话框 利用父子框架通信和MessageChannel 实现 n 个 iframe 的动态创建——通用编码习惯
在多iframe通信过程中，如果iframe层层嵌套的情况下，就如vue的组件一样，出现了父传子的回传地狱问题，Vue引入了Vuex来进行处理，而Vue只是单页面应用，所有的组件共享同一个环境,Vuex实现就有了基础，但是对于不在同一个环境下框架来说，又怎么能实现多iframe的互联互通，就成了一个比较复杂的问题，因此HTML5那群人也是这么想的，又回到了那句话，一切的开发问题，都源自于个人知识的不足，若你从未见过MessageChannel，又如何想起来去用，只会吭哧吭哧地自己在那传来传去。
2025-04-17 11:50:24
793
原创 Java NIO & Java 虚拟线程（微线程）与 Go 协程的运行原理不同 为何Go 能在低配机器上承接10万 Websocket 协议连接
Java NIO（New Input/Output） 是Java 1.4（2002年）引入的一种非阻塞、面向缓冲区的输入输出框架，旨在提升Java在高性能和高并发场景下的I/O处理能力。它相比传统的 Java IO（java.io包）更加高效，尤其在网络编程中，例如需要处理大量连接的服务器（如WebSocket、HTTP或TCP服务器）。Java NIO的核心组件Channel（通道）：类似传统IO中的流，但支持非阻塞操作，例如SocketChannel和ServerSocketChannel。
2025-04-17 10:43:54
764
原创 window.postMessage使用第三参数transfer解决大数据传输中的内存溢出问题
普通 web 开发时，不会遇到大数据传输问题，因为不牵涉到大文件在多页面之间的通信，但是在开发 electron 产品时，我们会增强 web 页面的能力，同时多页面之间或者多进程之间我们需要数据传递，在早期开发中，我们就遇到这样的坑，用 window.postMessage 来传输大文件，导致内存不断上涨，最终导致内存溢出。既然如此，postMessage 应该如何使用，才是最佳实践呢？因此，我们需要先对window.postMessage做深入的学习和了解
2025-04-16 17:07:26
952
原创 Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
2025-04-09 17:42:49
294
原创 免费Deepseek-v3接口实现Browser-Use Web UI：浏览器自动化本地模拟抓取数据实录
browser use webui 快捷本地部署，采用pycharm + conda 创建python环境，避开python环境设置问题，通过设置pycharm创建运行环境，保证联网正常
2025-04-07 17:27:10
2161
1
原创 利用本地 Express Web 服务解决复杂的 Electron 通信链路的问题
我们在开发 Electron 时发现了 Electron 进程间通信（IPC）的弊端，弊端的主要来源是 webview 到 Main 的通信链路过长，需要从 page 发到 proload.js 文件，再从 preload 发到 render，再从 render 发送到 Main，这个过程中，需要反复定义类同命名的事件进行中转，大大降低了开发效率，还无意中增加了 render 进程的内存耗费。
2025-04-07 12:58:54
651
原创 利用 Chrome devTools Source Override 实现JS逆向破解案例
之前讲解 Chrome 一大强势技术 override 时，给的案例貌似没有给大家留下多深的印象其实这个超厉害的，任何一项小技术在 buffer 叠加的基础下才能发挥威力，若单单看到这一项技术，就局限了。
2025-04-01 23:26:32
1533
原创 linux如何与windows进行共享文件夹开发，不用来回用git进行拉来拉去，这个对于swoole开发者来说特别重要
linux那边安装samba，此处不再赘述，百度一堆教程，设置一个最简单的共享文件夹，一般是放nginx运行代码的地方，我的是web，将web设置用户为samba（你创建的，直接用root不行），权限设置为777，要加-R，迭代设置。你可以用phpstorm打开这个盘中的文件夹，phpstorm操作文件代码时会自动同步到linux那边的服务器，非常爽。（补充）：samba配置。
2025-04-01 14:27:11
306
原创 WSL 2 轻量级安装 Centos7 实现无缝衔接，hyperf 开发再也不用 window 映射共享文件夹了
在很久很久以前，如果想要开发 php 的 hyperf 框架，你需要先装个 virtualbox，然后再安装一个 centos，再在 centos 里面配置 ssh，然后 virtualbox 再来个桥接网络，最后再在 centos 安装一个 smb 共享文件夹服务，之后再在 windows 这边配置文件夹映射到 centos 中的 smb.service 服务共享的文件夹，实现代码同步，一阵操作猛如虎，把新人搞得头晕眼花，只要在这个环节中，卡住任何一点，新人就放弃了。启用 CEntOS7 系统。
2025-04-01 13:25:37
477
原创 【避坑指南】RAGFlow + Ollama + Deepseek 构建本地知识库
大模型在处理数据前会有一个前置数据分析，这个前置分析就像 JS 中的生命周期函数一样，可以以配置的方式，让大模型在前置分析时调用，前置分析本身算是一个 tokens 拆解匹配模型，叫 embedding（嵌入）顾名思义就是前置嵌入的意思。在这个前置模型中，如果能事先训练一些 token 出来，那么嵌入模型递交给大模型时就带着这些 token 过去了，这个过程就叫本地知识库微调。为何叫微调呢？因为前置嵌入模型可以容纳的上下文长度有限，所以就意味着 token 有限，所以能塞在前置分析的知识库也就有限，
2025-03-31 22:42:32
1289
1
原创 conda安装python 遇到 pip is configured with locations that require TLS/SSL问题本质解决方案
以前写了一篇文章，不过不是专门为了解决这个问题的，但是不能访问pip install 不能安装来自https 协议的包问题几乎每次都出现，之前解决方案只是治标不治本根本原因在于，你用conda安装不同版本的python时，如果没指定配套的openssl版本，那么python就会默认使用你系统安装的openssl版本因为你安装conda的时候，conda默认使用python12版本作为默认引擎，而python12使用的openssl版本较高，导致你创建一个python3.8版本时，就会报错。
2025-03-28 23:55:21
481
原创 【面试题】Promise在异步操作中到底扮演什么角色？若将其理解为状态管理器，有哪些更丰富的应用场景？
很多同学都不理解Promise的，Promise一度都是前端同学的摆设，基本都是封装一下Ajax请求就完了，其他的也就没用过了，这个面试题是一个启发式面试题，启发前端同学对知识有一种思考，真正理解知识，在理解的基础上，真正用起来。如果你仅仅知道这玩意解决了回调地狱的问题，那就优点太小瞧了Promise重要性，其实它比你想象的更重要，更强大，更不可或缺。
2025-03-27 19:23:35
699
原创 【面试题】利用Promise实现Websocket阻塞式await wsRequest() 请求
目标：实现一个类似 HTTP 请求的阻塞式调用接口（如 await wsRequest(...)），让开发者无需手动处理 WebSocket 的事件回调，而是通过 Promise 和 async/await 获得同步体验。onmessage：解析收到的消息，提取 requestId 和 data，通过 requestMap 找到对应的 Promise 并完成它。用 Promise 封装请求，监听 onmessage 时根据 requestId 完成对应的 Promise。
2025-03-27 17:53:54
915
原创 【面试题】在 CSS 中，实现一个 div 中的子 div 水平垂直居中
兼容性较 Flexbox 更差（IE11 需要前缀）。特点：类似 Flexbox，但更强大，适合复杂布局。7. 使用 line-height（单行文本居中）需要额外调整子元素为 inline-block。特点：手动计算偏移量，适合固定尺寸场景。只适用于单行内容，多行或复杂内容不适用。特点：简单、直观，现代浏览器支持良好。兼容性稍差（IE9 及以下不支持）。兼容性好（支持老浏览器）。特点：利用表格特性，较老式方法。兼容性极佳（支持老旧浏览器）。特点：适合单行文本或简单内容。简单，适合文本居中。
2025-03-27 17:45:35
529
原创 Git Bash 设置Notepad++作为默认编辑器
最简单的方式就是重新安装git，然后在选择编辑器的时候，勾选notepad++即可。网上搜的时候发现别人搞得有点复杂。
2025-03-26 17:33:22
491
原创 V8引擎源码编译踩坑实录
d8.exe 是 V8 引擎编译生成的一个可执行文件，作为调试壳（debug shell）存在，其作用总结如下：运行 JavaScript：提供一个独立的 JavaScript 执行环境，可直接运行代码或脚本文件。调试工具：用于分析 V8 的字节码、优化过程、内存布局等，帮助开发者调试和研究。研究 V8：适合探索 V8 的编译、执行和垃圾回收机制。轻量实验：无标准库和 DOM，专注于 V8 核心功能，适合教育和底层实验。
2025-03-24 22:40:33
1002
原创 【含代码】逆向获取 webpack chunk 下的__webpack_require__ 函数，获悉所有的模块以及模块下的函数
Webpack 打包后的代码是不会直接暴露 __webpack_require__ 函数，目的是为了避免污染全局变量同时也为了保护 webpack 的打包后的模块都隐藏在闭包函数里，达到数据的安全性。而有时我们为了测试某个函数，想直接获取这个内置函数，同时保证这个内置函数能使用其所带的上下文，若单独构建这个函数，创建上下文，难度非常之大，因为这个函数的上下文都在闭包函数里。而__webpack_require__.m 则可以提取所有的模块，所以拿到 __webpack_require__ 是关键。
2025-01-21 18:36:11
1586
原创 Webpack 5 混淆插件terser-webpack-plugin生命周期作用时机和使用注意事项
Terser（简要的/简短的） 混淆依据混淆是发生在代码已经 bundle 之后的事情变量或者函数在被引用或赋值时才能被混淆孤立的函数或者变量可能会被移除，但不会被混淆，要通过显式地引用
2025-01-14 19:10:37
927
原创 Electron-Vue 开发下 dev/prod/webpack server各种路径设置汇总
在实际开发中，我发现团队对于这几个路径的设置上是纯靠猜的，通过一点点地尝试来找到可行的路径，这是不应该的，我们应该很清晰地了解这几个概念，以下通过截图和代码进行细节讲解。
2024-12-19 20:25:29
1148
原创 【附源码】Electron Windows桌面壁纸开发中的 CommonJS 和 ES Module 引入问题以及 Webpack 如何处理这种兼容
在尝试让 ChatGPT 自动开发一个桌面壁纸更改的功能时，发现引入了一个 wallpaper 库，这个库的入口文件是 index.js，但是 package.json 文件下的 type:"module"，这样造成了无论你使用 import from 还是 require，都会报 ES Module 引入错误，针对于这个问题，让 GPT 给了很多方案，但是都没有解决实质问题，最终，经过多次测试，发现必须借助打包工具 webpack 才能搞定这个事情。
2024-12-18 17:41:54
1353
1
原创 Electron-Vue 主进程远程调试 & Webpack/Webstorm 打包配置细节记录
很多人应该都不会electron主进程调试，electron-vue 框架给了一种node调试的一种方法，这里记录下来，对很多人应该都有用，另外，对于webstorm对electron的支持，这里也记录一下，方便大家提高开发效率
2024-12-17 01:00:25
1023
原创 Webpack 5 @babel/preset-env 与 @babel/polyfill && core-js:3 regenerator-runtime 之间的关系
最早有 Babel polyfill 的概念是接触 ES6 语法时，大概是 2016 年，被 polyfill 坑的时候是 2021 年开发谷歌插件时，经过 webpack 打包的代码中，我竟然看到有东西在重写 Promise，导致了原生的 Promise 不可用，后来我就开始对 Polyfill 进行了解，本文主要还是想彻底搞明白 Babel 怎么针对不同版本下的 ES 高级语法的支持和转化问题，怎么让自己的代码尽可能地少被 Babel 转化，从而利用浏览器原生 API 来提高代码运行速度，以及缩短打包时
2024-12-13 17:40:31
1066
原创 Electron-Vue 框架的构成拆解 & 动态 Webpcak 5 打包
在学习 Chromium 源码时发现，Electron 就相当于在 Chromium 源码的基础之上，又追加了 Node.js 的运行环境，并且使得 Node.js 和 Chromium 网页环境可以互相通信，互相取用各自的 API，形成了一个新的浏览器应用，也即 Electron 是 Chromium 浏览器的一个超集，而且 Electron 和 Chrome 内核的对应关系可能更为复杂，并不是很轻易就替换新的 Chromium 内核打造出来新的 Electron 衍生版本的。那是肯定可以执行的。
2024-12-12 16:44:46
1340
原创 WADesk 升级 Webpack5 一些技术细节认识5和4的区别在哪里
因为注入脚本是一整套塞进去的，字体，css，html 都应该打包在一个 js 里面，以 base64 方式注入，其中 dataUrlCondition 这个配置非常棒，只要将 maxSize 设置得足够大，就可以将字体文件也打包到 js 文件里面去，这样就特别方便 DOM 的注入和挂载。因为我们设定了 babel 的兼容 ES12，所以下面这些转化基本都用不到，因为 Chrome 能支持，所以也不需要这些插件，你可以直接用最新的语法，如?批量移除它们，proposal 这些都已经被作为正式版包使用了。
2024-12-11 23:08:53
902
原创 【2024-12】VS2022 编译 Chromium浏览器源码坑点汇总
探索浏览器参数开发时，发现第一步 Chromium 源码编译这块就坑点很多，这里统一记录下，以便未来碰到类似的 Visual Studio 编译时，会遇到同样的问题。遇到问题的关键点，主要还是对于 VS IDE 的不熟练，以及对 C++相关知识的欠缺导致。基于 B 站 Up 主的这个 Chromium 源码编译视频合集进行整理。
2024-12-06 15:17:08
1124
原创 【附源码】Electron-Vue 老版脚手架升级Webpack到5 Babel7 Vue2 填坑过程 & Webpack 批量载入配置实现自动化规范化打包过程
结尾遗留的 Webpack 升级到 5 的问题继续开展，在独立构建 Webpack5+Vue2 脚手架成功的前提下，理论上 Electron-Vue 升级到 Webpack5 不应该有任何问题，本文重新整理思路，以肯定可以升级成功的结论前提下，继续探索问题所在，同时打算在解决问题后，重新整理 Webpack 批量构建过程。
2024-12-03 00:14:44
656
原创 Webpack5+Babel7+Vue2 初始脚手架构建Demo（附Webpack起源解说）
很多前端同学总是模糊地知道这就是个打包的工具，再深了就不知道它到底怎么打包的，这里简要说下它是怎么打包的。要从 js 模块化说起，什么叫模块化？模块化的意思就是我们如果要想让代码具有可维护性，而不是将全部代码都塞在一个文件里一次性读入内存，那么我们就必须搞一种动态/静态引入的机制，静态引入顾名思义，就是将代码分门别类放在不同的文件夹下下面，在最后打包的时候，通过运行打包脚本，将原来不同文件目录的代码都追加在一个文件里面，这种叫静态引入。
2024-12-02 22:18:56
1060
原创 Electron-vue 框架升级 Babel7 并支持electron-preload webapck 4 打包过程记录
这种新式 ES 语法不支持打包，如若支持的话，又发现新版的 babel 插件又依赖于 babel7，导致出现 babel 版本冲突，最后的解决方案，则是全面升级 babel 至 babel7，并且适配好 webpack4（目前 electron-vue 框架正在用的），现将整个升级过程记录，同时也完善下.babelrc 配置文件在代码中如何生效的。这些东西虽然不需要记忆，但是的确在以后的打包过程中动态地处理一些东西时非常有用，包括引用路径，引用的资源，甚至定义的不同变量都是能用到的。
2024-12-02 12:38:59
1204
原创 git flow 相关知识 & git rebase 与 merge 合并差异比较
Rebase 冲突：发生在每个提交应用到目标分支的过程中，冲突粒度较小但可能多次出现。Merge 冲突：发生在两个分支合并的整体过程中，冲突粒度较大但只出现一次。两者的冲突处理并没有本质的优劣，关键是根据场景选择合适的合并策略：选择 Rebase：当需要整理历史、保持线性记录时。选择 Merge：当需要保留分支结构、避免篡改历史时。
2024-11-25 12:24:02
1146
原创 axios proxy 和 httpsAgent 的使用差异案例详解
因为 wadesk 开发了本地 http 服务，http 本地服务是运行在 electron-main 的纯 node 环境中的，这个之前探讨了 node 下怎么使用 fetch 时就提到了一个 https-proxy-agent 库，这次使用 axios，发现 axios 自带 proxy 配置项，就没有多想，造成了 4 个小时的时间浪费，此次排查应该作为一个反思例子对待。
2024-09-26 12:37:07
1276
原创 webpack 的打包target讲解 & node环境打包下的文件存储造成不易察觉的坑点
背景electron 主渲进程的打包，以及 preload 的打包，还有注入脚本的打包，这些东西 webpack 本身是自带的，这里主要讲一下 target: node 模式
2024-09-25 22:51:58
461
原创 webpack4 target:“electron-renderer“ 打包加速配置
electron-vue npm run build 打包超级慢的原因不是最终electron-builder环节的问题，而是webpack打包渲染进程的问题，今天经过与ChatGPT一起优化，终于把速度降了大概5倍左右，直接让文件打包速度快了很多。
2024-09-20 16:05:10
1126
原创 Electron-vue asar 局部打包优化处理方案——绕开每次npm run build 超级慢的打包问题
因为组员对于 Electron 打包过程存在比较迷糊的状态，且自己也没主动探索 Electron-vue 打包细节，导致每次打包过程都消耗 5-6 分钟的时间，在需要测试生产打包时，极其浪费时间，为此针对 Electron-vue 打包的几个环节进行拆解，来减少打包时间，提高开发效率。
2024-09-19 16:59:26
1716
原创 Electron 安装包 asar 解压定位问题实战
在开发 Electron 过程中，我们想知道 Electron 打包的最终形态是什么样的，以便我们能更好的理解 Electron 打包的过程，以及逆向来快速追踪一些问题，例如下面这个报错，以前这类报错都是靠猜，现在则可以快速定位，找到源码问题发生点
2024-09-19 16:58:01
1019
原创 Electron 集成谷歌扩展实现原理，相关知识点汇集，line插件集成demo，gitee代码，坑点解析
目前谷歌扩展有 50W 之多，覆盖面比较广，而 Electron 又是基于谷歌浏览器内核开发的，如果将两者结合，那么就能大大节省很多开发时间，开发出来的客户端功能却更加丰富，不过 Electron 并没有完美支持谷歌扩展，尤其是谷歌扩展 MV3 版本中提供的大量的 API，Electron 本身都是不支持的，这就给开发者一种误导，Electron 不支持 MV3 的扩展。
2024-08-19 21:37:14
855
1
phpstorm远程调试基于swoole的hyperf框架.docx
2020-07-31
centos7 rpm快速安装rabbitmq3.8.5 php安装amqp扩展 添加延迟队列扩展 避开坑
2020-07-27
centos7 rpm快速安装rabbitmq3.6.5 php安装amqp扩展 避开坑 一步到位安装流程
2020-07-25
win10 协同centos7 共享文件夹方式 实现phpstorm下的swoole的远程debug调试
2020-07-25
windows10环境下php使用selenium+chromedriver来模拟浏览器抓取（坑已填完）
2020-04-15
阿里云点播URL鉴权处理流程
2019-11-06
阿里云OSS ali-oss 6.0 npm代码包带案例修复版本 编译打包js，可以直接引入使用
2019-11-02
win10装PHP7.2的Imagick扩展.zip
2019-08-22
phpstorm 远程调试，远程网页调试，使用远程php命令进行本地debug调试
2019-03-27
PHP 分片下载大文件/视频兼容图片下载大文件迁移设计方案
2019-03-21
阿里云OSS临时授权STS直传视频文件到OSS服务器教程（含所需的核心js代码）
2018-12-30
腾讯课堂自建composer安装包图文详细教程升级版
2018-12-28
php+html5（原代码改进）多进程实现大视频文件无刷新上传
2018-12-26
thinkphp5 console 调试启动脚本
2018-12-09
emoji入库mysql注意事项除了更改utf8mb4最大的坑在这里
2018-11-22
个人总结搭建git服务器仓库采用无密登录方式以及TortoiseGit的用法
2018-11-17
phpstorm常用操作完整说明文档图文word格式个人总结实战使用
2018-11-17
集成IK中文搜索的elasticsearch1.7.4完整运行包直接放linux任意文件夹下即可运行
2018-11-17
爱之谷源代码升级修改版适配PHP5.6修复之前BUG
2016-04-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人