本文详细记录了一名土木工程专业的学生如何成功转行成为前端开发工程师的经历。文章分析了选择互联网和前端的动机，梳理了从 HTML/CSS/JS 到 Vue 框架及计算机基础的学习路线，并提供了详细的面试真题解析，涵盖原型链、CSS 布局、网络协议及算法题。旨在为非科班转码人员提供可落地的自学指南和面试准备策略，强调基础重要性及持续练习的必要性。
本人本科就读于土木工程专业，属于典型的非科班转码人员。目前已在成都一家创业公司担任前端开发工程师岗位。对于跨专业求职者而言，选择正确的技术方向和学习路径至关重要。
选择互联网行业主要基于以下考量：
经过调研和对比，前端开发更适合零基础转行者：
从大二下学期开始自学，建议按以下顺序构建知识体系：
面试通常分为技术面和 HR 面，以下为典型问题及解答思路。
new 一个对象的过程大致为：创建一个空对象，设置其原型指向构造函数的 prototype，绑定 this 到新对象，执行构造函数代码，返回对象（若未显式返回对象则默认返回新对象）。
常见方法包括：
display: flex; justify-content: center; align-items: center;display: grid; place-items: center;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);HTTP 是应用层协议，运行在传输层之上。TCP 提供可靠的、面向连接的字节流服务。HTTP 使用 TCP 是因为需要保证数据完整性和顺序，UDP 虽然快但不保证可靠性，不适合网页加载。
主要包括：let/const 声明、箭头函数、模板字符串、解构赋值、Promise、Class 类、模块导入导出等。
HR 面主要考察稳定性、沟通能力及职业规划。常见问题如：
前端开发是一个充满挑战但也极具成就感的领域。只要选对方向并坚持努力，非科班出身同样可以拿到理想的 Offer。
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
使用加密算法（如AES、TripleDES、Rabbit或RC4）加密和解密文本明文。 在线工具，加密/解密文本在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML转Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online