前端学习知识与规划 | 青训营笔记

89 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的的第5天。

关于前端开发

  1. 前端应用的领域之浏览器

image.png

  1. 前端应用的领域之服务器

image.png

  1. 前端应用的领域之终端和跨端

image.png

  1. 语言 HTML、CSS、JavaScript、新的语言WebAssembly(WASM类似汇编的语言,速度快)

  2. 框架

image.png

前端学习规划

roadmap.sh

俺作为基础小白打算

HTML、CSS、JavaScript

  1. 关于HTML,阅读mdn文档,了解每个标签和属性的含义。
  2. 关于CSS,除了基础理论外,还要熟悉并灵活运用Floats、Position、Display、Box Model、CSS Grid、Flex Box。
  3. 关于JavaScript,打算去阅读之前老师推荐的书《JavaScript: The Good Parts》(中文书名《JavaScript语言精粹》)。我觉得跟看各种技术视频相比,看书更能让人形成某一种知识体系。

计算机网络

  1. Internet怎么工作的。
  2. 了解并熟悉HTTP协议。
  • HTTP协议是无状态的

  • 就是说每次HTTP请求都是独立的,任何两个请求之间没有什么必然的联系。但是在实际应用当中并不是完全这样的,引入了Cookie和Session机制来关联请求。

  • 多次HTTP请求

    在客户端请求网页时多数情况下并不是一次请求就能成功的,服务端首先是响应HTML页面,然后浏览器收到响应之后发现HTML页面还引用了其他的资源,例如,CSS,JS文件,图片等等,还会自动发送HTTP请求这些需要的资源。现在的HTTP版本支持管道机制,可以同时请求和响应多个请求,大大提高了效率。

  • 基于TCP协议

    HTTP协议目的是规定客户端和服务端数据传输的格式和数据交互行为,并不负责数据传输的细节。底层是基于TCP实现的。现在使用的版本当中是默认持久连接的,也就是多次HTTP请求使用一个TCP连接。

  1. 了解各种浏览器,了解他们如何工作。
  2. 了解DNS,了解他如何工作。
  3. 域名是什么。
  4. 主机是什么。

框架

最后,精通一个前端框架,目前打算学习vue框架,之前接触过一些些。