一、个人背景
本人本科就读于土木工程专业，属于典型的非科班转码人员。目前已在成都一家创业公司担任前端开发工程师岗位。对于跨专业求职者而言，选择正确的技术方向和学习路径至关重要。
二、职业选择思考
1. 为什么选择互联网行业
选择互联网行业主要基于以下考量：
- 薪资回报：相比传统行业，互联网行业的起薪和成长空间更具竞争力。
- 成功案例：身边有非相关专业成功转型的学长学姐，证明了可行性。
- 发展前景：尽管行业存在波动，但数字化趋势下，前端作为用户交互的核心环节，需求依然稳定。
2. 为什么选择前端开发
经过调研和对比，前端开发更适合零基础转行者：
- 入门门槛适中：不需要深厚的底层系统知识即可上手。
- 反馈即时：代码修改后可直接在浏览器预览效果，学习成就感强。
- 竞争格局：相比后端 Java 或算法岗，前端岗位的竞争相对温和，且对数学基础要求较低。
三、自学技术栈规划
从大二下学期开始自学，建议按以下顺序构建知识体系：
1. 基础三件套
- HTML：掌握常用标签语义化及结构布局，约 1 周时间。
- CSS：重点学习盒模型、Flexbox 布局、Grid 布局及响应式设计。推荐参考《CSS 进阶之旅》。
- JavaScript：核心语言。需深入理解作用域、闭包、原型链、异步编程（Promise/Async/Await）。推荐书籍《JavaScript 高级程序设计》。
2. 框架与工具
- Vue.js：主流前端框架。掌握组件通信、生命周期、Vuex/Pinia 状态管理。
- Node.js & Webpack：了解 Node 环境及打包工具的基本配置，便于工程化开发。
3. 计算机基础
- 计算机网络：重点掌握 HTTP/HTTPS 协议、TCP/IP 三次握手、DNS 解析过程。
- 数据结构与算法：虽前端要求低于后端，但大厂面试必考。建议刷 LeetCode 300+ 道题目，涵盖数组、链表、树、动态规划等。
- 操作系统：了解进程线程、内存管理等基本概念即可。
四、面试实战经验
面试通常分为技术面和 HR 面，以下为典型问题及解答思路。
1. 技术面高频题
原型链与 new 操作符
new 一个对象的过程大致为：创建一个空对象，设置其原型指向构造函数的 prototype，绑定 this 到新对象，执行构造函数代码，返回对象（若未显式返回对象则默认返回新对象）。
CSS 水平垂直居中
常见方法包括：
- Flexbox:
display: flex; justify-content: center; align-items: center; - Grid:
display: grid; place-items: center; - Absolute + Transform:
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
HTTP vs TCP
HTTP 是应用层协议，运行在传输层之上。TCP 提供可靠的、面向连接的字节流服务。HTTP 使用 TCP 是因为需要保证数据完整性和顺序，UDP 虽然快但不保证可靠性，不适合网页加载。
