<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>学习路线 on acye&#39;s blog</title>
        <link>https://ye-guan-xing.github.io/categories/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/</link>
        <description>Recent content in 学习路线 on acye&#39;s blog</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en-us</language>
        <copyright>acye</copyright>
        <lastBuildDate>Fri, 13 Feb 2026 16:36:00 +0000</lastBuildDate><atom:link href="https://ye-guan-xing.github.io/categories/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>前端学习路线：从入门到进阶</title>
        <link>https://ye-guan-xing.github.io/p/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E8%BF%9B%E9%98%B6/</link>
        <pubDate>Fri, 13 Feb 2026 16:36:00 +0000</pubDate>
        
        <guid>https://ye-guan-xing.github.io/p/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E8%BF%9B%E9%98%B6/</guid>
        <description>&lt;h2 id=&#34;前言&#34;&gt;前言
&lt;/h2&gt;&lt;p&gt;这份前端学习路线源自 &lt;a class=&#34;link&#34; href=&#34;http://roadmap.sh&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;roadmap.sh&lt;/a&gt;，是一份被全球开发者广泛参考的学习指南。它清晰地梳理了从基础到进阶的所有核心知识点，并标注了每个内容的学习优先级，帮助你在浩瀚的前端知识海洋中找准方向，高效学习。（参考图见尾部）&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;图例说明&#34;&gt;图例说明
&lt;/h2&gt;&lt;p&gt;在开始之前，请先了解图中标记的含义，这将帮助你判断学习的优先级：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;❤️ 个人推荐 / 意见&lt;/strong&gt;：&lt;strong&gt;核心必学内容&lt;/strong&gt;，是前端开发的基石，必须掌握。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;✅ 替代选项 — 选择此项或是紫色项目&lt;/strong&gt;）：&lt;strong&gt;选其一深入即可&lt;/strong&gt;，通常是不同的技术方案或框架，无需全部学习。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;☑ 不必严格按照路线图的顺序（随时可学）&lt;/strong&gt;：&lt;strong&gt;可灵活安排学习顺序&lt;/strong&gt;，属于进阶或补充性知识。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;⚫ 我不推荐&lt;/strong&gt;：&lt;strong&gt;优先级较低或可跳过&lt;/strong&gt;，在当前技术环境下必要性不高。&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;一互联网基础-&#34;&gt;一、互联网基础 🌐
&lt;/h2&gt;&lt;p&gt;在学习具体的前端技术之前，理解互联网的工作原理至关重要，这能帮你建立起坚实的知识根基。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ 互联网是如何运作的？&lt;/li&gt;
&lt;li&gt;❤️ 什么是 HTTP？&lt;/li&gt;
&lt;li&gt;❤️ 浏览器及其工作原理？&lt;/li&gt;
&lt;li&gt;❤️ DNS 及其工作原理？&lt;/li&gt;
&lt;li&gt;❤️ 什么是域名 (Domain Name)？&lt;/li&gt;
&lt;li&gt;❤️ 什么是主机托管 (Hosting)？&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;二html-&#34;&gt;二、HTML 🏗️
&lt;/h2&gt;&lt;p&gt;HTML 是网页的骨架，负责定义内容的结构和语义。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;✅ 学习基础知识&lt;/li&gt;
&lt;li&gt;❤️ 撰写语义化 (Semantic) HTML&lt;/li&gt;
&lt;li&gt;❤️ 表单 (Form) 和验证 (Validation)&lt;/li&gt;
&lt;li&gt;❤️ 惯例和最佳实践 (Best Practice)&lt;/li&gt;
&lt;li&gt;☑ 无障碍 (Accessibility)&lt;/li&gt;
&lt;li&gt;☑ 基础的搜索引擎优化 (SEO)&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;三css-&#34;&gt;三、CSS 🎨
&lt;/h2&gt;&lt;p&gt;CSS 负责网页的视觉呈现，让你的页面变得美观和响应式。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;✅ 学习基础知识&lt;/li&gt;
&lt;li&gt;✅ 制作页面布局 (Layout)&lt;/li&gt;
&lt;li&gt;✅ 响应式设计* 和 媒体查询**
&lt;ul&gt;
&lt;li&gt;❤️ 浮动 (Float)&lt;/li&gt;
&lt;li&gt;❤️ 定位 (Positioning)&lt;/li&gt;
&lt;li&gt;❤️ 显示属性 (Display)&lt;/li&gt;
&lt;li&gt;❤️ 盒模型 (Box Model)&lt;/li&gt;
&lt;li&gt;❤️ CSS 网格 (Grid)&lt;/li&gt;
&lt;li&gt;❤️ 弹性盒子 (Flex Box)&lt;/li&gt;
&lt;li&gt;Responsive Design，也译作“响应式网页设计”&lt;/li&gt;
&lt;li&gt;*Media Query，媒体查询是实现响应式设计的核心技术&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;四javascript-&#34;&gt;四、JavaScript 💻
&lt;/h2&gt;&lt;p&gt;JavaScript 是前端的灵魂，赋予网页交互和动态能力。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ 语法和基本结构&lt;/li&gt;
&lt;li&gt;❤️ 学习 DOM 操作&lt;/li&gt;
&lt;li&gt;❤️ 了解 Fetch API / Ajax (XHR)&lt;/li&gt;
&lt;li&gt;❤️ ES6+ 及模块化 JavaScript&lt;/li&gt;
&lt;li&gt;❤️ 理解提升 (Hoisting)、事件冒泡 (Event Bubbling)、作用域 (Scope)、原型 (Prototype)、影子 (Shadow) DOM、严格模式 (Strict) 等核心概念
&lt;ul&gt;
&lt;li&gt;“作用域 (Scope)”也有译作“范畴”的情况，前端领域通用译法为“作用域”&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;五工具与工程化-&#34;&gt;五、工具与工程化 🛠️
&lt;/h2&gt;&lt;p&gt;现代前端开发离不开各种工具，它们能极大地提升你的开发效率和代码质量。&lt;/p&gt;
&lt;h3 id=&#34;版本控制系统-vcs&#34;&gt;版本控制系统 (VCS)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ 版本控制系统的定义及使用价值&lt;/li&gt;
&lt;li&gt;❤️ Git 基本用法&lt;/li&gt;
&lt;li&gt;☑ 代码仓库托管 (Repo Hosting) 服务
&lt;ul&gt;
&lt;li&gt;✅ 注册账号并学习使用 GitHub&lt;/li&gt;
&lt;li&gt;❤️ GitHub&lt;/li&gt;
&lt;li&gt;☑ GitLab&lt;/li&gt;
&lt;li&gt;☑ Bitbucket&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;包管理系统&#34;&gt;包管理系统
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ npm&lt;/li&gt;
&lt;li&gt;❤️ yarn&lt;/li&gt;
&lt;li&gt;☑ 补充说明：npm 和 yarn 功能相近，选择其一或两者都学均可，无本质差异&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;网络安全知识&#34;&gt;网络安全知识
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ 至少掌握以下内容的基础概念
&lt;ul&gt;
&lt;li&gt;☑ HTTPS&lt;/li&gt;
&lt;li&gt;☑ 内容安全政策 (CSP)&lt;/li&gt;
&lt;li&gt;☑ 跨域资源共享 (CORS)&lt;/li&gt;
&lt;li&gt;☑ OWASP 安全风险（Web 应用程序常见安全漏洞）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;css-架构-architecture&#34;&gt;CSS 架构 (Architecture)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ 补充说明：现代框架和 CSS-in-JS 普及后，无需深入钻研这类架构，但熟悉 BEM 仍有价值
&lt;ul&gt;
&lt;li&gt;✅ BEM（Block-Element-Modifier，一种 CSS 命名规范）&lt;/li&gt;
&lt;li&gt;⚫ OOCSS（面向对象的 CSS）&lt;/li&gt;
&lt;li&gt;⚫ SMACSS（可扩展的模块化 CSS）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;css-预处理器-preprocessor&#34;&gt;CSS 预处理器 (Preprocessor)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ 补充说明：随着现代框架发展，CSS-in-JS 逐渐成为主流，这类预处理器非必需，但熟悉基础仍有帮助
&lt;ul&gt;
&lt;li&gt;❤️ Sass（含 SCSS 语法）&lt;/li&gt;
&lt;li&gt;☑ PostCSS&lt;/li&gt;
&lt;li&gt;⚫ Less&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;任务执行器-task-runner&#34;&gt;任务执行器 (Task Runner)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ npm scripts&lt;/li&gt;
&lt;li&gt;⚫ Gulp&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;模块打包工具-module-bundler&#34;&gt;模块打包工具 (Module Bundler)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ Webpack&lt;/li&gt;
&lt;li&gt;☑ Rollup&lt;/li&gt;
&lt;li&gt;☑ Parcel&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;代码检查与格式化工具&#34;&gt;代码检查与格式化工具
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;一种静态代码分析工具，用于检测代码语法错误、规范问题
&lt;ul&gt;
&lt;li&gt;❤️ ESLint&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;❤️ Prettier&lt;/li&gt;
&lt;li&gt;⚫ StandardJS&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;六前端框架与库-&#34;&gt;六、前端框架与库 📚
&lt;/h2&gt;&lt;p&gt;框架和库能帮你快速构建复杂的单页应用 (SPA)，选择一个深入学习是进阶的关键。&lt;/p&gt;
&lt;h3 id=&#34;选择一款框架-framework&#34;&gt;选择一款框架 (Framework)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ React.js
&lt;ul&gt;
&lt;li&gt;❤️ Redux（状态管理库）&lt;/li&gt;
&lt;li&gt;❤️ MobX（替代 Redux 的状态管理库）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;✅ Angular
&lt;ul&gt;
&lt;li&gt;❤️ RxJS（响应式编程库）&lt;/li&gt;
&lt;li&gt;❤️ NgRx（Angular 生态的状态管理库）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;✅ Vue.js
&lt;ul&gt;
&lt;li&gt;❤️ VueX（Vue 生态的状态管理库）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;现代-css-方案&#34;&gt;现代 CSS 方案
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ Styled Components&lt;/li&gt;
&lt;li&gt;❤️ CSS Modules&lt;/li&gt;
&lt;li&gt;❤️ Styled JSX&lt;/li&gt;
&lt;li&gt;❤️ Emotion&lt;/li&gt;
&lt;li&gt;⚫ Radium&lt;/li&gt;
&lt;li&gt;⚫ Glamorous&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;web-组件-web-component&#34;&gt;Web 组件 (Web Component)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ HTML 模板 (Template)&lt;/li&gt;
&lt;li&gt;☑ 自定义元素 (Custom Elements)&lt;/li&gt;
&lt;li&gt;☑ 影子 (Shadow) DOM&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;css-框架-framework&#34;&gt;CSS 框架 (Framework)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;基于 JS 的 CSS 框架（适配 JS 应用程序）：
&lt;ul&gt;
&lt;li&gt;❤️ Reactstrap（适配 React 的 Bootstrap 组件）&lt;/li&gt;
&lt;li&gt;❤️ Material UI&lt;/li&gt;
&lt;li&gt;❤️ Tailwind CSS&lt;/li&gt;
&lt;li&gt;❤️ Chakra UI&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;纯 CSS 优先的框架（默认不含 JS 组件）：
&lt;ul&gt;
&lt;li&gt;❤️ Bootstrap&lt;/li&gt;
&lt;li&gt;❤️ Materialize CSS&lt;/li&gt;
&lt;li&gt;❤️ Bulma&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;七测试与质量保障-&#34;&gt;七、测试与质量保障 ✅
&lt;/h2&gt;&lt;p&gt;写出高质量、可维护的代码，测试是必不可少的一环。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;☑ 理解单元测试 (Unit Test)、集成测试 (Integration Test)、功能测试 (Functional Test) 的区别，并学习使用以下工具编写测试：
&lt;ul&gt;
&lt;li&gt;❤️ Jest&lt;/li&gt;
&lt;li&gt;❤️ react-testing-library&lt;/li&gt;
&lt;li&gt;❤️ Cypress&lt;/li&gt;
&lt;li&gt;❤️ Enzyme&lt;/li&gt;
&lt;li&gt;☑ Mocha&lt;/li&gt;
&lt;li&gt;☑ Chai&lt;/li&gt;
&lt;li&gt;☑ Ava&lt;/li&gt;
&lt;li&gt;☑ Jasmine&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;☑ 补充说明：以上工具可满足各类测试需求，无需全部掌握，按需选择即可&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;八进阶与拓展-&#34;&gt;八、进阶与拓展 🚀
&lt;/h2&gt;&lt;p&gt;当你掌握了基础和框架后，可以向更广阔的领域拓展。&lt;/p&gt;
&lt;h3 id=&#34;渐进式网页应用程序-pwa&#34;&gt;渐进式网页应用程序 (PWA*)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;Progressive Web App，渐进式网页应用，可实现类原生应用的体验
&lt;ul&gt;
&lt;li&gt;❤️ Storage（存储 API）&lt;/li&gt;
&lt;li&gt;❤️ Web Sockets（网络通信 API）&lt;/li&gt;
&lt;li&gt;❤️ Service Workers（离线缓存核心）&lt;/li&gt;
&lt;li&gt;❤️ Location（地理位置 API）&lt;/li&gt;
&lt;li&gt;❤️ Notifications（通知 API）&lt;/li&gt;
&lt;li&gt;❤️ Device Orientation（设备方向 API）&lt;/li&gt;
&lt;li&gt;❤️ Payments（支付 API）&lt;/li&gt;
&lt;li&gt;❤️ Credentials（凭证 API）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;☑ 补充说明：需了解 PWA 中涉及的各类 Web API 基础用法&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;性能优化&#34;&gt;性能优化
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ PRPL 模式 (Pattern)（前端加载性能优化模式）&lt;/li&gt;
&lt;li&gt;☑ RAIL 模型 (Model)（以用户体验为核心的性能评估模型）&lt;/li&gt;
&lt;li&gt;☑ 性能指标* (Performance Metric)
&lt;ul&gt;
&lt;li&gt;如 LCP、FID、CLS 等核心 Web 性能指标&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;☑ 使用 Lighthouse（Chrome 内置性能检测工具）&lt;/li&gt;
&lt;li&gt;☑ 使用浏览器开发者工具 (DevTool)&lt;/li&gt;
&lt;li&gt;☑ 计算、测量并优化应用性能&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;类型检查工具-type-checker&#34;&gt;类型检查工具 (Type Checker)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ TypeScript&lt;/li&gt;
&lt;li&gt;⚫ Flow&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;服务器端渲染-server-side-rendering-ssr&#34;&gt;服务器端渲染 (Server Side Rendering, SSR)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ React.js 生态：
&lt;ul&gt;
&lt;li&gt;❤️ Next.js&lt;/li&gt;
&lt;li&gt;⚫ After.js&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;✅ Angular 生态：
&lt;ul&gt;
&lt;li&gt;☑ Universal&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;✅ Vue.js 生态：
&lt;ul&gt;
&lt;li&gt;❤️ Nuxt.js&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;graphql&#34;&gt;GraphQL
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ Apollo（GraphQL 客户端/服务端框架）&lt;/li&gt;
&lt;li&gt;❤️ Relay Modern（React 生态的 GraphQL 框架）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;移动端应用开发&#34;&gt;移动端应用开发
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ React Native（基于 React 的跨平台原生应用框架）&lt;/li&gt;
&lt;li&gt;☑ NativeScript（跨平台原生应用框架）&lt;/li&gt;
&lt;li&gt;☑ Flutter（Google 推出的跨平台 UI 框架）&lt;/li&gt;
&lt;li&gt;☑ Ionic（基于 Web 技术的混合应用框架）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;桌面端应用开发&#34;&gt;桌面端应用开发
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ Electron（基于 Web 技术的跨平台桌面应用框架）&lt;/li&gt;
&lt;li&gt;⚫ Carlo（轻量级桌面应用框架）&lt;/li&gt;
&lt;li&gt;⚫ Proton Native（类 React Native 的桌面应用框架）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;静态网站生成器-static-site-generator&#34;&gt;静态网站生成器 (Static Site Generator)
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ Next.js&lt;/li&gt;
&lt;li&gt;☑ GatsbyJS（React 生态）&lt;/li&gt;
&lt;li&gt;☑ Nuxt.js（Vue 生态）&lt;/li&gt;
&lt;li&gt;☑ Vuepress（Vue 生态文档生成工具）&lt;/li&gt;
&lt;li&gt;☑ Jekyll（Ruby 开发的静态生成器）&lt;/li&gt;
&lt;li&gt;☑ Hugo（Go 开发的高性能静态生成器）&lt;/li&gt;
&lt;li&gt;☑ Gridsome（Vue 生态，类似 Gatsby）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;web-assembly&#34;&gt;Web Assembly
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;☑ 补充说明：Web Assembly（简称 WASM）是由高级语言（如 Go、C、C++、Rust）编译生成的二进制指令集，运行速度远超 JavaScript。WASM 1.0 已被主流浏览器支持，W3C 于 2019 年底将其列为官方标准，但距离全面普及仍需时间。&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;九持续学习-&#34;&gt;九、持续学习 📖
&lt;/h2&gt;&lt;p&gt;前端技术日新月异，这份路线图只是一个起点。保持好奇心，持续学习新的特性、工具和最佳实践，才能在这个领域不断进步。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;图&#34;&gt;图
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;img src=&#34;https://ye-guan-xing.github.io/images/%e5%89%8d%e5%90%8e%e7%ab%af%e5%ad%a6%e4%b9%a0%e8%b7%af%e7%ba%bf/intro.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;前后端通用&#34;
	
	
&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src=&#34;https://ye-guan-xing.github.io/images/%e5%89%8d%e5%90%8e%e7%ab%af%e5%ad%a6%e4%b9%a0%e8%b7%af%e7%ba%bf/frontend.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;前端&#34;
	
	
&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;信息来源&#34;&gt;信息来源
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;台湾正体中文翻译原作者：goodjack/developer-roadmap-chinese / littlegoodjack&lt;/li&gt;
&lt;li&gt;路线图完整版及更多资源：&lt;a class=&#34;link&#34; href=&#34;http://roadmap.sh&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://roadmap.sh&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
        </item>
        <item>
        <title>后端学习路线：从基础到架构</title>
        <link>https://ye-guan-xing.github.io/p/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%E4%BB%8E%E5%9F%BA%E7%A1%80%E5%88%B0%E6%9E%B6%E6%9E%84/</link>
        <pubDate>Fri, 13 Feb 2026 17:00:00 +0800</pubDate>
        
        <guid>https://ye-guan-xing.github.io/p/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%E4%BB%8E%E5%9F%BA%E7%A1%80%E5%88%B0%E6%9E%B6%E6%9E%84/</guid>
        <description>&lt;h2 id=&#34;前言&#34;&gt;前言
&lt;/h2&gt;&lt;p&gt;这份后端学习路线源自 &lt;a class=&#34;link&#34; href=&#34;http://roadmap.sh&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;roadmap.sh&lt;/a&gt;，是全球开发者广泛参考的后端技术学习指南。它清晰梳理了从基础原理到架构设计的核心知识点，并标注了学习优先级，帮助你在后端技术体系中高效构建知识体系，避免盲目学习。（参考图见尾部）&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;图例说明&#34;&gt;图例说明
&lt;/h2&gt;&lt;p&gt;在开始之前，请先了解图中标记的含义，这将帮助你判断学习的优先级：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;❤️ 个人推荐 / 意见&lt;/strong&gt;：&lt;strong&gt;核心必学内容&lt;/strong&gt;，是后端开发的基石，必须掌握。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;✅ 替代选项 — 选择此项或是紫色项目&lt;/strong&gt;：&lt;strong&gt;选其一深入即可&lt;/strong&gt;，通常是不同的技术方案或框架，无需全部学习。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;☑ 不必严格按照路线图的顺序（随时可学）&lt;/strong&gt;：&lt;strong&gt;可灵活安排学习顺序&lt;/strong&gt;，属于进阶或补充性知识。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;⚫ 我不推荐&lt;/strong&gt;：&lt;strong&gt;优先级较低或可跳过&lt;/strong&gt;，在当前技术环境下必要性不高。&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;一互联网基础与前端知识-&#34;&gt;一、互联网基础与前端知识 🌐
&lt;/h2&gt;&lt;p&gt;后端开发离不开对互联网和前端的理解，这是构建服务的基础。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ 互联网是如何运作的？&lt;/li&gt;
&lt;li&gt;❤️ 什么是 HTTP？&lt;/li&gt;
&lt;li&gt;❤️ 浏览器及其工作原理？&lt;/li&gt;
&lt;li&gt;❤️ DNS 及其工作原理？&lt;/li&gt;
&lt;li&gt;❤️ 什么是域名 (Domain Name)？&lt;/li&gt;
&lt;li&gt;❤️ 什么是主机托管 (Hosting)？&lt;/li&gt;
&lt;li&gt;✅ HTML&lt;/li&gt;
&lt;li&gt;☑ CSS&lt;/li&gt;
&lt;li&gt;❤️ JavaScript&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;二操作系统和基础知识-&#34;&gt;二、操作系统和基础知识 💻
&lt;/h2&gt;&lt;p&gt;操作系统是后端服务运行的根基，掌握其原理能让你写出更高效、稳定的代码。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ 终端机的使用&lt;/li&gt;
&lt;li&gt;❤️ 操作系统如何运作&lt;/li&gt;
&lt;li&gt;❤️ 行程管理（Process Management）&lt;/li&gt;
&lt;li&gt;❤️ 执行绪（Thread）和并行（Concurrency）&lt;/li&gt;
&lt;li&gt;❤️ 基础的终端机指令（grep, awk, sed, lsof, curl, wget, tail, head, less, find, ssh, kill）&lt;/li&gt;
&lt;li&gt;❤️ 记忆体管理&lt;/li&gt;
&lt;li&gt;❤️ 行程间通讯（IPC）&lt;/li&gt;
&lt;li&gt;❤️ I/O 管理&lt;/li&gt;
&lt;li&gt;❤️ POSIX 的基础认知（stdin, stdout, stderr, pipes）&lt;/li&gt;
&lt;li&gt;❤️ 基础的网络概念&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;三学习一门语言-&#34;&gt;三、学习一门语言 📚
&lt;/h2&gt;&lt;p&gt;选择一门后端语言深入学习，理解其运行时特性（如并行、内存模型）是进阶的关键。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;✅ Java&lt;/li&gt;
&lt;li&gt;✅ C#&lt;/li&gt;
&lt;li&gt;✅ PHP&lt;/li&gt;
&lt;li&gt;☑ Rust&lt;/li&gt;
&lt;li&gt;☑ Go&lt;/li&gt;
&lt;li&gt;❤️ JavaScript&lt;/li&gt;
&lt;li&gt;❤️ Python&lt;/li&gt;
&lt;li&gt;✅ Ruby&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;四版本控制系统-vcs-&#34;&gt;四、版本控制系统 (VCS) 🛠️
&lt;/h2&gt;&lt;p&gt;现代后端开发离不开版本控制，它是团队协作和代码管理的核心工具。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;☑ 版本控制系统的定义及使用价值&lt;/li&gt;
&lt;li&gt;❤️ Git 的基本用法&lt;/li&gt;
&lt;li&gt;☑ 仓库代管（Repo Hosting）服务
&lt;ul&gt;
&lt;li&gt;✅ 注册账号并学习使用 GitHub&lt;/li&gt;
&lt;li&gt;❤️ GitHub&lt;/li&gt;
&lt;li&gt;☑ GitLab&lt;/li&gt;
&lt;li&gt;☑ Bitbucket&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;五数据库-&#34;&gt;五、数据库 🗄️
&lt;/h2&gt;&lt;p&gt;数据库是后端服务存储数据的核心，关系型与 NoSQL 数据库各有适用场景。&lt;/p&gt;
&lt;h3 id=&#34;关系式数据库&#34;&gt;关系式数据库
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ PostgreSQL&lt;/li&gt;
&lt;li&gt;✅ MySQL&lt;/li&gt;
&lt;li&gt;✅ MariaDB&lt;/li&gt;
&lt;li&gt;☑ MS SQL&lt;/li&gt;
&lt;li&gt;☑ Oracle&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;nosql-数据库&#34;&gt;NoSQL 数据库
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ 文件资料库（MongoDB, CouchDB）&lt;/li&gt;
&lt;li&gt;✅ 栏位资料库（Cassandra）&lt;/li&gt;
&lt;li&gt;☑ 时序型资料库（InfluxDB, TimescaleDB）&lt;/li&gt;
&lt;li&gt;☑ 即时资料库（Firebase, RethinkDB）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;更多关于资料库&#34;&gt;更多关于资料库
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;❤️ ORM（物件关系映射）&lt;/li&gt;
&lt;li&gt;❤️ ACID&lt;/li&gt;
&lt;li&gt;❤️ 交易（Transaction）&lt;/li&gt;
&lt;li&gt;❤️ N+1 问题&lt;/li&gt;
&lt;li&gt;❤️ 资料库正规化（Normalization）&lt;/li&gt;
&lt;li&gt;❤️ 索引（Index）及其运作方式&lt;/li&gt;
&lt;li&gt;☑ 资料复写（Replication）&lt;/li&gt;
&lt;li&gt;☑ 分片（Sharding）策略&lt;/li&gt;
&lt;li&gt;☑ CAP 定理&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;六学习-api-相关知识-&#34;&gt;六、学习 API 相关知识 🚀
&lt;/h2&gt;&lt;p&gt;API 是后端服务对外交互的核心，掌握不同类型的 API 设计与实现至关重要。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ Cookie Based&lt;/li&gt;
&lt;li&gt;❤️ OAuth&lt;/li&gt;
&lt;li&gt;❤️ Basic Authentication&lt;/li&gt;
&lt;li&gt;❤️ Token Authentication&lt;/li&gt;
&lt;li&gt;❤️ JWT&lt;/li&gt;
&lt;li&gt;❤️ OpenID&lt;/li&gt;
&lt;li&gt;☑ SAML&lt;/li&gt;
&lt;li&gt;☑ HATEOAS&lt;/li&gt;
&lt;li&gt;❤️ OpenAPI 规范以及 Swagger&lt;/li&gt;
&lt;li&gt;❤️ 认证（Authentication）&lt;/li&gt;
&lt;li&gt;❤️ REST&lt;/li&gt;
&lt;li&gt;☑ 阅读 Roy Fielding 的论文&lt;/li&gt;
&lt;li&gt;☑ JSON API&lt;/li&gt;
&lt;li&gt;☑ SOAP&lt;/li&gt;
&lt;li&gt;❤️ gRPC&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;七缓存-caching-&#34;&gt;七、缓存 (Caching) 🚀
&lt;/h2&gt;&lt;p&gt;缓存是提升后端服务性能的关键手段，合理使用缓存能显著降低数据库压力。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ Redis&lt;/li&gt;
&lt;li&gt;✅ Memcached&lt;/li&gt;
&lt;li&gt;☑ CDN&lt;/li&gt;
&lt;li&gt;☑ 伺服器端（Server Side）&lt;/li&gt;
&lt;li&gt;☑ 用户端（Client Side）&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;八网络安全知识-&#34;&gt;八、网络安全知识 🔒
&lt;/h2&gt;&lt;p&gt;安全是后端服务不可忽视的环节，掌握常见安全机制与风险防范是必备能力。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ MD5 以及为什么不要使用它&lt;/li&gt;
&lt;li&gt;❤️ SHA 家族&lt;/li&gt;
&lt;li&gt;☑ scrypt&lt;/li&gt;
&lt;li&gt;❤️ bcrypt&lt;/li&gt;
&lt;li&gt;❤️ 杂凑（Hashing）演算法&lt;/li&gt;
&lt;li&gt;❤️ HTTPS&lt;/li&gt;
&lt;li&gt;❤️ 内容安全政策（CSP）&lt;/li&gt;
&lt;li&gt;❤️ CORS&lt;/li&gt;
&lt;li&gt;❤️ SSL/TLS&lt;/li&gt;
&lt;li&gt;❤️ OWASP 安全风险&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;九测试-testing-&#34;&gt;九、测试 (Testing) ✅
&lt;/h2&gt;&lt;p&gt;测试是保障后端服务质量的核心，不同类型的测试覆盖不同的质量维度。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ 整合测试（Integration Testing）&lt;/li&gt;
&lt;li&gt;❤️ 单元测试（Unit Testing）&lt;/li&gt;
&lt;li&gt;❤️ 功能测试（Functional Testing）&lt;/li&gt;
&lt;li&gt;☑ CI/CD（持续整合/持续交付）&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十设计和开发原则-&#34;&gt;十、设计和开发原则 📐
&lt;/h2&gt;&lt;p&gt;遵循良好的设计原则能让代码更易维护、扩展，是资深后端开发者的核心素养。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;☑ 四人帮（GOF）设计模式&lt;/li&gt;
&lt;li&gt;☑ 领域驱动设计（DDD）&lt;/li&gt;
&lt;li&gt;☑ 测试驱动开发（TDD）&lt;/li&gt;
&lt;li&gt;❤️ SOLID&lt;/li&gt;
&lt;li&gt;❤️ KISS&lt;/li&gt;
&lt;li&gt;❤️ YAGNI&lt;/li&gt;
&lt;li&gt;❤️ DRY&lt;/li&gt;
&lt;li&gt;搜索引擎（Search Engine）
&lt;ul&gt;
&lt;li&gt;❤️ Elasticsearch&lt;/li&gt;
&lt;li&gt;✅ Solr&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十一架构模式-&#34;&gt;十一、架构模式 🏗️
&lt;/h2&gt;&lt;p&gt;架构模式决定了系统的扩展性与维护性，不同场景下选择合适的架构至关重要。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;☑ 整合型*（Monolithic）应用程式&lt;/li&gt;
&lt;li&gt;❤️ 微服务（Microservice）&lt;/li&gt;
&lt;li&gt;☑ 服务导向架构（SOA）&lt;/li&gt;
&lt;li&gt;☑ CQRS 和事件来源模式&lt;/li&gt;
&lt;li&gt;☑ 无伺服器（Serverless）&lt;/li&gt;
&lt;li&gt;*译注：又译作单体式&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十二容器化-vs-虚拟化-containerization--virtualization-&#34;&gt;十二、容器化 vs 虚拟化 (Containerization / Virtualization) 🐳
&lt;/h2&gt;&lt;p&gt;容器化技术简化了部署与环境一致性，是现代后端部署的主流方式。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ Docker&lt;/li&gt;
&lt;li&gt;⚫ rkt&lt;/li&gt;
&lt;li&gt;⚫ LXC&lt;/li&gt;
&lt;li&gt;讯息代理*（Message Broker）
&lt;ul&gt;
&lt;li&gt;❤️ RabbitMQ&lt;/li&gt;
&lt;li&gt;✅ Kafka&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;*译注：又译作讯息中介&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十三graphql-&#34;&gt;十三、GraphQL 📊
&lt;/h2&gt;&lt;p&gt;GraphQL 提供了更灵活的 API 查询方式，适用于复杂数据场景的后端服务。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ Apollo&lt;/li&gt;
&lt;li&gt;✅ Relay Modern&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十四图资料库-graph-database-&#34;&gt;十四、图资料库* (Graph Database) 🗄️
&lt;/h2&gt;&lt;p&gt;图资料库擅长处理复杂的关联数据，适用于社交网络、知识图谱等场景。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ Neo4j&lt;/li&gt;
&lt;li&gt;*译注：又译作图形资料库、图数据库&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十五websocket-&#34;&gt;十五、WebSocket 🔌
&lt;/h2&gt;&lt;p&gt;WebSocket 实现了双向实时通信，是实时应用（如聊天、直播）的核心技术。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;缓解策略（Mitigation Strategy）
&lt;ul&gt;
&lt;li&gt;☑ 从容退化（Graceful Degradation）&lt;/li&gt;
&lt;li&gt;☑ 请求频率限制（Throttle）&lt;/li&gt;
&lt;li&gt;☑ 背压（Backpressure）&lt;/li&gt;
&lt;li&gt;☑ 负载转移（Loadshifting）&lt;/li&gt;
&lt;li&gt;☑ 断路器（Circuit Breaker）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;*译注：又译作反压&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十六网页服务器-web-server-&#34;&gt;十六、网页服务器 (Web Server) 🌐
&lt;/h2&gt;&lt;p&gt;网页服务器是后端服务的入口，选择合适的服务器能提升服务性能与稳定性。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ Nginx&lt;/li&gt;
&lt;li&gt;✅ Apache&lt;/li&gt;
&lt;li&gt;☑ Caddy&lt;/li&gt;
&lt;li&gt;☑ MS IIS&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十七规模化建设-&#34;&gt;十七、规模化建设 📈
&lt;/h2&gt;&lt;p&gt;当服务用户量增长时，规模化建设是保障服务可用性与性能的关键。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;❤️ 迁移策略（Migration Strategy）&lt;/li&gt;
&lt;li&gt;❤️ 水平 vs 垂直扩展（Horizontal vs Vertical Scaling）&lt;/li&gt;
&lt;li&gt;以可观测性（Observability）为前提进行建设
&lt;ul&gt;
&lt;li&gt;☑ 仪表（Instrumentation）&lt;/li&gt;
&lt;li&gt;☑ 监测（Monitoring）&lt;/li&gt;
&lt;li&gt;☑ 遥测（Telemetry）&lt;/li&gt;
&lt;li&gt;☑ 指标纪录以及其他可观测的项目&lt;/li&gt;
&lt;li&gt;☑ 可以在出错时帮助你除错和解决问题&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id=&#34;十八持续学习-&#34;&gt;十八、持续学习 📖
&lt;/h2&gt;&lt;p&gt;后端技术生态迭代迅速，从云原生到 Serverless，持续学习新工具与最佳实践是保持竞争力的核心。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;图&#34;&gt;图
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;img src=&#34;https://ye-guan-xing.github.io/images/%e5%89%8d%e5%90%8e%e7%ab%af%e5%ad%a6%e4%b9%a0%e8%b7%af%e7%ba%bf/intro.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;前后端通用&#34;
	
	
&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src=&#34;https://ye-guan-xing.github.io/images/%e5%89%8d%e5%90%8e%e7%ab%af%e5%ad%a6%e4%b9%a0%e8%b7%af%e7%ba%bf/backend.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;后端&#34;
	
	
&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;信息来源&#34;&gt;信息来源
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;台湾正体中文翻译原作者：goodjack/developer-roadmap-chinese / littlegoodjack&lt;/li&gt;
&lt;li&gt;路线图完整版及更多资源：&lt;a class=&#34;link&#34; href=&#34;http://roadmap.sh&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://roadmap.sh&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
        </item>
        <item>
        <title>大一的学习路径（软件篇）</title>
        <link>https://ye-guan-xing.github.io/p/%E5%A4%A7%E4%B8%80%E7%9A%84%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84%E8%BD%AF%E4%BB%B6%E7%AF%87/</link>
        <pubDate>Mon, 20 Oct 2025 16:36:32 +0800</pubDate>
        
        <guid>https://ye-guan-xing.github.io/p/%E5%A4%A7%E4%B8%80%E7%9A%84%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84%E8%BD%AF%E4%BB%B6%E7%AF%87/</guid>
        <description>&lt;h1 id=&#34;大一新生-it-学习路线指南&#34;&gt;大一新生 IT 学习路线指南
&lt;/h1&gt;&lt;p&gt;亲爱的大一新生，刚踏入大学，面对丰富多彩的 IT 领域或许会有些迷茫，这里学长给一些路径建议：&lt;/p&gt;
&lt;h2 id=&#34;算法竞赛&#34;&gt;算法竞赛
&lt;/h2&gt;&lt;p&gt;-算法竞赛 1970 年代起步，1990-2000 年代兴盛，21 世纪后趋稳定,其中 ACM-ICPC 为计算机竞赛含金量之最，获奖者多能获得计算机大厂 offer。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/2301_79199219/article/details/139033431&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;算法竞赛&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;PS(如果有天赋，有恒心，有毅力，在经过测验后(或 Codeforces1200 分以上)，可以找我们参加明年的 HBCPC).&lt;/li&gt;
&lt;li&gt;白名单竞赛推荐
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;竞赛名称&lt;/th&gt;
          &lt;th&gt;官网链接&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;ACM-ICPC 国际大学生程序设计竞赛&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;https://icpc.global/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://icpc.global/&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;中国大学生程序设计竞赛（CCPC）&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;https://ccpc.io/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ccpc.io/&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;中国高校计算机大赛（天梯赛）&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;http://www.c4best.cn/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.c4best.cn/&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;蓝桥杯全国软件和信息技术专业人才大赛&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;http://dasai.lanqiao.cn/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://dasai.lanqiao.cn/&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;百度之星程序设计大赛&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;https://star.baidu.com/#/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://star.baidu.com/#/&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;码蹄杯全国职业院校程序设计大赛&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;https://matiji.net/matibei&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://matiji.net/matibei&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;睿抗机器人开发者大赛(RAICOM)&lt;/td&gt;
          &lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.robocom.com.cn/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.robocom.com.cn/&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;人工智能方向&#34;&gt;人工智能方向
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;在 50-60 年代兴起，人们一直在努力，于 2012 引爆深度学习，在之后，CharGPT 和 Deepseek、GPT3 等模型，被用于各种领域，如图像识别、语音识别、文本生成、代码生成、翻译等，到现在已成为最热门的方向，其就业岗位，薪资高、门槛高&amp;ndash;多在研究生为主&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;机器学习&#34;&gt;机器学习
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/OpenCVtuxiang/article/details/147987772&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;机器学习&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：机器学习是人工智能的核心，通过算法让计算机从数据中“学习规律”。你将学习决策树、支持向量机等各类机器学习算法，并用它们解决分类、回归、聚类等实际问题。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;深度学习&#34;&gt;深度学习
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/qq_36816848/article/details/122286610&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;深度学习&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：深度学习是机器学习的“进阶版”，通过神经网络模拟人脑学习。你将学习 CNN（卷积神经网络）、RNN（循环神经网络）等网络结构，应用于图像识别、语音识别、自然语言处理等复杂场景。&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;自然语言处理nlp&#34;&gt;自然语言处理（NLP）
&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/python1222_/article/details/142254898&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;自然语言处理 NLP&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：NLP 让计算机“理解人类语言”。学习后你可以掌握分词、语义分析、情感识别等技术，开发聊天机器人、智能问答、机器翻译等应用。&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;计算机视觉cv工程师&#34;&gt;计算机视觉（CV）工程师
&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/qq_42910179/article/details/150697225&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;计算机视觉 cv 工程师&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：CV 让计算机“看见并理解世界”。你将学习图像处理、目标检测、图像识别等技术，应用于自动驾驶、人脸识别、工业质检等领域。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;前端开发&#34;&gt;前端开发
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;路线图链接：&lt;a class=&#34;link&#34; href=&#34;https://objtube.github.io/front-end-roadmap/#/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;前端开发的路线图&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：前端开发聚焦于网页的“视觉与交互”，从精美界面到灵动交互效果都由前端工程师打造。就业市场上，前端开发起步于 2000 年后（HTML/CSS 普及、早期 JavaScript 简单应用落地），2015 年后随 React/Vue/Angular 等框架爆发进入鼎盛期（企业对复杂交互、单页应用需求激增），2020 年后需求趋于稳定（框架生态成熟，侧重工程化、跨端适配与性能优化）。跟着这份路线图，你可以系统学习 HTML、CSS、JavaScript 及各类前端框架，成长为能设计并实现炫酷网页的前端开发者。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;java-后端开发&#34;&gt;Java 后端开发
&lt;/h2&gt;&lt;p&gt;&lt;img src=&#34;https://ye-guan-xing.github.io/images/post1/1.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;java后端学习路线&#34;
	
	
&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;简介：Java 后端开发是支撑企业业务逻辑的“核心骨架”，负责搭建服务器、处理数据交互与业务逻辑实现。就业市场上，Java 后端起步于 2000 年左右（Java EE 推出，企业级应用逐步采用），2010-2020 年随微服务兴起、Spring 生态成熟进入鼎盛期（成为各行业后端开发标配，需求爆发式增长），2020 年后进入稳定期（需求保持高位稳定，侧重高并发、云原生适配与系统安全性）。学习这条路线，你会掌握 Java 核心语法、框架应用与服务器部署等知识，成长为能搭建稳定、高效企业后端系统的开发工程师。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;数据分析&#34;&gt;数据分析
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/qq_73454087/article/details/145336833&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;数据分析学习路线&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：数据分析是从海量数据中挖掘价值的“金矿挖掘术”。就业市场上，数据分析岗位起步于 2010 年左右（数据量激增，企业需专职人员提炼数据价值），2018-2023 年随大数据技术成熟进入鼎盛期（各行业重视数据驱动，需求爆发），2023 年后进入稳定期（需求平稳，侧重业务理解、数据建模与可视化深度）。通过这条路线，你将掌握 Python、SQL 等数据处理工具，以及数据分析方法和可视化技术，成为能从数据中发现规律、辅助业务决策的分析师。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;移动开发&#34;&gt;移动开发
&lt;/h2&gt;&lt;h3 id=&#34;安卓开发&#34;&gt;安卓开发
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/cbwem/article/details/109771331&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;安卓开发路线&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：安卓开发专注于安卓手机应用的开发。就业市场上，安卓开发起步于 2008 年（安卓系统发布后，早期手机 APP 开发需求出现），2012-2018 年随智能手机普及进入鼎盛期（社交、工具、电商类 APP 爆发，岗位需求旺盛），2018 年后进入稳定期（需求趋于平稳，侧重跨端适配、性能优化与鸿蒙生态兼容）。学习后你可以掌握安卓开发框架、UI 设计、性能优化等知识，打造各类安卓应用（如社交 APP、工具类 APP）。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;鸿蒙开发&#34;&gt;鸿蒙开发
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;学习路线链接：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/qq_39132095/article/details/145584964&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;鸿蒙开发路线&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;简介：鸿蒙是面向全场景的分布式操作系统，学习鸿蒙开发可以让你掌握其开发框架和生态，开发跨手机、平板、智能手表等设备的应用。就业市场上，鸿蒙开发起步于 2020 年（鸿蒙 OS 2.0 发布，生态逐步搭建），当前处于快速发展期（企业加速布局鸿蒙应用，需求逐步增长，尚未进入鼎盛），未来随生态完善（设备覆盖扩大、开发工具成熟）将进入稳定期，具备鸿蒙开发能力的人才在物联网、智能设备领域竞争力突出。&lt;/li&gt;
&lt;/ul&gt;
</description>
        </item>
        
    </channel>
</rss>
