自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端那些事@时光

相逢的人会再相逢! -- A front-end lover

  • 博客(25)
  • 资源 (5)
  • 收藏
  • 关注

原创 LangChain 教程 05|模型配置:AI 的大脑与推理引擎

本篇导读:这是 LangChain 系列教程的第 5 篇。本篇将深入讲解模型初始化、调用方式、工具调用、结构化输出和多模态处理。读完预计需要 10 分钟。

2026-04-13 21:14:33 369

原创 LangChain 教程 04|Agent 详解:让 AI 学会“自己干活“

本文深入解析LangChain中的Agent机制,将其比作"会思考、能用工具的全能管家"。传统开发需要手动串联每个步骤,而Agent通过ReAct循环(推理-行动)自动决策和执行多步骤任务。核心包含四大组件:Model(决策大脑)、Tools(执行工具)、ReAct Loop(工作流程)和System Prompt(行为准则)。配置方式分为静态(固定模型/工具)和动态(运行时智能切换),后者能优化成本效率。通过10行代码即可创建基础Agent,使其根据目标自主调用工具完成任务,显著提升开

2026-04-04 15:41:31 421

原创 炸了!Claude Code 51万行源码全部泄露,我已经拿到了完整代码

Claude Code源码泄露事件:Anthropic公司因打包失误泄露完整AI系统源代码(51万行TypeScript),暴露核心架构与隐藏功能。系统包含多智能体编排、记忆优化、终端电子宠物等复杂设计,采用Bun运行时+React终端UI等技术栈。此次泄露揭示了Claude Code并非简单API封装,而是具备四级权限控制、ML风险分类器的完整AI Agent操作系统。这已是Anthropic第二次因source map文件导致代码泄露。

2026-04-01 12:54:30 1380 3

原创 LangChain 教程 03|快速开始:10 分钟创建第一个 Agent

本篇导读:这是 LangChain 系列教程的第 3 篇。本篇将带你用 10 行代码创建第一个智能 Agent,体验 LangChain 的核心魅力。

2026-03-26 23:19:38 466

原创 LangChain 教程 02|环境安装:从 0 到 1 搭建开发环境

本篇导读:这是 LangChain 系列教程的第 2 篇。本篇将手把手教你搭建 LangChain 开发环境,包括安装核心包、配置模型集成、安全管理 API Key。

2026-03-26 23:18:28 463

原创 TypeScript + React + GitHub Actions:我是如何打造全自动化 AI 资讯系统的 - 已开源

每天刷十几个网站找 AI 新闻,信息焦虑症都要犯了。干脆自己写了个聚合器,从 14 个平台、70+ RSS、52 个公众号实时抓取,GitHub Actions 每 2 小时自动更新,还能自动翻译英文标题。本文分享这个项目的技术架构和实现细节,包括多源数据抓取、智能过滤、双语翻译、React 前端等核心模块。

2026-03-24 12:53:00 509

原创 LangChain 教程 01|概述:AI 应用开发的新范式

本篇导读:这是 LangChain 系列教程的第 1 篇。如果你是 AI 开发新手,想快速了解 LangChain 能做什么、为什么选择它,这篇文章就是为你准备的。读完预计需要 5 分钟。

2026-03-23 23:45:12 427

原创 实现vue3响应式系统核心-shallowReactive

今天来实现一下这个 API。reactive函数是一个深响应,当你取出的值为对象类型,需要再次调用reactive进行响应式处理。很明显我们目前的代码是一个浅响应,即 只代理了对象的第一层,也就是。代码地址: https://github.com/SuYxh/share-vue3代码并没有按照源码的方式去进行组织,目的是学习、实现 vue3 响应式系统的核心,用最少的代码去实现最核心的能力,减少我们的学习负担,并且所有的流程都会有配套的图片,图文 + 代码,让我们学习更加轻松、快乐。

2024-01-31 10:32:13 942

原创 实现vue3响应式系统核心-合理触发响应

拦截in操作符拦截for in循环拦截对象的删除操作接下来我们在对响应式系统做一些优化,避免一些不必要的响应代码地址: https://github.com/SuYxh/share-vue3代码并没有按照源码的方式去进行组织,目的是学习、实现 vue3 响应式系统的核心,用最少的代码去实现最核心的能力,减少我们的学习负担,并且所有的流程都会有配套的图片,图文 + 代码,让我们学习更加轻松、快乐。每一个功能都会提交一个commit,大家可以切换查看,也顺变练习练习 git 的使用。

2024-01-31 10:31:12 779

原创 实现vue3响应式系统核心-增强对象拦截

在之前的文章中我们实现一个响应式系统的 MVP 模型,也实现了computedwatch等。如何拦截in操作符呢?如何拦截for in循环呢?如何拦截对象的删除操作呢?接下来我们会一步步实现这些功能,进一步增强 MVP 模型。代码地址: https://github.com/SuYxh/share-vue3。

2024-01-30 09:56:37 1310 1

原创 实现vue3响应式系统核心-watch

今天我们来看看watch的实现。watch本质就是观测一个响应式数据,当数据发生变化时通知并执行相应的回调函数。实际上,watch的实现本质上就是利用了effect以及选项。代码地址: https://github.com/SuYxh/share-vue3代码并没有按照源码的方式去进行组织,目的是学习、实现 vue3 响应式系统的核心,用最少的代码去实现最核心的能力,减少我们的学习负担,并且所有的流程都会有配套的图片,图文 + 代码,让我们学习更加轻松、快乐。每一个功能都会提交一个commit。

2024-01-30 09:55:38 1371

原创 实现vue3响应式系统核心-computed

在之前的文章中介绍了effect函数,它用来注册副作用函数,同时它也允许指定一些选项参数options,例如指定scheduler调度器来控制副作用函数的执行时机和方式;也介绍了用来追踪和收集依赖的track函数,以及用来触发副作用函数重新执行的trigger函数。综合这些内容,我们就可以实现 Vue.js 中一个非常重要并且非常有特色的能力——计算属性。代码地址: https://github.com/SuYxh/share-vue3。

2024-01-29 11:02:46 811

原创 实现vue3响应式系统核心-scheduler

可调度性是响应系统非常重要的特性。首先我们需要明确什么是可调度性。所谓可调度,指的是当 `trigger` 动作触发副作用函数重新执行时,有能力决定副作用函数执行的时机、次数以及方式。

2024-01-29 10:58:00 754

原创 实现vue3响应式系统核心-嵌套effect

嵌套 effecteffect 支持自增运算符代码地址: https://github.com/SuYxh/share-vue3代码并没有按照源码的方式去进行组织,目的是学习、实现 vue3 响应式系统的核心,用最少的代码去实现最核心的能力,减少我们的学习负担,并且所有的流程都会有配套的图片,图文 + 代码,让我们学习更加轻松、快乐。每一个功能都会提交一个commit,大家可以切换查看,也顺变练习练习 git 的使用。

2024-01-25 10:00:00 909

原创 实现 vue3 响应式系统核心-依赖清理

在[实现vue3响应式系统核心-MVP 模型](./实现vue3响应式系统核心-MVP 模型) 文章中我们介绍了一个最基础的响应式系统。今天的目标是实现依赖清理,依然使用 TDD 的模式进行,再利用 ChatGPT 进行高效学习。

2024-01-24 20:10:05 1085

原创 实现vue3响应式系统核心-MVP 模型

- TDD 测试驱动开发- 重构- vitest的使用- 如何使用 [ChatGPT](https://ask.vuejs.news/) 编写单元测试- 响应式数据以及副作用函数- 响应式系统基本实现- Vue3 的响应式的数据结构是什么样?为什么是这样?如何形成的?- Proxy 为什么要配合 Reflect 使用?如果不配合会有什么问题?- Map 与 WeakMap的区别- 依赖收集- 派发更新- 依赖清理- 支持嵌套

2024-01-21 19:59:12 1055

原创 JWT原理详解

JWT原理详解随着前后端分离的发展,以及数据中心的建立,越来越多的公司会创建一个中心服务器,服务于各种产品线。而这些产品线上的产品,它们可能有着各种终端设备,包括但不仅限于浏览器、桌面应用、移动端应用、平板应用、甚至智能家居实际上,不同的产品线通常有自己的服务器,产品内部的数据一般和自己的服务器交互。但中心服务器仍然有必要存在,因为同一家公司的产品总是会存在共享的数据,比如用户数据这些设备与中心服务器之间会进行http通信一般来说,中心服务器至少承担着认证和授权的功能,例如登录:各种设备发

2020-09-27 14:22:33 3578 2

原创 导致position:sticky失效的原因

导致position:sticky失效的原因一、简介sticky 英文字面意思是粘,粘贴,所以称之为粘性定位。sticky属性依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。这个特定阈值指的是 top, right, bottom 或 left 之一,即指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。二、使用条件sticky属性仅在以下

2020-09-22 13:35:29 9442

原创 选出数组中的重复元素

方法一:indexOfindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果在数组中没找到指定元素则返回 -1。(function isRepeat() { let arr = ['123', '789', '334', '123', '334'] for (let i = 0; i < arr.length; i++) { console.log(arr.indexOf(arr[i]));

2020-09-21 18:31:30 1075

原创 mongodb 实现模糊查询

mongodb 实现模糊查询模糊查询:name字段包含某个关键字"测试":db.test_info.find({"name": {$regex: '测试', $options:'i'}})

2020-09-15 09:57:59 1839

原创 axios详解

axios详解一、axios简介基于promise,用于浏览器和node.js的http客户端二、特点支持浏览器和 node.js支持 promise能拦截请求和响应能转换请求和响应数据能取消请求自动转换 JSON 数据浏览器端支持防止 CSRF (跨站请求伪造)三、安装1、 利用 npm 安装 npm install axios --save2、 利用 bower 安装 bower install axios --save3、 直接利用 cdn 引入 ``四、例子GET请求

2020-09-14 15:39:17 1717

原创 详解Nginx

一、安装Nginx1、准备工作(1)打开虚拟机,使用远程连接工具连接 linux 操作系统(2)到 nginx 官网下载软件http://nginx.org/2、开始进行 nginx 安装(1)安装 pcre 依赖第一步 联网下载 pcre 压缩文件依赖wget http://downloads.sourceforge.net/project/pcre/pcre/8.37/pcre...

2020-03-06 16:20:44 617

原创 CSS3中translate、transform和translation的区别和联系

translate:移动,transform的一个方法通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数:用法transform: translate(50px, 100px);-ms-transform: translate(50px,100px);-webkit-transform: translate(50px...

2020-02-13 15:01:47 367

原创 Hikari代码混淆

Hikari代码混淆下载pkg安装文件:GitHub下载,【很慢】推荐使用微云下载:HiKari

2019-12-27 10:08:26 5330 2

原创 超级详细的IDC搭建教程

超级详细的IDC搭建教程一、准备工作1.下载SWAPIDC系统2.N台搭建idc的服务器(提示:推荐使用国外服务器,也可以在腾讯云,阿里云,景安等平台购买!)3.一台搭建销售idc平台的虚拟主机或服务器 !(推荐剑心主机,有福利空间供学习测试使用:剑心Network)4.一丢丢的小智商和建站技术5.答题答案在最下面,如果不懂可查看答案!二、教程开始第一:搭建IDC平台源码在官网注...

2018-12-04 18:16:45 13460 2

HTML标签大全

HTML标签大全 H5新特性

2018-11-29

JavaScript网页设计300例

JavaScript网页设计300例,JavaScript网页设计300例!超级实用!

2018-12-04

PHP注入工具大全-2020.zip

PHP版本注入工具大全。2020年,在家里整理电脑发现了原来的几款PHP工具,后来又在网上找了一些资源,一共整理在一起,方便自己,也方便大家!

2020-05-18

JavaScript字体闪烁特效代码

JavaScript字体闪烁特效代码

2018-11-29

1500个前端开发常用JavaScript特效

1500个前端开发常用JavaScript特效! 开发人员必备!

2018-12-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除