叶子常常随风而落，分享博主日常学习和使用的一些技术

原创 【高危漏洞】这就是漏洞盒子的样子？我提交的漏洞信息不见了

有遇到同样问题的人，欢迎联系我。我们共同维护自己的权益。今天忽然想到了自己漏洞盒子上面的账号。直接给我气炸废了，我自己的数据都没了。然后我就登进去看了一下。

原创 【aigc】chrome-devtools-mcp怎么玩？

Chrome DevTools MCP 是 Google Chrome 官方推出的 Model Context Protocol (MCP) 服务器,它让 AI 编程助手(如 Claude、Cursor、Copilot 等)能够控制和检查实时运行的 Chrome 浏览器。通过这个工具,AI 可以获得 Chrome DevTools 的全部能力,实现可靠的自动化测试、深度调试和性能分析。

原创 【react】React是世界上最好的前端语言之一？

React作为前端框架的核心特性包括JSX语法、组件化开发、单向数据流、声明式编程和虚拟DOM等技术。对于React的定位，作者认为它是一种前端但不仅限于前端的编程语言，是全球众多编程语言之一，但不认同"最好"的评价。文中还讨论了React作为特定编程语言和前端语言的属性，展现出对React技术特性的基本认知，同时对技术优劣持客观态度。

原创 [frontend]react项目怎么迁移到nextjs项目？

react.js -> next.js

原创 AI生成的内容有时候真的记不住，以后还是要自己多总结多分类

最近在频繁的使用ai，但是也发现了一个严重的问题，就是使用AI生成的内容有时候真的是完全记不住。比如说有时候我说我让ai帮我去总结一个嗯之前不太了解的知识点，嗯，他可能帮我总结了，他也可能帮我画了一个思维导图。我当时看着自以为挺清晰的，但实际上自己完全没有建立知识之间的关联。过了几天之后，整个概念完全忘记了。这和我自己学习自己掌握某个知识点，这种情况完全不一样。看来我们应该是正确的使用ai才对。

原创 [frontend]mermaid code2image

as we all know, 我们可以在后端注册路由，那么前端是否可以通过注册路由的方式实现呢？技术上应该可以实现的，但是设计上常用的框架并没有这么设计。基本上前端路由还是声明式的。Mermaid 是一个工具，它能让你用简单的文字代码，自动画出各种图表。比如path=“/abc” and compontents 对应。简单： 写文字比用鼠标画图更快，尤其对于developer。比如react里面，主要是路由的地址和组件之前的关系问题。可以迁移，可以理解。

原创 在特定领域，ai的好处与坏处

场景：我在学习html,css,js,react。

原创 [react] react-router-dom是啥？

页面路由，注意页面路由不是路由器，因为我之前总是把路由和路由器搞混。而且我总是把前端页面的路由和路由器的路由搞混。那么这里一定要明白，这里我所说的页面路由就是指在浏览器里面的导航路由。

原创 [react] react onClick函数的认知陷阱

js中的button onclick 这个是绑定事件函数react中 button onClick我以为onClick实在绑定事件监听函数，不是的。它确实是绑定了函数，但是没有绑定事件，或者说没有在button上绑定事件函数，而是通过事件委托的方式处理的。

原创 如何评估大模型是好是坏？

记录几个指标评估大模型是好是坏？其实就是如何评价大模型。要量化。

原创 【llm】openrouter的好处和缺点

原创 【frontend】事件监听，事件捕获阶段（capture phaze），目标阶段，事件冒泡阶段

而且我之前把事件监听和事件捕获阶段给弄混淆了。毕竟事件捕获这个词语更像是一个动词，实际上它是一个阶段。按照我之前的理解，我其实一直在使用事件冒泡阶段的事件。事件捕获阶段 (The Capture Phase)事件冒泡阶段 (The Bubble Phase)目标阶段 (The Target Phase)我不知道事件还有捕获阶段的事件。

原创 [frontend]WebGL是啥？

对于初学者来说，通常的建议是：不要直接从原生 WebGL 开始，而是先使用一个基于 WebGL 的高级框架或库，最著名的就是 Three.js。

原创 【数据模型】思维导图的数据结构模型

嗯，打算开一个新的专栏，就是嗯，打算开一个新的专栏，就是学习一下数据结构相关的知识，并不是说最基础的数据结构，而是说一些场景的数据结构，嗯，打算开一个新的专栏，就是学习一下数据结构相关的知识，并不是说最基础的数据结构，而是说一些复杂的逻辑。也可以说是数据模型。

原创 whois server是啥？

但是不同的后缀要到不同的whois server那里去查。比如不同的suffix的域名要去不同的位置去查找。whois可以用来查询域名。

原创 [js]什么是importmap?

第一次看到。

原创 【有趣】抬腕亮屏vs遮盖熄屏

遮盖熄屏：负责在你不需要看的时候自动关闭屏幕。抬腕亮屏：负责在你需要看的时候自动打开屏幕。用户接听电话将手机贴近耳朵时自动关闭屏幕。

原创 【有趣】微信表情包制作过程记录

微信表情包很好玩，推荐大家也来试试。我不太喜欢恶搞类型的表情包，我喜欢有艺术的表情包，至少是有审美的表情包，也许那些抽象的表情包有市场，但是我不是它们的目标用户。

原创 【frontend】易用性：圆角 and box-shadow and 边距让你的网站好看一些

ToDo

原创 【frontend】w3c的发展历史ToDo

官方网站：https://www.w3.org/1996年官网的样式。

原创 【qwen3vsglm4.5】JavaScript 与浏览器事件分类

浏览器事件是指用户或浏览器在网页上执行某些操作时触发的“信号”。JavaScript 可以监听这些事件，并在事件发生时执行相应的代码（事件处理程序）。点击按钮鼠标移动键盘输入页面加载完成表单提交分类主要事件举例鼠标事件clickmousemovemousedown键盘事件keydownkeyup表单事件inputchangesubmit窗口事件loadresizescroll拖放事件dragstartdrop剪贴板事件copypaste媒体事件playended自定义事件。

原创 【易用性】点击拖拽和粘贴上传

易用性对于网站来说非常重要。就拿上传文件这个场景来说。如果只是点击上传那么只能说是标准流程，应该增加拖拽和粘贴上传。

原创 [html]网页布局方法

我总结的网页布局的方法，从1到4，我作为一个初学者，先把这四个给弄清楚。

原创 flexboxfroggy第24关太难了

https://flexboxfroggy.com/

原创 LaunchScreen是啥？AppDelegate是啥？SceneDelegate是啥？ContentView又是啥？Main.storyboard是啥？

todo。

原创 vite + react + tailwind（2025-08-25）

大语言模型很强，但是因为它的知识不是最新的，占用了我一个小时的时间，还没有解决问题。我看到了这个哥们的文章，其实我也是个return react的人。于是我尝试查看文档，所以这个时候官方文档的效率会更高。同是天涯沦落人，相逢何必增相识。

原创 各家大模型对微信小程序的理解能力测评（2025-08-23）

为了验证合理的对比各个模型的能力，我选取了控制变量法同一个提示词，交给不同的模型，产出pages目录，在微信开发者工具下进行预览，比较效果。关闭联网，防止提示词变量。为什么选择微信小程序，而不是html？微信小程序文档更少，看模型在数据量少的情况下产出高质量的结果。有没有把充分的微信小程序的数据纳入训练文无第一，武无第二，我们很难说哪个模型好，哪个模型不好，但是在面对具体的任务的时候，是骡子是马一下子就明明白白了。

原创 [tailwind]我为什么喜欢tailwind?

比如我正在练习一个在线的http请求发送工具，我希望请求头这个区域，能够设置最大高度，当超过了最大高度可以滚动，这样的话，这个页面不会被撑得特别的长。我本来不知道tailwind，但是ai生成的前端代码大部分都是tailwind，可以说ai教我用tailwind。overflow 是CSS中一个非常重要的属性，用于控制元素内容溢出时的显示方式。虽然语义上和css的效果是一样的，但是tailwind需要实现的代码行数更少。1、AI喜欢用，我喜欢用AI，所以，我间接喜欢用tailwind。

原创 [react] class Component and function Component

假如说有一个程序员，是死记硬背型程序员A，A记住了react的使用方式就是class Component + this.setSate类型的，那么放到今天，如果A不更新知识结构，那么A已经过时了。基础不牢，地动山摇，基础的css页面布局排版你还不熟练，即使切换到react也是不熟练的啊。幸运的是，说明在变化，在进步，不幸的是你要接受这种改变，现在的我还能够接受改变，不知道十年，二十年，三十年之后的我能够跟得上变化。useEffect Hook (替代生命周期方法)

原创 [react] js容易混淆的两种导出方式2025-08-22

很多知识就是这样，你学了，然后忘记，然后再学习，然后再忘记。export {TestApp}import {TestApp} from ‘testapp.jsx’export default xyzimport xxx from ‘hello.jsx’constdefaultexportimportQ:export是必须的吗A:export 不是必须的，但 如果你想让其他文件使用这个组件（或变量、函数等），就必须用 export。很多初学 JavaScript / React 的人都会被 命名导

原创 【运维】githubvercel学习使用

因为安装了vercel app(不是手机上的app,是指应用app), 大概的流程就是这样。为什么我github上面修改了代码，vercel就能立即部署呢？时间太久，我忘记了跟着哪个师傅的博客操作的了。

原创 [langgraph]创建第一个agent

我一直想看看agent到底是怎么建起来的。

原创 [langchain]How to pass multimodal data to models

但是我遇到了问题，就是我手头只有deepkeek这一张牌能用，其他的模型我在本地调用不了，而deepseek还不支持多模态的格式。问题在于目前deepseek还不支持 “type”: “image”,我在尝试把多模态数据传递给大模型。

原创 [langchain]如何用langchain实现一个tool

本文介绍了如何使用LangChain实现自定义工具(tool)，重点演示了文件读写功能的实现。首先回顾了之前关于LangChain调用大模型、文档处理等基础知识的相关文章。文章指出，工具(tool)可以看作是大模型的"手脚"，其实现依赖于大模型的函数调用功能。虽然LangChain社区提供了FileManagementToolkit工具包，但作者建议自行实现文件读写工具以理解其原理，特别是未来需要操作沙盒或网络文件时。文中先展示了FileManagementToolkit的基本用法，然后

原创 [vibe-coding]一款在线的http请求工具-HTTP Request Tool: Send HTTP requests and view responses in real-time

本文介绍了一个在线HTTP请求工具，具有多主题切换、响应式布局等特性。内置多种主题风格，支持暗黑模式适配不同设备屏幕。核心功能是解决网络访问问题，如连接GitHub API等受限资源。该工具采用前后端分离架构，前端负责用户交互，后端处理HTTP请求。同时探讨了AI编程的护城河问题，认为单纯网页开发没有壁垒，而提供完整解决方案才能建立竞争优势。（99字）

原创 [langchain]继续学习langchain使用：构建一个语义搜索引擎

本文介绍了使用LangChain构建语义搜索引擎的关键概念与技术流程。主要内容包括：文档加载(Document Loaders)用于读取PDF等文件；文本切分(Text Splitters)将大文本分割为带重叠的小块以保留上下文；向量化(Embeddings)将文本转换为数值向量实现语义搜索；向量存储(Vector Stores)用于高效存储和检索向量数据。文章通过具体代码示例展示了如何将PDF文档加载、切分、向量化并存储在内存向量库中，最终实现基于语义的相似度查询。作者特别强调了本地化向量模型的选择难题，

原创 [ai-agent]环境简介之沙盒e2b vs daytona

所谓的环境的就是agent运行在哪里，或者是agent和那里进行交互。最常见的环境就是本地开发环境，也就是个人主机，但是存在问题就是没有办法出网和横向扩展。在沙盒之前也是有其他选择的：云服务器，虚拟机，docker都看起来是个是个不错的想法，而且我一开始的想法也是docker。agent要么是运行在docker里面，要么是和docker里面的内容进行交互。但是后来又发现了沙盒的概念，目前来看沙盒比docker还要轻量级。常见的沙盒厂商有哪些？e2b。

原创 [typescript] interface和type有什么关系？

即使不知道他们的区别，也是可以学习编程的。不要因为搞不懂type和interface的区别，而丧失了对编程的兴趣。一般情况type和interface都很类似。

原创 [ai-agent]browser-use 基本介绍

本文介绍了从Selenium到Playwright再到AI时代的浏览器自动化工具演变，重点展示了browser-use库的使用方法。

原创 [vibe coding-lovable]lovable是不是ai界的复制忍者卡卡西？

摘要：文章展示了借助AI工具Lovalbe实现"火影忍者"中卡卡西复制忍术的UI效果。虽然无法完全还原原作，但生成的交互设计和视觉效果令人惊艳。这种AI辅助设计方式突破了个人的UI制作能力限制，为普通用户提供了专业级的设计可能性。通过简单的截图+提示的交互方式，即可快速生成高质量的UI效果图。（98字）