找到 90 个知识点所有分类
🟡中等
React 核心原理与虚拟 DOM
## React 核心原理与虚拟 DOM React 是一个用于构建用户界面的 JavaScript 库，其核心原理包括虚拟 DOM、组件化和单向数据流。理解这三块基石，就能理解 React 为什么这样设计、以及大部分性能问题和 bug ...
React虚拟 DOM组件+3
🟡中等
React Hooks 深度解析
## React Hooks 深度解析 React Hooks 是 React 16.8 引入的革命性特性，它彻底改变了 React 组件的编写方式，让函数组件也能拥有状态和生命周期特性，同时解决了 class 组件中 this 指向混乱...
ReactHooksuseState+3
🔴困难
React Fiber 架构与并发模式
## React Fiber 架构与并发模式 React Fiber 是 React 16 引入的全新协调引擎，它彻底重构了 React 的核心算法，为 React 带来了并发渲染能力。Fiber 的设计目标是解决大型 React 应用中...
ReactFiber并发+4
🟡中等
React 状态管理方案对比
## React 状态管理方案对比 状态管理是 React 应用的核心问题之一，随着应用复杂度的增加，选择合适的状态管理方案变得至关重要。React 提供了从简单的 useState 到复杂的状态管理库等多种方案，开发者需要根据应用规模、...
React状态管理Redux+4
🟡中等
React 性能优化最佳实践
## React 性能优化最佳实践 React 应用的性能直接影响用户体验，性能优化是前端开发中不可忽视的重要环节。React 提供了多种优化手段，从渲染优化、状态管理到代码分割，合理运用这些技术可以显著提升应用的响应速度和流畅度。 本...
React性能优化渲染+7
🔴困难
React Server Components 深度解析
## React Server Components 深度解析 React Server Components (RSC) 是 React 团队推出的革命性特性，它允许组件在服务器端渲染，并将渲染结果以特殊的序列化格式流式传输到客户端。R...
ReactServer ComponentsRSC+5
🟡中等
React 测试策略与最佳实践
## React 测试策略与最佳实践 测试是保证 React 应用质量的重要手段，完善的测试体系可以及早发现 bug、提高代码可维护性、增强重构信心。React 生态提供了丰富的测试工具，从单元测试到端到端测试，开发者可以根据需求构建多层...
React测试Jest+1
🔴困难
React 服务端渲染 (SSR) 深度解析
## React 服务端渲染 (SSR) 深度解析 服务端渲染 (SSR) 是提高 React 应用首屏性能和 SEO 的重要技术。与客户端渲染 (CSR) 不同，SSR 在服务器端生成完整的 HTML，然后发送给客户端，用户可以更快地看...
ReactSSRNext.js+7
🟡中等
React 动画实现与性能优化
## React 动画实现与性能优化 动画是提升用户体验的重要手段，精心设计的动画可以引导用户注意力、提供视觉反馈、增强应用的交互感。研究表明，恰当的动效能让用户感知到的加载时间下降约 20%，让操作的"确定感"显著提升。但反过来，一个卡...
React动画CSS+9
🟡中等
React 表单处理最佳实践
## React 表单处理最佳实践 表单是用户与应用交互的重要方式，表单处理涉及状态管理、验证、错误处理、提交等多个方面。React 提供了受控组件和非受控组件两种表单处理方式，同时社区也提供了丰富的表单处理库，开发者可以根据需求选择合适...
React表单状态管理+3
🟡中等
React 国际化 (i18n) 最佳实践
## React 国际化 (i18n) 最佳实践 国际化（Internationalization，简称 i18n）是构建全球应用的重要环节。一个优秀的国际化方案不仅要支持多语言翻译，还需要处理日期时间格式、数字格式、货币符号、复数规则、...
React国际化i18n+8
🟡中等
React 应用安全最佳实践
## React 应用安全最佳实践 安全是 React 应用开发的重要考虑因素。前端安全不仅关乎用户数据保护，也直接影响应用的可靠性和用户信任。很多开发者存在一个误区：认为"安全是后端的事"，前端只负责界面。但事实恰恰相反——前端是攻击者...
React安全XSS+8
🔴困难
React 应用架构设计最佳实践
## React 应用架构设计最佳实践 良好的架构是 React 应用可维护性和可扩展性的关键。一个优秀的 React 应用架构应该遵循关注点分离、单一职责、高内聚低耦合等原则，同时考虑团队协作、代码可维护性和长期演进能力。 架构不是一...
React架构设计模式+7
🔴困难
React 微前端架构实践
## React 微前端架构实践 微前端（Micro Frontends）是将大型前端应用拆分为多个独立开发、独立部署、独立运行的小型应用，再在运行时把它们组合成一个完整产品的架构模式。它把后端「微服务」的思想搬到了浏览器端。 ### ...
React微前端Module Federation+5
🟡中等
React 元框架对比与选择
## React 元框架对比与选择 元框架（Meta Framework）为 React 应用提供了更完整的开发体验，包括路由、SSR、构建、数据获取、部署等一整套能力。可以把 React 本身理解成"发动机"——它只负责把状态渲染成 U...
ReactNext.jsRemix+7
🟡中等
JavaScript 核心概念与执行机制
## JavaScript 核心概念与执行机制 JavaScript 是一门单线程、非阻塞、异步的脚本语言，理解其核心概念和执行机制对于编写高质量的代码至关重要。这些底层机制——执行上下文、作用域、闭包、原型链、this、事件循环——是几...
JavaScript执行上下文闭包+3
🟡中等
JavaScript 异步编程模式
## JavaScript 异步编程模式 JavaScript 是一门单线程语言，异步编程是其核心特性之一，掌握各种异步编程模式对于编写高性能的应用至关重要。本文将从最基础的回调函数出发，逐步深入到 Promise、async/await...
JavaScript异步Promise+9
🟡中等
TypeScript 核心概念与类型系统
## TypeScript 核心概念与类型系统 TypeScript 是 JavaScript 的超集（Superset），为 JavaScript 添加了静态类型系统，提高了代码的可靠性和可维护性。它由微软在 2012 年推出，如今已成...
TypeScript类型系统接口+3
🔴困难
TypeScript 高级特性与类型体操
## TypeScript 高级特性与类型体操 TypeScript 的类型系统非常强大，强大到本身就是一门**图灵完备的编程语言**——只不过它运行在"编译期"，操作的对象不是值，而是类型。所谓"类型体操"（Type Gymnastic...
TypeScript高级类型类型体操+3
🟡中等
JavaScript 设计模式与应用
## JavaScript 设计模式与应用 设计模式是解决软件设计中常见问题的可重用方案。在 JavaScript 中，设计模式不仅可以帮助我们编写更加优雅、可维护的代码，还能提高代码的可读性和可扩展性。JavaScript 的动态特性使...
JavaScript设计模式单例+9
🟡中等
JavaScript 性能优化最佳实践
## JavaScript 性能优化最佳实践 JavaScript 性能直接影响应用的用户体验。一个高性能的 JavaScript 应用应该具备快速响应、流畅动画、低内存占用等特点。性能优化是一个持续的过程，需要在开发的各个阶段关注。以下...
JavaScript性能优化内存+3
🟡中等
JavaScript 模块化开发与实践
## JavaScript 模块化开发与实践 模块化是现代 JavaScript 开发的重要特性，它使代码更加组织化、可维护和可复用。简单说，模块化就是把一个庞大的程序拆分成一个个独立、职责单一的文件（模块），每个模块管好自己的事，通过明...
JavaScript模块化ES modules+3
🟡中等
JavaScript 调试技巧与最佳实践
## JavaScript 调试技巧与最佳实践 调试（Debugging）是指定位、分析并修复程序缺陷的过程。它不是简单地"加几行 console.log 看看"，而是一套包含假设、观察、验证的系统方法论。掌握有效的调试技巧，可以把原本需...
JavaScript调试DevTools+6
🟡中等
ECMAScript 新特性与最佳实践
## ECMAScript 新特性与最佳实践 ECMAScript 是 JavaScript 语言的标准规范，由 TC39 委员会（Technical Committee 39）负责制定和维护。自 2015 年发布 ES6（ES2015）...
JavaScriptES6+新特性+6
🟡中等
JavaScript 测试策略与最佳实践
## JavaScript 测试策略与最佳实践 测试是保证代码质量的重要手段。它的本质是：**用可执行的代码去验证另一段代码的行为是否符合预期**。JavaScript 生态有非常丰富的测试工具和框架，从最小的单元测试到完整的端到端测试，...
JavaScript测试Jest+4
🟡中等
JavaScript 安全最佳实践
## JavaScript 安全最佳实践 安全是 JavaScript 开发的重要考虑因素。在 Web 世界里，你的代码运行在完全不可信的环境——用户的浏览器中，任何人都能打开开发者工具查看、修改前端逻辑，能构造任意请求发给你的服务器。所...
JavaScript安全XSS+3
🔴困难
JavaScript 与人工智能的结合
## JavaScript 与人工智能的结合 过去我们习惯把「人工智能」和「Python」画等号：训练在 GPU 服务器上跑，推理走后端 API，浏览器只负责画个进度条。但从 2018 年 TensorFlow.js 发布开始，这条铁律被...
JavaScriptAIMachine Learning+7
🟡中等
JavaScript Web APIs 深度解析
## JavaScript Web APIs 深度解析 Web APIs 是浏览器提供的一组接口，使 JavaScript 能够与浏览器和操作系统交互。 需要澄清一个常见误解：**很多我们天天用的东西其实不属于 JavaScript 语...
JavaScriptWeb APIsDOM+4
🟢简单
CSS 盒模型深度解析
## CSS 盒模型深度解析 CSS 盒模型（Box Model）是网页布局的基石。可以说，浏览器渲染的每一个 HTML 元素，本质上都是一个矩形盒子。理解盒模型，才能真正搞懂"为什么我设了 width: 300px，元素却占了 350p...
CSS盒模型布局基础+3
🟡中等
Flexbox 弹性布局详解
## Flexbox 弹性布局详解 Flexbox（Flexible Box Layout，弹性盒子布局）是 CSS3 引入的一维布局模型，专门用于处理元素在容器中的排列、对齐和空间分配。它于 2009 年首次提出规范，2012 年语法基...
CSSFlexbox弹性布局+3
🟡中等
CSS Grid 网格布局详解
## CSS Grid 网格布局详解 CSS Grid（网格布局）是 CSS 迄今为止最强大的二维布局系统。它能同时控制行和列，用极简的声明实现过去需要大量嵌套和 hack 才能完成的复杂页面结构。规范于 2017 年 3 月在主流浏览器...
CSSGrid网格布局+3
🟡中等
CSS 定位机制详解
## CSS 定位机制详解 CSS 定位（position）用来精确控制元素在页面上的位置，是布局体系里除 Flexbox、Grid 之外不可或缺的一环。它决定了一个元素究竟「随文档流走」，还是「脱离文档流独立摆放」。理解定位机制，是实现...
CSS定位position+3
🟡中等
响应式设计与媒体查询
## 响应式设计与媒体查询 响应式设计是现代网页开发的标准实践，确保网站在不同设备和屏幕尺寸上都能良好显示。一句话概括：**同一套 HTML，让布局随视口自动适配**，而不是为手机和桌面各写一个站点。 ### 为什么需要响应式 在移动...
CSS响应式媒体查询+5
🟡中等
CSS 动画与过渡效果
## CSS 动画与过渡效果 CSS 动画和过渡为网页增添交互性和视觉吸引力，是提升用户体验、传达界面状态的关键手段。一个恰到好处的按钮反馈、一段流畅的页面入场，往往比十行文案更能让用户感受到产品的"质感"。 ### 为什么需要动画 ...
CSS动画transition+4
🟡中等
CSS 预处理器与后处理器
## CSS 预处理器与后处理器 CSS 预处理器和后处理器扩展了 CSS 的功能，提高了开发效率和代码可维护性。它们是现代前端工程化体系里最基础、也最常被低估的一环：几乎所有大型项目都在用，但很多人只会写变量和嵌套，浪费了大部分能力。 ...
CSSSassLess+5
🟡中等
CSS 架构与命名规范
## CSS 架构与命名规范 良好的 CSS 架构和命名规范，对于大型项目的可维护性至关重要。它能避免样式冲突、提高复用性，让团队协作时"改一处不炸全局"。 ### 为什么 CSS 需要"架构" CSS 有两个先天特性，让它在大项目中...
CSSBEMOOCSS+5
🟢简单
CSS 自定义属性（变量）
## CSS 自定义属性（变量） CSS 自定义属性（CSS Variables，规范名 CSS Custom Properties）允许定义可复用的值，提高代码的可维护性和灵活性。它和 Sass 变量最大的不同在于：**它是"活的"——...
CSS变量自定义属性+4
🟢简单
CSS 选择器详解
## CSS 选择器详解 CSS 选择器用于选择要样式化的 HTML 元素，是 CSS 的核心概念之一。可以把选择器理解成"一句话描述你想选中谁"：越精准的描述越强大，但也越难被覆盖。理解选择器和它背后的优先级规则，是写出可维护样式的地基...
CSS选择器优先级+4
🔴困难
CSS 现代特性与前沿技术
## CSS 现代特性与前沿技术 CSS 早已不是那个只能写颜色和边距的「样式语言」。近几年它以惊人的速度进化，引入了容器查询、级联层、:has() 选择器、Houdini、嵌套语法等一批强大特性，让许多过去必须靠 JavaScript ...
CSS新特性Houdini+4
🟡中等
Figma UI 稿 100% 还原
## Figma UI 稿 100% 还原最佳实践 实现 Figma 设计稿的像素级还原，从来不是"开发一个人对着图猛调 CSS"的独角戏，而是需要设计阶段协作、开发实现技巧和自动化验收流程三方配合的系统工程。 ### 为什么"100%...
FigmaUI 还原设计协作+4
🟡中等
Vue 核心原理与响应式系统
## Vue 核心原理与响应式系统 Vue.js 是一个渐进式 JavaScript 框架，其核心特性是响应式系统，理解其原理对于掌握 Vue 至关重要。Vue的响应式系统是其最核心的特性之一，它使得数据变化能够自动反映到视图上，极大地简...
Vue响应式数据绑定+7
🟡中等
Vue 3 Composition API 详解
## Vue 3 Composition API 详解 Composition API 是 Vue 3 引入的一组基于函数的 API，它提供了比 Options API 更灵活的代码组织方式，专门用来解决大型组件"逻辑碎片化"的问题。 ...
Vue 3Composition APIsetup+5
🟡中等
Vue Router 路由管理
## Vue Router 路由管理 Vue Router 是 Vue 官方的路由管理器，用于构建单页应用（SPA）的导航系统。它让"点击链接切换视图但页面不刷新"成为可能，是几乎所有中大型 Vue 项目的基础设施。 ### 一、什么是...
VueRouter路由+4
🟡中等
Pinia 状态管理
## Pinia 状态管理 Pinia 是 Vue 3 官方推荐的状态管理库，替代了 Vuex，提供了更简洁的 API 和更好的 TypeScript 支持。它的作者 Eduardo San Martin Morote 同时也是 Vue ...
VuePinia状态管理+3
🟡中等
Vue 生态系统与工具链
## Vue 生态系统与工具链 Vue 生态系统丰富多样，包括官方工具和社区工具，为开发提供了完整的解决方案。一个现代的 Vue 3 项目通常由「构建工具 + 路由 + 状态管理 + HTTP 层 + UI 库 + 工具函数库 + 测试 ...
Vue生态系统工具链+8
🔴困难
Vue 高级特性与核心原理
## Vue 高级特性与核心原理 Vue.js 作为现代前端框架，拥有许多强大的高级特性。深入理解这些特性对于掌握 Vue 至关重要，也是面试中的高频考点。本文将从虚拟 DOM、响应式系统、编译优化到内置组件、自定义指令、渲染函数、插件开...
Vue高级特性虚拟 DOM+9
🔴困难
Vue 性能优化实战指南
## Vue 性能优化实战指南 性能优化是前端开发中的永恒话题，也是面试中的高频考点。Vue 作为现代前端框架，提供了多种性能优化手段。本文将从渲染优化、代码优化、打包优化等多个维度，全面讲解 Vue 性能优化的最佳实践。 ### 零、...
Vue性能优化渲染优化+3
🔴困难
Vue 面试高频知识点详解
## Vue 面试高频知识点详解 Vue 作为最流行的前端框架之一，是前端面试中的必考内容。本文系统整理了 Vue 面试中的高频考点，涵盖 Vue2 与 Vue3 的响应式原理、编译优化、组件通信、状态管理、路由、SSR 以及大量实际项目...
Vue面试题高频考点+7
🟡中等
Vue2 与 Vue3 全面对比
## Vue2 与 Vue3 全面对比 Vue3 于 2020 年 9 月正式发布（代号 One Piece），2022 年 2 月起成为默认版本，Vue2 已于 2023 年 12 月 31 日停止官方维护。相比 Vue2，Vue3 在...
Vue2Vue3对比+4
🟡中等
Vue Router 深度详解
## Vue Router 深度详解 Vue Router 是 Vue.js 官方的路由管理器，与 Vue.js 深度集成，让构建单页面应用变得简单。本文详细讲解 Vue Router 的核心概念、底层原理、高级用法和最佳实践，覆盖从入门...
Vue Router路由导航守卫+4
🟡中等
Pinia 状态管理深度详解
## Pinia 状态管理深度详解 Pinia 是 Vue.js 的官方状态管理库，专为 Vue 3 设计。相比 Vuex，Pinia 更轻量、TypeScript 支持更好、API 更简洁。本文详细讲解 Pinia 的核心概念、高级用法...
Pinia状态管理Vue3+4
🟡中等
Vue 实战技巧与最佳实践
## Vue 实战技巧与最佳实践 本文总结了 Vue 开发中的实用技巧、常见问题的解决方案和最佳实践，帮助开发者写出更高质量、更易维护的 Vue 代码。这些技巧大多来自真实项目踩坑后的沉淀，掌握它们能显著提升开发效率和代码质量。 ###...
Vue实战技巧最佳实践+3
🟡中等
Vue 测试完全指南
## Vue 测试完全指南 测试是保证代码质量的重要手段。本文详细介绍 Vue 3 应用的测试方法，包括单元测试、组件测试和端到端测试，使用 Vitest 和 Vue Test Utils 等现代测试工具，并结合真实场景讲解如何写出有价值...
Vue测试Vitest+4
🟡中等
Core Web Vitals 核心指标优化
## Core Web Vitals 核心指标优化 Core Web Vitals（核心网页指标，简称 CWV）是 Google 从海量真实用户体验数据中提炼出来的一组"以用户为中心"的性能指标。它试图回答三个最朴素的问题：**页面主要内...
性能优化Core Web VitalsLCP+6
🟡中等
代码分割与懒加载
## 代码分割与懒加载 代码分割（Code Splitting）和懒加载（Lazy Loading）是减少初始加载时间、提高应用性能的重要策略。它们的核心思想是：**不要一次性把所有代码都塞给用户，而是按需分批交付**。 ### 一句话...
性能优化代码分割懒加载+5
🟡中等
图片优化策略
## 图片优化策略 图片是网页中最常见、也是体积最大的资源。据 HTTP Archive 统计，图片平均占页面总下载体积的 40%-50%，是影响页面加载速度的头号因素。合理的图片优化策略往往能带来最直接、最显著的性能提升。 ### 一...
性能优化图片优化WebP+5
🟡中等
浏览器渲染优化
## 浏览器渲染优化 理解浏览器的渲染过程，针对性地进行优化，可以显著提升页面的渲染性能和用户体验。浏览器渲染是一个复杂的过程，从接收HTML、CSS、JavaScript等资源，到最终在屏幕上显示像素，涉及多个阶段。每个阶段都可能成为性...
性能优化浏览器渲染回流+11
🟡中等
网络请求优化
## 网络请求优化 网络请求是前端性能的关键瓶颈。一次典型的页面加载，用户看到内容的快慢，往往不取决于 JavaScript 执行了多少毫秒，而取决于"数据从服务器到浏览器"这条链路走得快不快。优化网络请求可以显著提升页面加载速度和用户体...
性能优化网络请求HTTP/2+7
🟡中等
XSS 攻击与防护
## XSS 攻击与防护 XSS（Cross-Site Scripting，跨站脚本攻击）是最古老也最顽固的前端安全漏洞之一。它的本质是：网站把"数据"当成了"代码"来执行。攻击者把一段恶意脚本"伪装"成普通内容（比如一条评论、一个昵称、...
前端安全XSS跨站脚本攻击+9
🟡中等
CSRF 攻击与防护
## CSRF 攻击与防护 CSRF（Cross-Site Request Forgery，跨站请求伪造）是一种"借刀杀人"式的攻击：攻击者并不直接窃取你的密码，而是诱导已经登录某网站的你，在不知情的情况下向该网站发出攻击者精心构造的请求...
前端安全CSRF跨站请求伪造+4
🟡中等
内容安全策略 (CSP) 实施
## 内容安全策略 (CSP) 实施 内容安全策略 (Content Security Policy, CSP) 是一种由浏览器强制执行的安全机制。它通过一份"白名单"告诉浏览器：这个页面只允许从哪些来源加载脚本、样式、图片、字体等资源，...
前端安全CSP内容安全策略+9
🟡中等
依赖包安全管理
## 依赖包安全管理 现代前端项目就像用乐高搭房子：真正自己写的代码往往只占一小部分，剩下的绝大多数由 npm 上的第三方"积木"拼成。一个中等规模的项目 `node_modules` 里动辄有上千个包，其中很多是你根本没直接引用、却被间...
前端安全依赖包安全审计+12
🟡中等
前端安全存储方案
## 前端安全存储方案 前端应用总要在浏览器里存点东西：用户偏好、主题设置、购物车、登录凭证……问题是，浏览器本质上是一个"公共场所"——用户能打开开发者工具随便翻看，任何在页面上运行的脚本（包括被 XSS 注入的恶意脚本）也能读取这些数...
前端安全安全存储localStorage+18
🟡中等
CI/CD 持续集成与部署
## CI/CD 持续集成与部署 CI/CD (Continuous Integration / Continuous Delivery / Continuous Deployment) 是现代软件工程的核心实践，它把"写完代码"到"用户...
工程化CI/CD持续集成+9
🟡中等
Monorepo 管理策略
## Monorepo 管理策略 Monorepo（单一仓库）是一种代码管理策略：把多个项目或包放进同一个版本控制仓库里统一管理。它不是一个具体的工具，而是一种组织方式；配合 pnpm workspace、Turborepo、Nx、cha...
工程化Monorepo代码管理+6
🟡中等
代码质量与规范
## 代码质量与规范 代码质量和规范是前端工程化的重要组成部分，直接影响代码的可维护性、可读性和可靠性。可以把一个代码库想象成一座持续扩建的城市：如果每个人都随意搭建、没有统一的规划标准，城市很快就会变成无法维护的贫民窟；而一套良好的代码...
工程化代码质量代码规范+9
🟡中等
构建工具优化
## 构建工具优化 构建工具是前端工程化的核心，优化构建配置可以显著提升开发效率和构建性能。现代前端项目通常使用Webpack、Vite、Rollup等构建工具，每种工具都有其特点和适用场景。理解这些工具的工作原理和优化策略，对于提升项目...
工程化构建工具webpack+2
🟡中等
前端监控与错误追踪
## 前端监控与错误追踪 前端监控是保障 Web 应用质量的核心手段。它通过在真实用户的浏览器中采集性能指标、错误堆栈和行为数据，让团队在用户投诉之前就发现问题、定位问题并量化优化效果。可以把前端监控理解为给你的线上应用装上一套"仪表盘 ...
工程化前端监控错误追踪+4
🟡中等
浏览器架构与渲染流程
## 浏览器架构与渲染流程 现代浏览器是一套复杂度不亚于操作系统的软件工程系统。你在地址栏敲下一个网址、按下回车，短短几百毫秒内，浏览器要完成网络请求、安全校验、HTML/CSS/JS 解析、样式计算、布局、绘制、合成，最终把像素点亮在屏...
浏览器原理浏览器架构渲染流程+6
🟡中等
DOM 操作与优化
## DOM 操作与优化 DOM (Document Object Model) 是浏览器对 HTML 文档的结构化表示，DOM 操作是前端开发中最常见的操作之一，也是性能瓶颈的主要来源。可以把 DOM 想象成一棵不断被"翻修"的活体建筑...
浏览器原理DOMDOM 操作+5
🟡中等
浏览器事件循环与异步编程
## 浏览器事件循环与异步编程 事件循环（Event Loop）是 JavaScript 异步编程的核心机制，是"单线程的 JavaScript 为什么能同时处理动画、网络请求、用户点击"这个问题的标准答案。无论是面试高频题，还是排查页面...
浏览器原理事件循环异步编程+4
🟡中等
网络协议与浏览器通信
## 网络协议与浏览器通信 网络协议是浏览器与服务器通信的基础。从你在地址栏敲下回车，到页面第一个像素显示出来，中间要经历 DNS 解析、TCP 连接、TLS 握手、HTTP 请求响应、浏览器渲染等一整套流程。理解这些环节，既能帮你排查"...
浏览器原理网络协议HTTP+6
🟡中等
浏览器存储机制
## 浏览器存储机制 浏览器就像一个带了好几种"抽屉"的工作台：有的抽屉很小但每次干活都会随手带上（Cookie），有的抽屉很大但只在当前房间里用（localStorage / sessionStorage），还有的干脆是一整间仓库，可以...
浏览器原理浏览器存储localStorage+7
🔴困难
AI Agent 核心原理与实现机制
## AI Agent 核心原理与实现机制 AI Agent（人工智能代理）是能够感知环境、做出决策并执行行动以实现特定目标的智能系统。现代AI Agent不仅仅是简单的响应式系统，而是具备自主性、反应性、主动性和社会性的复杂智能实体。 ...
AI Agent智能体自主决策+5
🔴困难
LangChain 框架深度解析与应用实践
## LangChain 框架深度解析与应用实践 LangChain 是一个强大的开源框架，专门用于构建基于大语言模型（LLM）的应用程序。它提供了一套完整的工具、组件和接口，使开发者能够轻松地将 LLM 集成到各种应用程序中，实现复杂的...
LangChainLLM框架AI开发+11
🔴困难
大语言模型（LLM）核心技术原理
## 大语言模型（LLM）核心技术原理 大语言模型（Large Language Models, LLMs）是现代人工智能领域的核心技术之一，它们通过深度学习和大规模数据训练，实现了对自然语言的深刻理解和生成能力。本文将深入探讨 LLM ...
LLMTransformer注意力机制+18
🔴困难
向量数据库核心技术与应用实践
## 向量数据库核心技术与应用实践 向量数据库是现代AI应用的核心基础设施，专门用于存储、索引和检索高维向量数据。随着大语言模型和机器学习应用的普及，向量数据库已成为实现语义搜索、推荐系统、相似性匹配等功能的关键技术。 如果说传统数据库...
向量数据库相似性搜索嵌入向量+9
🟡中等
提示工程（Prompt Engineering）最佳实践
## 提示工程（Prompt Engineering）最佳实践 提示工程是与大语言模型交互的核心技能，通过精心设计的提示（Prompt）来引导模型产生期望的输出。良好的提示工程能够显著提升模型的表现，实现更准确、更可控的AI应用。 打一...
提示工程Prompt EngineeringLLM调优+11
🟡中等
AI开发工具与平台生态系统
## AI开发工具与平台生态系统 AI开发工具和平台构成了现代人工智能应用开发的基础设施。从数据处理到模型训练，从部署到监控，完整的工具链为AI工程师提供了端到端的解决方案。 ### 🛠️ AI开发工具分类 #### 1. 数据处理...
AI工具开发平台模型训练+9
🟢简单
神经网络与机器学习入门直觉
## 神经网络与机器学习入门直觉 在深入了解大语言模型、Transformer 或 AI Agent 之前，先搞懂机器学习最底层的几个直觉，会让后面所有更复杂的概念都变得容易理解。这篇文章不追求数学上的严谨完备，而是用尽量通俗的类比和最小...
神经网络机器学习梯度下降+12
🟡中等
深度学习四大基石：反向传播、CNN、Embedding 与注意力
## 深度学习四大基石：反向传播、CNN、Embedding 与注意力 如果把深度学习比作一座大厦，那么反向传播、卷积神经网络（CNN）、词嵌入（Embedding）和注意力机制就是支撑起这座大厦的四根承重柱。无论后来的模型多么庞大、多么...
深度学习反向传播CNN+9
🟡中等
大模型炼成记：Token、预训练与 RLHF 对齐
## 大模型炼成记：Token、预训练与 RLHF 对齐 一个能流畅聊天、写代码、做推理的大模型，是怎么从"一堆参数"变成今天的样子的？很多介绍只会说一句"先预训练再微调"，但真正决定模型能力和体验的，恰恰藏在这条流水线的每一个具体环节里...
大语言模型Token化预训练+7
🟡中等
上下文窗口与 Function Calling：AI 的记忆与双手
## 上下文窗口与 Function Calling：AI 的记忆与双手 如果说提示工程解决的是"如何对AI说话"，那么上下文窗口和Function Calling解决的就是"AI能记住多少"以及"AI能替我们做什么"。上下文窗口是大语言...
上下文窗口Function Calling工具调用+1
🔴困难
RAG 完整指南：从基础检索到进阶架构
## RAG：给 AI 外挂知识库 🧠 大语言模型的知识都"冻结"在训练数据里——它不知道你公司上周更新的产品手册，不知道今天早上发生的新闻，更不知道你硬盘里那份从未公开过的合同。想让模型回答这些问题，无非两条路：把新知识塞进训练数据重...
RAG检索增强生成向量检索+9
🟡中等
扩散模型与多模态：AI 如何生成图像、看懂图文音
## 扩散模型与多模态：AI 如何生成图像、看懂图文音 如果说大语言模型解决的是"AI 如何理解和生成文字"，那么扩散模型和多模态技术解决的就是"AI 如何理解和生成图像、声音，以及如何把这些不同形式的信息统一起来处理"。从 Stable...
扩散模型Stable Diffusion多模态+9
🟡中等
推理模型：思维链与慢思考范式
## 推理模型：思维链与慢思考范式 大语言模型早期给人的印象是"脱口而出"——问一句答一句，几乎不加思索。但面对数学证明、多步逻辑推理、复杂代码调试这类任务时，这种"张口就来"的方式经常出错。近年来，从思维链提示到 OpenAI o1、D...
推理模型思维链Chain-of-Thought+9
🟢简单
MCP 与大模型生态版图：开源闭源如何选型
## MCP 与大模型生态版图：开源闭源如何选型 大模型能力再强，最终都要落地成"能调用工具、能读写数据、能和其他系统协作"的产品。这就带来两个绕不开的工程问题：第一，模型和外部世界（文件、数据库、API）之间怎么标准化对接；第二，业务方...
MCPModel Context Protocol开源大模型+6
🟡中等
大模型工程实战：API 调用、本地部署与进阶学习地图
## 大模型工程实战：API 调用、本地部署与进阶学习地图 理解了大模型的原理、学会了写提示词之后，下一步就是"动手把它跑起来"。本文是一份偏工程实践的教程，带你完整走一遍从调用云端 API、到本地部署开源模型、再到搭建一个真正能跑的 R...
API调用Ollama模型量化+9
🟡中等
AI 评估与安全：模型体检与安全红线
## AI 评估与安全：模型体检与安全红线 大模型上线前，"感觉聊起来还不错"从来不是一个可以交付的结论。一个系统要真正进入生产环境，需要经过系统性的评估（体检）和一整套安全机制（红线）的检验。这里所说的"安全"，本质上和大模型训练阶段常...
模型评估AI安全幻觉+8
🔴困难
AI 产品拆解案例：Manus、Cursor、DeepSeek 与 Character.AI
## AI 产品拆解案例：从 Manus、Cursor、DeepSeek 到 Character.AI AI 产品的竞争力，早就不只取决于"用了哪个大模型"。同一个基座模型，不同团队做出来的产品体验可以有数量级的差距——差距往往藏在看不见...
ManusCursorDeepSeek+12