- 博客(33)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 Agent 不是玄学！前端只需要会做步骤可视化就够了
Agent 智能体再高大上，前端也只做一件事：把 AI 的思考和执行过程，变成清晰、流畅、好看的步骤展示，不用懂思考，只管可视化。
2026-04-02 09:28:47
351
原创 别被 AIGC 唬住！前端做生成式 AI 就这几件事
AIGC 产品的前端，不是 “AI 开发”，而是 “让用户用 AI 更顺畅的页面开发”—— 不用懂生成模型，会调用 API、做展示、优化交互，就够了。下次再听到 “AIGC”，别慌，先想：“这是不是个带生成按钮的页面？” 想通了，你就已经会做了。
2026-04-02 09:24:53
332
原创 Fine-tuning / 模型微调？前端听完直接 “与我无瓜”
Fine-tuning 模型微调，就是给 AI 深度补课的高配版 RAG，成本高、后端负责，前端基本不用碰，懂概念就能应付所有场景。
2026-03-27 14:41:53
236
原创 别再怕 Stream 了！它真不是游戏平台，是 AI 打字机
Stream/SSE 对前端来说，就是 “用 Fetch 或 EventSource 接收后端分批返回的数据，逐块拼接展示，实现打字机效果”—— 不用懂底层协议，会调用两个 API、处理异常和加载状态，就够了！
2026-03-26 09:09:42
617
原创 Token（令牌）—— 别慌，跟登录半毛钱关系没有
AI 里的 Token 不是登录令牌，就是 AI 的字数计量单位，前端只要会做 “字数→token 换算 + 实时限制提示”，不用管底层原理，就已经完全够用。
2026-03-25 09:40:19
333
原创 Context Window：上下文窗口”“token 上限
对前端来说，这词翻译过来就一句话：“AI 记不住太多聊天记录，超过一定长度就会忘事”—— 你要做的，就是 “别让聊天记录太长”，仅此而已！对前端来说，Context Window 就是 “AI 的短期记忆上限”，你不用懂原理，只要做好 “历史消息截断 + token 计数提示”，不让聊天记录超长，就搞定了！后端会返回精确的 token 校验结果（比如 “超过 4096 token”），前端只需做 “预校验 + 提示”，最终以后端返回为准。4.3 关键注意点。
2026-03-25 09:35:45
688
原创 Prompt—— 被 “高端术语” 包装的基础操作
Prompt 对前端来说，从来不是需要死记硬背的 “高端技巧”，而是用模板字符串封装角色规则、用变量替换填充动态内容、用上下文拼接保证对话连贯的基础开发工作 —— 咱们只要会写${}，就能搞定 AI 项目里的 Prompt 开发。
2026-03-24 14:00:56
438
原创 LLM / 大语言模型 —— 前端别怕，就是个 “超级会说话的接口”
LLM 对前端来说，就是个 “接收文字、返回文字” 的超级接口 —— 不用懂训练、不用懂参数、不用懂原理，会通过后端代理传 prompt、处理返回结果、加历史上下文，就够了！下一期我们拆：Prompt / 提示词—— 听着像 “高端话术技巧”，其实对前端来说，就是 “带变量的字符串模板”，你写过的${name}你好，就是最基础的 Prompt！
2026-03-20 14:33:55
458
原创 RAG（检索增强生成）—— 前端别慌，就是带文件上传的AI聊天
RAG 对前端来说，就是 “让用户上传文件，再跟 AI 聊天，AI 只看文件说话”—— 不用懂底层，会上传、会调接口、会流式展示，就入门了！LLM / 大语言模型—— 听着像 AI 的 “大脑”，其实对前端来说，就是个 “超级会说话的接口”～
2026-03-20 14:24:00
455
原创 前端开发工具选择 —— 多文件改动用 Claude，小修小改用 Cursor
本文总结了AI代码编辑工具的选择策略：对于涉及3个及以上文件的跨模块修改（如功能开发、重构），优先使用Claude，因其能理解整体架构并联动修改多个文件；而对于单文件的小幅调整（如样式修改、bug修复），则使用集成在VS Code中的Cursor更高效。作者通过具体案例对比了两款工具的优劣势，并分享了日常开发中的使用流程，建议根据修改范围灵活选用工具以提升效率。
2026-03-10 09:28:16
429
原创 2028 全球智能危机：AI 赢麻了，人类咋成了大冤种？
看到这，你可能觉得这是个 AI 统治世界的末日故事，但其实作者的核心观点很清醒：这场危机，本质是人类的「智商溢价」被 AI 抹平了。过去几百年，人类经济的核心逻辑是「人类智商是稀缺资源」，所以白领能拿高薪、能买房、能消费，整个经济循环都围绕这个转。但 AI 来了，机器智商不仅能替代人类，还更便宜、更高效，原本的稀缺资源，突然变得一文不值，所有建立在这个基础上的规则 —— 劳动市场、金融市场、税收体系，自然全乱了。但这不是世界末日，只是经济需要找新的平衡。
2026-03-05 11:00:00
404
原创 OpenClaw 省 Token 终极指南：GLM-4.6V/4.5-Air 稳定不降效（附关联飞书机器人）
本文提供了OpenClaw+飞书对接本地文件时的Token优化方案。核心思路包括：片段读取文件、避免重复计费、自动裁剪上下文和减少图片输入。具体措施包括安装文件管理和摘要插件、配置上下文压缩、限制文件读取行数和模型输出长度，以及推荐使用文本而非图片输入。文中给出了完整的JSON配置示例，并强调遵循"优先摘要预览、控制上下文、精简输出、少用图片"四条原则，可降低50%-80%的Token消耗。同时介绍了飞书机器人的关联方法，实现手机远程操控电脑。
2026-03-04 09:25:58
1784
原创 VS Code + Claude Code 接入智谱 GLM-4.6V 完整教程（2026 最新）
Claude Code 是 Anthropic 官方推出的项目级 AI 编程助手✅ 全项目代码理解（而非单文件局部）✅ 多文件批量修改 + 自动备份✅ Plan 模式 + Diff 预览（安全可控）✅ 支持图片输入（视觉模型专属）国内直接使用 Claude 官方服务存在网络不稳定、访问受限等问题，接入智谱 GLM-4.6V 是目前最稳、最流畅的替代方案，完美兼容 Claude Code 所有功能。
2026-03-03 10:33:53
6981
1
原创 OpenClaw 完整安装教程（2026最新版，全平台通用）
OpenClaw AI助手安装指南 OpenClaw是一款支持本地部署的多模型AI助手工具，提供代码辅助和自动化工作流功能。本文提供全平台安装指南： 环境要求：支持macOS 12+、Linux和Windows 10/11，需Node.js v20+ 安装方式： 一键安装脚本（新手推荐） npm手动安装 Docker部署 配置步骤：运行初始化命令，配置GLM-4.6等AI模型API密钥 使用方法：通过命令行启动服务，访问本地Web控制台(http://localhost:3000) 常见问题：提供权限问题、
2026-03-03 09:43:58
94494
31
原创 VS Code 效率神器：Claude Code YOLO 插件全攻略，AI 编码无需确认直接冲！
Claude Code YOLO是一款专为程序员设计的VS Code插件，通过全自动YOLO模式、国产模型兼容和批量操作功能，大幅提升编码效率。安装仅需3分钟，支持智谱GLM等国内大模型，配置简单。核心功能包括自动代码修改、一键重构和复杂任务处理，提供丰富命令如/fix、/debug等。实战案例展示其快速修复Bug、批量重构和完整功能开发能力，建议在开发分支使用并注意安全。
2026-03-02 09:57:00
1877
原创 Select 下拉框的样式调试
解决调试Select下拉框样式自动收起问题：打开DevTools的More tools菜单，选择Rendering面板，勾选"Emulate a focused page"选项。这样就能保持下拉框展开状态，方便查看和调试样式。操作简单有效，是前端开发调试下拉组件样式的实用技巧。
2025-07-01 14:57:24
462
原创 处理echarts中的图例换行并对齐(如果legend.formatter是个回调)
处理echarts中的图例换行并对齐(如果legend.formatter是个回调)
2022-10-12 14:21:33
1765
3
原创 H5页面使用html2canvas实现div+图片生成为图片
网上找了好多种方法都不能完美的将div生成图片，要么是太模糊，要么是尺寸不对，最后得知，只需用最新的html2canvas.min.js文件就行了，真是踏破铁鞋无觅处，得来全不费工夫。1：不要使用背景图片，背景图片放大图片会模糊，需要改成使用img2.请下载最新版本html2canvas 官方链接.........
2022-06-29 14:10:55
1414
原创 简历模板
毕业找工作送给大家一些个人简历模板用得着的300套毕业生求职简历。比较适合应届生求职的建立模板，在将要毕业时收集整理的，分享给你，祝你求职成功，简历种类较多，可供选择需要的同学可以自行下载哦https://download.csdn.net/download/qq_44862208/15875977...
2021-03-17 19:57:02
279
原创 将本地文件上传到指定git仓库的指定文件夹
一.创建一个文件夹"text",右键git bash1.git init2.git clone +复制出来的仓库的HTTPS链接假设clone下来的文件名叫A二.clone成功后我们打开A，将本地要上传的文件拖到指定文件夹内，然后c在clone下来的文件A右键git bash1.git init2.git add . 注意add后面有一个空格和一个点3.git commit -m “提交的注释”4.git merge origin master
2021-02-02 10:41:03
3349
原创 git操作
Git 简单使用说明1安装msysgit：msysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！2 配置用户名：git config --global user.name "Your Name"git config --global user.email "email@example.com"3、创建仓
2021-01-23 21:32:35
284
原创 php连接数据库的几种方法
方式一：新建文件sever.php<?php//1、配置参数$pd0 = array( 'dsn' => 'mysql:host=localhost;dbname=myplatform;port=3316;charset=utf8', 'username' => 'root', 'password' => '',);//连接属性$options = array( PDO::ATTR_ERRMODE => PDO::ERRMODE_E
2021-01-21 15:59:32
2460
原创 jQuery ajax - ajax() 的几种方法
方法一： $.ajax({ url:'api/news/types.html',//请求地址 type:'POST',//请求方式 dataType:'json',//指定返回的数据类型 success:function (res) { if (res.code == 200) { var data = res.dat
2021-01-19 16:34:42
172
原创 layui实现弹窗效果
废话不多说，直接上代码： <button type="button" id="look" class="layui-btn" style="margin-left: 10px;">选择接收人</button>其实不只是按钮，其他的任何标签都可以 layui.use(['table'], function () { var table = layui.table; table.on('tool(currentTableFilter)', fu
2021-01-10 10:51:21
1784
原创 layui实现自动分页以及数据表格的重载
在我们直接用layui的表格的接收后台全部数据的时候，所有数据会在同一页显示，无法实现自动分页，最近写项目的时候碰到了这个问题，把我的解决办法记录下来，以后可能会用到。 table.render({ elem: '#currentTableId', url: '../api/table2.1.json',//你自己的接口 toolbar: 'true',//头部工具栏 height:500,//表格高度
2021-01-10 10:45:49
1571
原创 前端常用网站分享
JQuery插件库， 各种炫酷的模板17素材前端工具库，各种实用的工具菜鸟在线编译器拟态UI设计:可用于设计输入框中国色：挑选好看的颜色免费logo制作丰富的色彩搭配各种的音效Font Awesome字体，图标库短视频制作阿里矢量图标在线制作各种导图谷歌扩展工具layuiES6...
2020-12-21 09:11:08
366
2
原创 PHP常用API
字符串处理函数1、字符串截取： string substr ( string $string , int $start [, int $length ] ) string mb_substr ( string $str , int $start [, int $length = NULL [, string $encoding =mb_internal_encoding() ]] )2、字符串长度： int strlen ( string $string ) mixed mb_strlen (
2020-12-08 10:21:34
328
4
原创 谷歌浏览器解决＜audio＞标签设置背景音乐失效问题
原文点此处最新谷歌浏览器的自动播放音频的设置谷歌也是够恶心，为什么要弃了之前的那种设置，那个设置我刚写好。现在又变成了另外一种设置而且这种设置是还是跟火狐一模一样的设置。进入正题第一步打开谷歌点击右边菜单，选择帮助----进入关于Google Chrome第二步第三步 往下滑找到声音 点击 声音右边的小图标第四步...
2020-12-05 16:56:26
1043
原创 使用递归来实现一个深度克隆，可以复制一个目标对象，返回一个完整拷贝
// 使用递归来实现一个深度克隆，可以复制一个目标对象，返回一个完整拷贝// 被复制的对象类型会被限制为数字、字符串、布尔、日期、数组、Object对象。不会包含函数、正则对象等function cloneObject(obj){ var out; if(obj instanceof Array){ out=[];//初始化对象 for(var i in obj){ out[i]=cloneObject(obj[i]);//递归调用
2020-09-24 09:31:43
576
原创 实现一个简单的trim函数，用于去除一个字符串，头部和尾部的空白字符
// 实现一个简单的trim函数，用于去除一个字符串，头部和尾部的空白字符// 假定空白字符只有半角空格、Tab// 练习通过循环，以及字符串的一些基本方法，分别扫描字符串str头部和尾部是否有连续的空白字符，并且删掉他们，最后返回一个完成去除的字符串function simpleTrim(str) { // your implement if (str.charAt(0) == " "||str.charAt(str.length-1)==" ") { str = s
2020-09-24 09:29:31
2268
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人