提到前端开发，很多人最先想到的就是“写网页的”。这个说法虽不算错，但过于简单。实际上，前端开发所涵盖的范围远比想象中更加广泛，技术更新迭代也非常快。在正式入门前，我们先为你梳理一张完整的前端知识地图，帮助你快速找准学习方向。

文章目录

1. 前端开发概述

前端开发概述

什么是前端开发？

通俗地讲，前端开发主要负责你能够直接看到和操作的界面部分——按钮、输入框、页面动画、整体布局等，都属于前端工程师的职责范围。专业术语称为“Web前端开发”，指的是基于Web的互联网产品页面的开发以及功能实现。需要明确的是，这里讨论的是“前端”，而非后台开发或原生App开发。

什么互联网产品？

这个概念听起来有些抽象，其实很容易理解。互联网产品是指网站为了满足用户需求而设计并实现的运营功能和服务。举几个身边的例子：百度搜索、淘宝、QQ、微博、网易邮箱……这些产品背后都有一套完整的产品逻辑和技术架构，而它们呈现在用户面前的所有交互界面，都离不开前端开发的支持。

互联网产品开发流程及前端开发岗位

前端开发需要哪些技术？

到这里，最核心的问题出现了：想要从事前端开发，需要掌握哪些技术？
前端工程师的工作，通常是参照UI设计师提供的效果图来还原页面。效果图一般由Photoshop（少数使用Firework）制作，因此你需要了解一些Photoshop的基本操作——这不仅有助于与设计师沟通，还能帮你完成抠图、尺寸测量、辅助切图等任务，从而显著提升页面开发效率。
将效果图转化为真实页面，需要两种基础技术：HTML负责页面结构，CSS负责页面样式。而页面中的交互功能（点击、滚动、弹窗、数据请求等）则依靠JavaScript来实现。为了提高开发效率与代码质量，还需要掌握一些JavaScript库和框架，例如jQuery、Vue、React，这些已经成为现代前端开发中不可或缺的工具。