编程指南-学习建议编程指南-学习建议
首页
学习方向
技术学习
🚀 编程指南
首页
学习方向
技术学习
🚀 编程指南
  • 三、技术学习

    • 技术指南

      • 前端技术知识

        • 什么是前端?
      • 后端技术知识

        • 什么是缓存?
        • 什么是工作流技术?
        • 什么是反向压力?
        • 什么是热数据探测?
        • 数据库也能版本控制?
        • /tech-learning/guide/backend/how-search-engine-works.html
        • /tech-learning/guide/backend/learn-concurrency.html
        • /tech-learning/guide/backend/other-databases.html
      • 通用技术知识

        • 什么是前后端分离?
        • /tech-learning/guide/general/what-is-redirect.html
        • 什么是单例模式?
        • /tech-learning/guide/general/what-is-magic-value.html
        • 什么是负载均衡?
        • /tech-learning/guide/general/what-is-multi-env.html
        • /tech-learning/guide/general/what-is-magic-number.html
        • 什么是 Linux?
        • /tech-learning/guide/general/what-is-cloud-dev.html
    • 系统设计

      • 如何设计一个实时排行榜系统?
      • /tech-learning/system-design/elasticsearch-optimization.html
      • /tech-learning/system-design/file-upload.html
      • /tech-learning/system-design/log-system.html
      • /tech-learning/system-design/software-sword.html
      • 如何设计好 API 接口?
      • /tech-learning/system-design/sdk-development.html
      • /tech-learning/system-design/architecture-design.html
      • /tech-learning/system-design/release-stability.html
    • 开发经验

      • 解决 Bug 经验
      • 如何快速上手新项目?
      • /tech-learning/dev-experience/enterprise-software.html
      • /tech-learning/dev-experience/opensource-contribute.html
      • 什么是代码规范?为什么要遵循代码规范?
      • /tech-learning/dev-experience/company-standards.html
      • /tech-learning/dev-experience/code-reuse.html
      • /tech-learning/dev-experience/quick-website.html
      • /tech-learning/dev-experience/vscode-remote.html
      • /tech-learning/dev-experience/linux-vm-remote.html
      • /tech-learning/dev-experience/young-contributor.html
      • /tech-learning/dev-experience/no-force-shutdown.html
      • /tech-learning/dev-experience/no-hardcode.html
      • /tech-learning/dev-experience/backend-attention.html
      • 千万别直接敲代码!(写代码前要做的事)
      • /tech-learning/dev-experience/project-attention.html
      • /tech-learning/dev-experience/website-online.html
      • /tech-learning/dev-experience/tech-selection.html

什么是前端?

很多人刚接触编程不知道前端是什么,今天科普一下。

简单理解

你打开一个网站,看到的页面就是前端做的。

  • 页面的布局
  • 文字的颜色、大小
  • 按钮、输入框
  • 各种动画效果
  • 用户点击之后的交互

这些都是前端的工作。

前端的技术栈

基础三件套:

  • HTML:定义页面的结构(有哪些元素)
  • CSS:定义页面的样式(怎么好看)
  • JavaScript:定义页面的交互(点击之后干什么)

主流框架:

  • Vue:国内用得最多的前端框架
  • React:国外和大厂用得多
  • Angular:相对重一些,用的人少一点

其他技术:

  • TypeScript:JavaScript的加强版,有类型检查
  • Node.js:用JavaScript写后端
  • 小程序:微信小程序、支付宝小程序

前端开发的工作内容

1. 写页面

把设计师的设计稿变成网页。这是最基本的工作。

2. 实现交互

用户点击按钮、输入表单、滚动页面……这些交互都要前端来实现。

3. 调用后端接口

从后端获取数据,展示在页面上。

4. 性能优化

让页面加载得更快、运行得更流畅。

前端的优缺点

优点:

  • 学习成本相对低,入门快
  • 成果直观,做出来就能看到
  • 岗位需求多

缺点:

  • 技术更新快,要不断学习
  • 浏览器兼容性问题头疼
  • 有些公司可能把前端当"切图仔"

适合什么人

  • 对视觉效果感兴趣
  • 喜欢做出能看到的东西
  • 愿意持续学习新技术

如果你不知道学前端还是后端,可以都试一下。做几天前端,做几天后端,看看哪个更喜欢。

上次更新: 2025/12/7 09:34