- 博客(177)
- 资源 (32)
- 收藏
- 关注
RSS订阅
原创 我的新书《PWA入门与实践》上市了
前言我初接触PWA是在2017年年初，当时参加了一个前端分享会，其中一个主题就是与PWA相关的，介绍了PWA的Service Worker和安装到桌面的能力，以及这门技术未来的发展趋势，听完这个分享后，我就为PWA的一些能力所吸引。Web本身的优势就非常明显，如可分享，可搜索，无须下载，在任何设备上有相同的展示等，现在再加上PWA的能力，让Web在原有的基础上具备了类原生应用程序的功能，这对...
2020-05-07 11:21:17
2505
原创 AI Coding 资讯 2025-09-25
本文介绍了LoRA（Low-Rank Adaptation）这一参数高效微调技术，通过冻结预训练模型参数并引入少量低秩矩阵进行增量训练，实现在小样本、低资源场景下对大模型的轻量级定制。LoRA能显著降低计算成本和显存占用，同时保持接近全参数微调的性能，支持多任务快速切换和灵活部署。实战案例展示了通过Transformers+PEFT原生实现和百炼平台进行LoRA微调的流程，验证了其在业务知识适配上的有效性。
2025-09-25 16:08:37
858
原创 AI Coding 资讯 2025-09-17
本文汇总了AI赋能前端开发的最新实践与模型进展。主要内容包括：1）阿里和滴滴的AI前端开发实践，通过构建知识库、规范编码约束实现60%效率提升；2）新型AI模型Qwen3-Next-80B和GPT-5-Codex发布，优化了代码生成与审查能力；3）腾讯开源Youtu-GraphRAG等工具，提升知识问答准确率；4）MCP协议标准化AI系统集成，促进模块化开发。这些创新为前端开发提供了从代码生成到质量管控的全流程AI协作方案，推动开发模式向智能化转型。
2025-09-18 11:29:39
893
原创 AI Coding 资讯 2025-09-10
AI技术前沿速览：腾讯开源Hunyuan-MT-7B翻译模型斩获30项第一；百度发布文心大模型X1.1，性能媲美GPT-5；快手推出视频理解能力更强的Keye-VL-1.5多模态模型。技术方案亮点：阿里云Dify+DMS实现智能客服质检系统；函数计算FC Sandbox方案优化企业级AI Agent开发；Browser-Use帮助AI理解网页结构；OxyGent框架简化智能体构建。实用工具推荐：AIPex实现浏览器AI自动化操作，mobile-use支持移动应用AI交互。开源生态方面，HiMarket提供企
2025-09-10 18:08:04
677
原创 AI Coding 资讯 2025-09-03
本文深入剖析了RAG（检索增强生成）技术的核心优化环节，指出许多开发者将RAG视为黑盒导致问题定位困难。文章系统阐述了五个关键优化节点：文档分块采用语义切分提升相关性，索引增强通过语义增强和反向HyDE改善检索精度，编码环节需考虑模型语言适配和词汇表大小，混合检索结合关键词匹配和语义匹配提升召回效果，重排序通过交叉编码器筛选最相关内容。文章强调RAG优化需要针对具体场景调优各模块参数，在召回率和精确率之间找到平衡点。
2025-09-03 22:34:12
636
原创 前端技术月刊-2025.9
大前端技术动态概览 本期大前端领域呈现三大技术趋势：1）技术融合与统一：Veact框架融合Vue响应式与React JSX，React Native 0.81适配Android 16并实现iOS预编译提速10倍，Node.js 22默认支持TypeScript；2）原生能力增强：CSS 2025新增父选择器、宽高比等特性，ES2025引入模式匹配等语法糖，Document PiP提供系统级浮窗能力；3）构建优化：Rspack 1.5显著提升性能/体积，Rsdoctor 1.2实现智能构建分析。同时，跨端生态
2025-09-02 00:18:30
656
原创 AI Coding 资讯 2025.8.27
本文汇总了多篇AI技术在前端开发中的创新应用。主要内容包括：在AI响应中嵌入UI组件的解决方案，通过扩展react-markdown实现安全渲染JSX；支付宝AI出行助手采用xUI+KMP架构快速上线；AI驱动的浏览器自动化技术，如MidScene.js框架实现自然语言交互；基于Tablestore的轻量级Agent Memory框架，支持实时记忆和知识检索；构建可靠AI Agent的提示词工程、工作流设计和知识库构建方法；Claude提示词优化策略；蚂蚁消金的Multi-Agent平台"天工万象
2025-08-27 19:17:29
1419
原创 前端技术月刊-2025.7
业界资讯概览 近期前端技术生态迎来多项重要更新：字节跳动发布基于Rspack的Rstest测试框架，尤雨溪公司推出性能提升50-100倍的Oxlint 1.0代码检查工具。Vite 7.0引入Rolldown Rust打包器，React Native 0.80升级至React 19.1.0并优化iOS构建速度。滴滴开源支持多平台的Dimina小程序框架，ECharts 6.0 Beta带来20+新特性。跨端开发领域，京东、腾讯视频和B站均在鸿蒙和跨平台技术应用上取得突破。当前技术趋势呈现Rust工具链崛起、
2025-07-02 14:10:48
1680
原创 前端技术月刊-2025.6
摘要 本期技术动态聚焦前端与大前端领域：主流框架Angular v20和Node.js 24迎来重大升级，优化响应式编程与构建性能；AI与前端生态深度融合，Vue、Vite新增llms.txt标准提升AI理解能力，Chrome 138将内置Gemini Nano模型；鸿蒙生态快速发展，Taro、uni-app x等多端统一方案落地，58开源Omni-UI组件库提升开发效率。技术前沿包括Rspack生态工具Rslib发布、HarmonyOS深色模式适配等，为开发者提供了跨平台开发与性能优化的实践指导。
2025-06-05 13:03:09
1039
原创 AI Coding 资讯 2025-06-04
AI驱动的研发效能提升实践 当前AI技术在研发领域的应用呈现多样化趋势，主要集中在以下几个方面： Agent技术落地：有赞通过智能助手和智能销售案例展示了Agent技术的实际价值，其中智能销售项目将线索转出率提升10%，人力成本降低80%。AI时代带来软件范式转变，研发模式从"代码为王"转向"数据为王"。 API管理与AI融合：云原生时代API网关与管理平台分工明确，AI浪潮催生了新一代AI网关，新增模型路由、Token配额等功能。大前端团队可关注云原生网关与API管
2025-06-04 16:53:37
1848
原创 AI Coding 资讯 2025-06-03
大模型技术前沿速览：RAG-MCP突破工具调用瓶颈，Claude 4引领编程AI革命 技术突破方面，RAG-MCP创新方案通过检索增强生成技术，将Prompt Token缩减50%以上，工具选择准确率提升3倍。微软Magentic-UI打造以人为本的智能交互，而CursorRules则提供AI编程助手的精细化调优指南。 工具生态持续丰富：火山引擎VOD智能剪辑利用MCP协议实现AI视频处理，AntV开源mcp-server-chart实现自动化图表生成，UQLM提供多维度LLM幻觉检测方案。 模型领域迎来重
2025-06-03 21:22:33
763
原创 快速创建 TS MCP 脚手架：gen-mcp
这个模板适合开发命令行工具集成的 MCP 服务，比如与 Claude CLI 集成。通过标准输入/输出流通信适合开发命令行工具可以通过npm link快速全局安装进行测试。
2025-03-28 22:20:30
996
原创 前端技术月刊-2025.2
业界资讯板块复盘 2024 年热门前端项目，梳理年度大事记，介绍了 React Native 0.77、Tailwind CSS 4.0 等新版本发布，还提及微软 Edge 团队弃用 React 改用 Web 组件的动态。技术点精读板块涵盖快手 KMP 鸿蒙落地实践、跨端技术发展探讨、ShadCN UI 解读、去哪儿网前端代码自动生成技术实践，此外还涉及 Vue3 开发技巧、架构转变等内容。
2025-02-11 21:51:37
331
原创 SuperDiff：提供详细差异信息的 JS diff 工具
微信搜索“”关注公众号。Superdiff 是一个专门用于处理对象和数组差异比较的工具库。在日常的开发工作中，我们经常会遇到需要比较两个对象或者数组是否相同，以及找出它们之间具体差异的场景。例如，在前端开发中，当我们需要更新页面数据时，就需要知道哪些数据发生了变化；在后端开发中，数据的同步和更新也离不开对数据差异的精确判断。Superdiff 正是为了解决这些问题而诞生的。
2025-02-11 15:38:01
1017
原创 必看！wechat-article-exporter：轻松批量下载公众号文章
微信搜索“”关注公众号。在信息爆炸的时代，我们每天都会接触到大量优秀的微信公众号文章。有时候，我们想要将这些精彩的内容保存下来，以便日后回顾或者分享给更多的人。然而，微信公众号并没有提供直接的批量下载功能，这给我们带来了不少困扰。今天，我要给大家分享一款非常实用的软件——wechat-article-exporter，它能够帮助我们轻松地批量下载微信公众号文章，让你不再为文章的保存而烦恼。
2025-01-21 21:59:12
2361
原创 react-scan：集调试与性能优化于一身，助力 React 项目完美蜕变
微信搜索“”关注公众号。一款能够自动检测和突出显示React应用中导致性能问题的组件的工具——ReactScan。
2025-01-20 15:03:13
1024
原创 GSAP - 前端动画领域的全能冠军，你了解吗？
GSAP（GreenSock Animation Platform）是一款强大的 JavaScript 动画库，由 GreenSock 公司开发，在动画制作领域颇负盛名。
2025-01-09 11:03:47
1784
原创 前端技术月刊-2025.1
这期月刊全面展现了 2024 年前端技术领域的最新动态和发展趋势。内容涵盖了从 AI 编程到框架更新的重要业界资讯，包括 React 19 的创新特性、Astro 5.1 的重要更新、以及 VSCode 推出 GitHub Copilot 免费版等重磅消息。技术层面深入探讨了前端工程化、性能优化、跨端开发等热门话题，特别关注了 Qwik 的可恢复性技术、Remix 模块预加载优化等前沿技术实践。
2025-01-02 21:37:48
1090
原创 Cursor 提示 Too many free trial accounts used on this machine，继续使用方法
位置 $HOME/Library/Application Support/Cursor/User/globalStorage/storage.json。执行脚本：. ./keep-cursor-free.sh。保存脚本为：keep-cursor-free.sh。找到 设备ID 进行重置解决。Github 仓库地址。
2024-12-11 11:42:05
1239
1
原创 Plop.js：一键生成代码模板，提升开发效率的利器
尤其是在前端开发中，开发者通常会创建大量的类似代码结构（如组件、服务模块、Redux actions 等），这些操作容易出错且耗时。Plop 的设计初衷就是以简单、灵活的方式，帮助开发者快速生成标准化的代码结构和文件，从而减少手动创建的工作量。它可以通过简单的模板定义和 CLI（命令行界面）交互，在项目中快速生成预定义的代码片段，从而提升开发效率。：操作是生成器的核心，它定义了在生成过程中如何处理用户的输入。在 Plop.js 中，生成器是一个集合，包含生成文件所需的模板、操作和用户输入提示。
2024-11-07 12:41:50
1275
原创 Handlebars.js：让模板编写更快、更优雅的引擎
https://github.com/handlebars-lang/handlebars.jsHandlebars.js 是一个流行的模板引擎，基于 JavaScript，常用于前端和 Node.js 环境。它采用逻辑简单的模板语法，用于将动态数据填充到 HTML 模板中。与一些其他模板引擎不同，Handlebars.js 遵循逻辑与视图分离的原则，限制在模板中编写复杂的 JavaScript 逻辑，从而保持模板的简洁和可维护性。Handlebars 表达式是一个 ，一些内容，后跟一个 。执行模板时，这
2024-11-06 10:54:20
1236
原创 前端技术月刊-2024.11
本月技术月刊聚焦于前端技术的最新发展和业务实践。业界资讯部分，React Native 0.76 版本发布，带来全新架构；Deno 2.0 和 Node.js 23 版本更新，推动 JavaScript 生态进步；Flutter 团队规模缩减，引发社区关注。技术点精读部分，深入探讨了 Vue 3.5 的性能提升、Vue 项目的可视化编程技术，以及 CSS 的新特性 content-visibility 对渲染性能的影响。
2024-11-04 12:47:02
378
原创 从 Lerna 到现代化：原生 Workspaces 和 Changesets 的高效协作
4.0.08.1.315134通过 lerna 官网可以看到，它诞生背景解决的包管理的问题，现在的包管理工具，如 npm、pnpm、yarn 等都已经支持，官方也呼吁有此功能需求的，建议不要再用 lerna 了，因为这些功能 lerna 已经全部移除。原文：在此背景下，也有了对于 monorepo 的改造。核心诉求是，操作更简单，使用更方便，保持技术先进性。
2024-06-03 11:09:48
1110
原创 vue vite 环境非构建包编译 React 报错定位
vite 固然好，但多编译环境还是会出现对不齐的问题，一些配置在 vite 官网中也讲的不是很清楚，还是得抠源码看具体实现细节。另外对于库的开发者来讲，一定要提供编译好后的代码给开发者，包括脚本和样式，默认美好。微信搜索“好朋友乐平”关注公众号。github原文地址。
2024-05-13 22:10:48
1118
1
原创 内源 npm 无法同步官方 npm 解法
内源的 NPM 通常通过全局配置了内源 NPM，采用 T+1 进行官方 NPM 的缓存同步。但可能会存在没有sync机制的场景，当依赖的一个外部包发了新版本是无法立即消费的。可以采用以下方式修正。
2024-03-29 20:16:45
700
原创 Git 内幕探索：从底层文件系统到历史编辑的全面指南
blob（Binary Large Object）是一种数据类型，用于存储文件的内容。每个文件在 Git 中都被存储为一个 blob 对象。blob 对象包含了文件的原始内容，它们是 Git 中最基本的数据单元之一。内容存储：blob 对象存储文件的实际内容。这些内容以二进制格式存储，并且是文件的原始数据。Git 不关心文件的类型，它将所有文件都视为二进制文件，并以 blob 对象的形式存储它们。唯一标识：每个 blob 对象都有一个唯一的 SHA-1 哈希值，这个哈希值是通过 blob 对象的内容
2024-03-08 00:44:29
1341
原创 告别繁琐的数据校验：用JSON Schema简化你的代码
JSON Schema 是一种基于 JSON 的格式，用于描述 JSON 数据的结构和验证 JSON 数据。它为 JSON 数据提供了一个清晰的描述，可以用来验证、文档化，以及界定数据的接口。下面是 JSON Schema 的一些核心特点和应用方式的详细介绍：描述数据格式：使用 JSON Schema，你可以详细描述 JSON 数据的预期结构，包括哪些字段是必需的，字段的数据类型是什么（如字符串、数字、布尔值等），以及字段的其他属性（如字符串的最小长度、最大长度、正则表达式模式等）。数据验证：JSO
2024-03-03 00:54:34
1899
原创 提升 Node.js 服务端性能：Fastify 框架
Fastify 是一个高效且快速的 Node.js web 框架，专为提供最佳的性能而设计。它是相对较新的，但已经因其高性能和低开销而受到许多开发者的欢迎。Fastify 提供了一个简洁的开发体验，同时支持快速的路由和插件架构，使得开发者可以快速构建和扩展他们的应用。Fastify 可以被视为 Node.js 中的一个高效、现代化的 web 框架，是构建快速 web 应用的一个优秀选择。主要特性和原则：
2024-02-27 23:00:50
1937
原创 使用PM2实现高效的应用监控与管理
PM2还允许你定义自己的指标来监控。你可以在你的应用中集成 PM2的 API 来发送自定义指标，这样就可以在 PM2的监控工具中查看这些指标了。
2024-02-25 01:16:24
2478
原创 实时反馈的力量：如何用nodemon改善你的编码实践
nodemon是一个帮助开发基于 Node.js 的应用程序的工具，通过在检测到目录中的文件更改时自动重启 node 应用程序来实现。nodemon不需要对您的代码或开发方式进行任何额外的更改。nodemon是 node 的一个替换包装器。使用nodemon时，只需在执行脚本时将命令行中的node替换为nodemon即可。
2024-02-22 21:20:01
736
原创 告别后端依赖：用 MSW 实现独立的前端应用 Mock
);},});});});Mock Service Worker 旨在使用标准的 Fetch API 类进行请求拦截和响应模拟，无需对代码进行更改和配置，可以在各种环境中使用。
2024-02-14 12:42:08
2514
原创 Promise 常见题目
delayAll 函数应确保从 functions 中的每个 Promise 都被延迟执行，形成返回延迟的 Promise 的函数的新数组。promise 的解析值应该是一个按照它们在 functions 中的顺序排列的 promise 的解析值数组。给定两个 promise 对象 promise1 和 promise2，返回一个新的 promise。数组中的每个函数都不接受参数并返回一个 promise。编写一个函数，接受另一个函数 fn ，并将基于回调函数的函数转换为基于 Promise 的函数。
2024-02-13 11:21:18
1218
原创 依赖注入的艺术：编写可扩展 JavaScript 代码的秘密
DIP 是一个高层的设计原则，DI 是实现这个原则的一种模式，而 IoC 是一个更广泛的原则，它表达了控制权转移的思想，并且可以通过包括 DI 在内的多种方式实现。在许多框架和库中，这些概念往往交织在一起，以支持松耦合、可测试和灵活的软件设计。
2024-02-12 14:28:03
1139
原创 重构利器：如何用 Immer 优雅地管理应用状态
在选择适合的不可变数据库时，你需要考虑几个关键因素，比如应用程序的规模、状态管理的复杂性、开发团队的偏好、以及与其他库或框架的集成需求。本身的完整特性集合。这个库允许你编写看似可变的代码来更新一个不变的状态，但实际上，你是在修改的一个临时的草稿状态。的诞生背景是为了解决在处理复杂不可变状态时的编码复杂性问题，同时帮助开发者避免常见的不可变数据操作错误，提高代码的可维护性和可读性。，你可以继续编写简单直观的可变代码，但是产生的结果是按照不变性原则处理的，这样就既保持了代码的简洁，也确保了状态的不可变性。
2024-02-11 12:31:38
1065
原创 实时协作的艺术：构建高效共享白板系统
前面看到一个共享白板的场景，如：发给你一个地址，让你在上面做题，双方都可以进行实时编辑。这个功能小而美，这里简单实现下。
2024-02-09 23:56:10
1268
原创 React 浮层组件实现思路
React 浮层组件（也称为弹出组件或弹窗组件）通常是指在用户界面上浮动显示的组件，它们脱离常规的文档流，并且可以在用户进行某些操作时出现在页面的最上层。React 浮层组件可以用于创建模态框（Modal）、下拉菜单（Dropdown）、工具提示（Tooltip）、侧边栏（Sidebar）或任何其他需要动态显示和隐藏且通常位置固定或绝对定位的内容。React 浮层组件的特点包括：层级管理：浮层组件通常具有较高的值，使得它们能够显示在其他内容之上。动态性：它们通常是响应用户交互（如点击按钮或鼠标悬停）而显示的
2024-02-05 16:19:50
1708
IP地址定位器v1.0
2016-10-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人