Skip to content

Commit

Permalink
Merge pull request #133 from FallenYing/master
Browse files Browse the repository at this point in the history
chore: add
  • Loading branch information
FallenYing authored Oct 11, 2023
2 parents 25f4df4 + 1de121b commit 337cff4
Show file tree
Hide file tree
Showing 18 changed files with 277 additions and 264 deletions.
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
# 附录 1:前端介绍(详细版)

### 前端的概念
## 前端的概念

前端,想要入门,则必须要知道他所指代的内容。

它分为狭义和广义。其中,广义其实是狭义的一个更深入的发展的结果。

狭义就是指网页,而广义则是指互联网中一切可见的界面及交互功能。设计师负责设计出好看的界面,而前端工程师则是负责把他实现,并在实现基础上增加交互的部分和实际的功能。例如:各种 GUI、小程序(各种)、快应用、APP 的界面、网页、鸿蒙应用等都可以由前端来完成。有些人可能会疑惑,这也算前端。我只能说,这就是大前端时代。许多人学习前端,在网上寻找教程,找到的教程都是非常远古或者基础的。由于前端的发展历史很长,教程也必须与时俱进。以前的教程仅限网页制作,但如今前端领域日新月异,各种新框架新功能不断开辟,我们不能都有所涉及,但也不能做井底之蛙。
狭义就是指网页,而广义则是指互联网中一切可见的界面及交互功能。设计师负责设计出好看的界面,而前端工程师则是负责把他实现,并在实现基础上增加交互的部分和实际的功能。例如:各种 GUI、小程序 (各种)、快应用、APP 的界面、网页、鸿蒙应用等都可以由前端来完成。有些人可能会疑惑,这也算前端。我只能说,这就是大前端时代。许多人学习前端,在网上寻找教程,找到的教程都是非常远古或者基础的。由于前端的发展历史很长,教程也必须与时俱进。以前的教程仅限网页制作,但如今前端领域日新月异,各种新框架新功能不断开辟,我们不能都有所涉及,但也不能做井底之蛙。

### 前端的学习
## 前端的学习

因此,想要入门前端,则必须先建立一个较好的世界观,才能进行方法论的学习。最最基础的前端,也就是网页,需要从网页三剑客开始学习,即 HTML、CSS、JAVASCRIPT。这三样一个负责描述网页内容,一个负责描述网页样式,一个负责网页交互。没错,这三个就是三门语言。每门语言都有不可忽视的发展成果。大多数人在网上寻找教程,找到的都是最基础的教程,甚至没有与时俱进,比如有许多废弃的规定还在教程中,比如有新的语法规范却没有教授。我这里并不推荐有没有什么好的教程,而是要大家通过搜索引擎的帮助,让自己建立一个正确的前端世界观,而这篇文章知识来帮助你们少走弯路和死胡同。当然,如果大家想要学好前端,必须要自己学会阅读文档,而不是一些教程。因为官方文档才是最前沿的,最正确的,最全面的。

### 前端的历史
## 前端的历史

从历史中较为全面的了解前端,可以帮助你快速建立相关的观念。当然,前端的历史,大家可以看看知乎上高赞的回答。我这里只说一下我的观念。前端在历史发展中,非常注重一个理念,不要重复造轮子(DRY)。没错,别人做好的,已经很完善的,拿来用就行,除非你自己还有什么其他的需求。这个观念与其他计算机领域的观念是不一样的。这也是前端能够快速发展的重要原因之一。浏览器等设备平台对代码进行一个渲染和执行,我们必须遵守这个规范。但代码怎么样写,怎么样提高效率,怎么样支持多种写法都能得到一样的效果,这就是前端发展的一个关键。先辈们对代码进行了二次的一个编译。先辈们建立了一系列编译器等操作,使得前端能够在基石上向上发展。我们不必一板一眼的编写非常冗余的 HTML\CSS\JS 代码,而是编写特定语法的代码,然后通过代码编译成浏览器等平台可识别的 HTML\CSS\JS\其他的代码。这不仅使得我们前端开发的效率大大提高,还能把代码移植到其他平台,实现跨平台的功能。所以这才诞生出了 postcss,vue,emmet 等高效而又实用的成果。

要说,前端为什么发展这么快,很重要的因素就是它非常热衷于开源。通过开源,大家可以一起维护一个项目,并通过传播,让其他人在它的基础上继续发展,逐渐壮大。你可以直接在前人的基础上继续发展,可以快速建立自己的生态,发现并合力解决各种 BUG。

MDN 是个适合初学和文档查阅的网站 里面有学习前端的全流程
https://developer.mozilla.org/zh-CN/docs/learn
<https://developer.mozilla.org/zh-CN/docs/learn>
14 changes: 7 additions & 7 deletions 7.网络应用开发/7.1.1.4附录2:大前端开发.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,18 @@

这里我们讲讲前端三剑客和前端框架

如下为roadmap上前端的路线
https://roadmap.sh/frontend
如下为 roadmap 上前端的路线
<https://roadmap.sh/frontend>

- 前端三剑客
- https://www.w3school.com.cn/html/html5_intro.asp
- https://www.w3school.com.cn/css/index.asp
- https://www.w3school.com.cn/js/index.asp
- <https://www.w3school.com.cn/html/html5_intro.asp>
- <https://www.w3school.com.cn/css/index.asp>
- <https://www.w3school.com.cn/js/index.asp>

- 前端框架
- https://cn.vuejs.org/
- <https://cn.vuejs.org/>
> 在官方文档学习 Vue 的过程中,强烈建议你在左上角 `API风格偏好` 中,改为组合式
- https://zh-hans.react.dev/
- <https://zh-hans.react.dev/>

> 在官方文档学习 React 的过程中,强烈建议不要在 Class 写法停留太久,要速速学习 Hook 写法
Loading

0 comments on commit 337cff4

Please sign in to comment.