企业官网建设流程全解析

• 文档
• 教程
• 知识库

本文是 CS-Base 仓库「读者来信」系列（reader_nb/）第 8 篇的完整整理与深度解读。原文作者是一位文科出身、通过约 7 个月有效自学拿到阿里、腾讯、百度、字节、快手、滴滴、完美世界、商汤等多家大厂前端实习 Offer 的读者。本文在完整保留其自学路线、时间投入、面试问答与复盘思考的基础上，结合本仓库的图解计算机基础资源（网络、操作系统、数据库、Redis、学习路线），逐段补充学习方法、复习路径与面试准备的建议，帮助在校生评估“非科班转码”这条路到底怎么走、第一步该做什么。

一、先看结论：这篇文章为什么值得反复读

这是一篇来自「文科生 + 自学 + 前端」的校招实战记录，作者在 11 月份拿到阿里、腾讯、百度、字节、快手、滴滴、完美世界、商汤等多家公司的前端实习 Offer，基本是「投了简历的公司都给了 Offer」。它的价值不在于运气，而在于完整还原了一条可复制的路径：

• 起点：双一流高校、文科专业、研一（保送本校），没有任何计算机科班背景；
• 有效学习时长：去掉整块玩耍、毕设与修学分的时间后，满打满算约7 个月；
• 目标岗位：前端开发（作者也坦承，前端岗位相比后端竞争略轻，是他选这条赛道的原因之一）；
• 结果：字节一面靠复习「小林笔记」的计算机网络内容，被面试官评价为“面了这么多人，从没有一个人像你一样说的这么细致”；最终选择杭州阿里。

本篇正文之后附有五个高频问答（转行动机、学习时长、如何克服初期困难、算法怎么刷、面试官是否介意文科出身），以及作者本人在文末的三条复盘思考（抓住可交流的人、善用免费资源、第一份实习的杠杆作用）。下面先完整还原正文，再逐段给出方法与仓库资源指引。

二、正文：从「啃大厚书」到「拿遍大厂 Offer」的一年

以下为读者来信原文（仅做必要排版整理）。

我是来自某双一流高校的文科研一（保送本校），在今年 11 月份收到了阿里、腾讯、百度、字节、快手、滴滴、完美世界、商汤等几家厂的前端实习 Offer，应该是投简历的公司都给了 Offer。

我的前端学习过程大概持续了大概有一年，也就是从大四上学期快要结束的时候到目前。

我的学习方式也比较笨，最开始就是抱着大厚书啃。《CSS 权威指南》（上下）、《JavaScript 高级程序设计》（第四版）、《You don't know JavaScript》、《JavaScript 忍者秘籍》（第二版）这些就是我的入门书籍，这四本中前两本我都是看了两遍，都在 1000 页左右，后面两本则是草草翻了一下。这个过程为我打下了比较扎实的 JS 功底，大概用了 2 个月的时间，我大概就能摸清楚原型/原型链、Promise/异步、闭包、Event loop 等 JS 中的一些核心知识点了。我觉得一开始看视频会好一点，我自己学习的时候看书看不懂的地方也是去 B 站看相关知识点的讲解。

紧接着的寒假，我就在家搞毕设，用 React 做了一个场外交易平台（导师做的方向偏向于行为经济学），使用 Node、区块链和数据库搞了一个全栈的项目。整个项目其实就是按照 B 站上 React 目前播放量最高的那个视频（我看的时候刚出来没几天）学完之后写了一个应用，之后找了一些关于登录注册、鉴权和状态管理的一些知识做了一些应用，整个项目就完善很多了（寒假剩余时间摸鱼）。

大四下学期，开始补计网和算法的基础知识（前端这边操作系统问得少一些）。计网方面在 B 站看了中科大的 MOOC，讲得不错，看了《自顶向下方法》那本书，但是这些都不如小林哥的笔记比较好！不是我吹，我字节一面完全背的小林哥的笔记，面试官直接感叹：“我面了这么多人，从没有一个人像你一样说的这么细致的。”（得益于大学文科背书功底？）算法方面是看了《算法（第四版）》，YouTube 上看的普林斯顿的网课，跟着写了点代码，然后这个学期剩余时间几乎都在谈恋爱。

接下来，就开始第一次面试。当时是陪对象去投春招，被 HR 拉着投了一个知名 K12 公司，当场被拉去面试，莫名其妙就过了。我看了一下名单上好像就一个人投了前端，好像那个人就在我前面，进去没多久就出来了，我自己却面了将近 3 个小时，写了 4 张 A4 纸正反面。

暑期就去北京实习了，亲身感受了一层楼一夜之间被开除的感觉。我在北京实习的时候，每天上班地铁上背小林的笔记，周末去公司刷 LeetCode，刷的方法就是按照题型刷一下。

实习归来感觉自己太菜了，好多技术栈都没学过。回来之后补了 Linux 的一些东西，看了 Docker，跟着 webpack 官网撸了一遍，看了 koa2、redux、react-redux 源码，看了《狼书》（一二册）、《前端开发核心知识进阶》看了半本，再次去学习 JS 的相关基础知识。

11 月份的时候看了看牛客上的面经，感觉自己好像也可以进字节了，就去面试了，基本上每个厂都给了 Offer，最后选择了去杭州阿里。

我个人的感觉，知识的进步就会经历「知道自己不会」到「不知道自己会」的这样一个过程，每天学习一点点，每个月都去看一本书或者看一个小的项目源码，切记闭门造车这种行为吧，很多时候自己学了很久的东西，可能就是项目源码里面的一个很浅显的东西或者是书上都写着的，看视频很多时候是一个入门的方式，看书和源码是比较好的深入的方式。

这段时间，好多次自我怀疑转行是否正确，能不能在秋招找到一个合适工作，我直到拿到快手的 Offer 之前一直都觉得自己非常菜，快手的 HR 告诉我，“部门对你评价真的特别高，这边 Leader 专门跟我说一定要你来。”

慢慢的时间会见证我们一天天的变强。

三、逐步拆解：这条路线每一步具体怎么落地

3.1 入门期（约 2 个月）：先用视频降低门槛，再回到书里夯实 JS

作者的原话是“一开始看视频会好一点，我自己学习的时候看书看不懂的地方也是去 B 站看相关知识点的讲解”。这是一个很重要、也经常被误解的经验：视频不是替代书本，而是给书本“翻译”。具体落地方式：

1. 先看一门入门的 JS 视频课（作者参考的是 B 站的高播放量课程），把「能跑起来的代码」先跑起来；
2. 再回头啃《JavaScript 高级程序设计》（第四版）这类 1000 页级别的权威书，反复读两遍，把原型/原型链、Promise/异步、闭包、Event loop 这些核心概念从“会背”变成“能讲”；
3. 遇到看不懂的知识点，回视频里找对应讲解，形成「书 + 视频」双通道闭环。

3.2 项目期（一个寒假）：用全栈小项目把知识串起来

作者在寒假用 React + Node + 区块链 + 数据库做了一个「场外交易平台」作为毕设项目，并补充了登录注册、鉴权、状态管理等工程化内容。这个阶段有三个要点：

• 项目不在大，在于完整：一个能跑通「前端页面 → 后端接口 → 数据存储」全链路的项目，比十个 demo 都有说服力；
• 在视频课程基础上做增量：先跟着最高播放量的 React 视频把应用写出来，再自己查资料补鉴权、状态管理，让项目“完善很多”；
• 项目要能放进简历、讲得出细节：面试时项目深挖是必然环节。

3.3 补基础期（大四下学期）：计网靠「小林笔记 + MOOC + 书」三件套

作者这段经历是全文的高光段落，也直接对应本仓库的资源：

“计网方面在 B 站看了中科大的 MOOC，讲得不错，看了《自顶向下方法》那本书，但是这些都不如小林哥的笔记比较好！！！我字节一面完全背的小林哥的笔记，面试官直接感叹……”

「小林笔记」指的就是本仓库这套图解计算机基础内容（README.md 中收录的《图解网络》《图解系统》《图解 MySQL》《图解 Redis》），其特点是图解 + 通俗易懂 + 直击面试重点，正如 network/README.md 中所说的：适合“有一点网络基础，但是又不怎么扎实，或者知识点串不起来的同学”，也非常适合面试突击。仓库里的实际配套资源包括：

• 《图解网络》：TCP/IP 网络模型、键入网址到网页显示发生了什么、TCP 三次握手与四次挥手、TCP 重传/滑动窗口/流量控制/拥塞控制、HTTPS 握手解析等面试高频题，见 network/ 目录；
• 《图解系统》：虚拟内存、malloc 内存分配、进程与线程、I/O 多路复用（select/poll/epoll）、零拷贝、Reactor 模式等，见 os/ 目录；
• 《图解 MySQL》：B+ 树索引、MVCC、MySQL 锁、undo/redo/binlog 日志、Buffer Pool 等，见 mysql/ 目录；
• 《图解 Redis》：数据类型、AOF/RDB 持久化、主从复制、哨兵、缓存雪崩/击穿/穿透等，见 redis/ 目录。

作者是前端方向，所以重点背计网；后端方向的同学可以把操作系统、MySQL、Redis 也纳入复习清单。仓库还提供了两条配套的学习心得：

• cs_learn/cs_learn.md：小林推荐的从入门到进阶的计算机基础书籍 + 视频路线（数据结构与算法、计算机网络、操作系统等），强调“从最基础的书开始学，接着搭配视频快速入门，再逐步步入大而全的黑皮书”；
• network/5_learn/learn_network.md：计算机网络怎么学的方法论。

需要说明的是：作者这份分享写于较早的校招季，文中提到的招聘节奏、公司名单与“前端不太卷”的判断都带有时代背景，仅供参考；任何基于当前市场的岗位竞争情况都应以当下信息为准。但“图解 + 结构化背诵 + 面试输出”这套复习方法论，至今依然有效。

3.4 第一次面试与第一份实习：运气之外全是准备

作者的第一次面试是“陪对象去投春招，被 HR 拉着投”的意外之喜，现场面了近 3 个小时、写了 4 张 A4 纸正反面；暑假去北京实习，每天通勤路上背小林笔记、周末按题型刷 LeetCode。这段经历印证了三条经验：

1. 别等“准备好”再投：第一份 offer 往往来自意外机会，先入场再补课；
2. 把通勤时间利用起来：碎片时间用于“背诵型”复习（如计网八股），整块时间用于“思考型”练习（如刷算法题）；
3. 第一份实习是第二份的敲门砖：作者原话是“没有第一份实习很难找到后面的实习”，这也是他后来能集中面大厂的关键前提。

3.5 实习归来：继续补齐工程化技术栈

作者实习归来后补的清单非常典型，前端方向可以参考：Linux 基础、Docker、webpack（跟着官网撸一遍）、koa2 / redux / react-redux 源码，以及《狼书》（一二册）、《前端开发核心知识进阶》。这再次验证了他的方法论文本：“看视频很多时候是一个入门的方式，看书和源码是比较好的深入的方式”。

3.6 秋招冲刺：面经 + 输出能力

11 月看了牛客面经后开始集中投递，最终多厂拿到 Offer。作者认为知识进步会经历「知道自己不会 → 不知道自己会」的过程，且每月读一本书或看一个小项目源码，避免闭门造车。

四、问答实录：五个最该问的问题

原文附带的问答环节，直接回答读者最关心的问题，这里完整保留。

Q1：为什么要转互联网？

因为原来的专业不好就业；如果读博的话，老板虽然是业内大牛，但自己对那个方向不感兴趣。加上一个室友是信息竞赛保送上来、做前端开发，当时感觉他正在从事的事情很酷，受影响就去做了前端。

Q2：总共花了多长时间学习？

除去整块玩的时间、准备毕设和修学分的时间，满打满算7 个月。老板不怎么 push，干什么也不管（研一阶段时间相对自由，是作者能密集自学的客观条件）。

Q3：刚开始接触编程的时候会不会觉得很困难，怎么克服的？

刚开始的确很难，但大佬室友带着飞，手把手教 Hello World，直到能自己写一些 demo 后，有了成就感就更有动力。前期找一个能问问题的老师（真人）真的很重要——一个小问题可能一句话就解决，而自己上网折腾可能要几个小时。

Q4：算法刷了多少题，怎么克服算法题的？

一共刷了300 道左右。暑假实习住青旅，每天晚上下班回来刷三道题；周末去公司蹭饭刷一天算法（公司包三餐）。不会写的就背下来，把主要思路整理成笔记，并跟别人交流整体思路。

Q5：面试官介意文科身份吗？是不是有相关实习再面一线大厂更容易？

面试官不太介意出身，技能点满最重要（这也决定了能否通过简历关）；但面试官还是会问“为什么转行”，想好这个问题即可（作者选择实话实说）。第一份实习很重要——没有第一份实习很难找到后面的实习。作者在暑假实习第一天就跟导师沟通了明确目标：一是参与 Vue 实际项目开发，二是经历从需求评审到正式上线的完整过程；恰好组里缺人、基本当正式工用，需求都被满足，这对后续成长帮助很大。

五、作者复盘：转码成功背后真正起作用的三件事

作者在文末总结了三点，这里结合仓库资源再展开一层：

5.1 抓住一个“能随时交流”的人

作者有个会前端的大佬室友，手把手带他写 Hello World，帮他快速度过小白期。这条经验的核心不是“有人喂答案”，而是降低早期挫败感、保持学习动量。对应到仓库，reader_nb/ 系列本身就是“虚拟的过来人”——每一篇都是拿到大厂 Offer 的读者在复盘自己的路线，可以作为无人交流时的参照系。

5.2 善用免费资源，但“学了”才算数

作者看的大部分视频和项目来自 B 站，但他说得很清醒：“再怎么便利，还是得自己去搜并且学起来才是真有用，而不是百度网盘下载了几十 G 的学习资源就等于会了。”这条经验同样适用于本仓库：图解文章写得再通俗，也需要读者自己动手读、动手背、动手写。

5.3 第一份实习的杠杆作用

第一份实习证明“自学的知识能实际投入到工作中”，公司看到这一点后，就不再纠结文科生身份。作者的原话是：“程序员是以技术能力说话的嘛。”

六、行动清单：把这篇经验转成你自己的 30 天计划

• 第 1 周：确定方向（前端/后端/客户端），找一门该方向的入门视频课，边看边写 Hello World 级 demo；
• 第 2～4 周：开始读第一本权威书（如 JS 方向选《JavaScript 高级程序设计》），看不懂的章节回视频找讲解；
• 第 5～8 周：跟一个完整的实战项目视频（React/Vue 皆可），做完全链路应用后再补登录注册、鉴权、状态管理；
• 第 9～12 周：启动计网复习，用 network/3_tcp/tcp_interview.md（TCP 三次握手与四次挥手）这类面试题文档做背诵 + 默写；后端方向加 os/3_memory/vmem.md、mysql/index/index_interview.md、redis/base/redis_interview.md；
• 贯穿全程：每天或每周固定刷 LeetCode（按题型刷），不会的先背思路再写，300 道是作者验证过的量级；
• 第 13 周起：投第一份实习/春招，把“被 HR 拉着投”也当成机会；实习期间通勤时间背八股、周末整块时间刷题；
• 持续：每月一本技术书或一个小项目源码，把阅读、源码、背诵、刷题四件事排进日常节奏。

七、更多同系列读者来信

如果你也是在校生，想多看几条不同的转码/校招路径，本仓库还有这些真实复盘（见 reader_nb/README.md）：

• 非科班本科拿下年薪 35w+ 的 offer
• 被字节捞了六七次，终于拿到 offer 了！
• 三本逆袭！拿到京东美团等 offer
• 拿下腾讯天美 offer 的春招经历
• 机械工作 2 年，自学转行进腾讯了！
• 做了国外 CS 课程的 lab，拿到腾讯实习！
• 大三就啃框架源码！轻松应对字节面试

结合 cs_learn/cs_learn.md 的书籍视频路线与 README.md 的图解系列目录，可以拼出一份完整的「学习方法 + 基础知识 + 实战项目 + 面试复盘」闭环，这也是本仓库在知识之外最有价值的部分——它让“非科班转码”这件事，从一句口号变成了一条有迹可循的路。

• 文档
• 教程
• 知识库