青训营笔记-前端与HTTP

111 阅读2分钟

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

  1. 什么是前端工程师
  • 前端工程师就是使用web技术栈来解决多端图形用户界面交互问题的工程师
  1. 最基础的前端技术栈由什么组成
  • HTML(界面的内容)、css(样式)、JavaScript(行为)和网络协议构成了最基础的前端技术栈
  1. html里面标签的作用
<!DOCTYPE html> //告诉浏览器用哪种渲染模式
<html lang="en"> // 根标签
<head> //用来定义HTMl文档的一些信息
    <meta charset="UTF-8"> //编码
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> //向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> //解决移动设备的viewport问题
    <title>Document</title> //网页标题
</head>
<body>
</body>
</html>
  1. html的语义化,我们为什么要语义化
  • 语义化顾名思义就是我们能够很直观的认识HTML中元素、属性、属性值的含义和作用
  • 语义化能够让我们的代码更好理解和维护。在团队开发中,不语义化开发会造成大家各自写各自的,会导致在读别人代码时带来非常多的不便。可读性增加、可维护性增加
  1. 开发中常见的布局
<body>

  <header>...</header> // 头部

  <nav>...</nav> // 头部里的导航栏

  <article>   // 主要内容区

    <section>

      ...

    </section>

  </article>

  <aside>...</aside> // 侧边栏

  <footer>...</footer> // 底部

</body>
  1. 一些自己的思考
  • 如何学好前端:
  1. 刚入门,我觉得可以去慕课里找三件套的入门和JavaScript的入门和进阶篇来学,在学的过程中要逼自己一把。不要拖拖拉拉2个星期都学不完。学完后,你对于如何使用就有了个大概的印象。
  2. 了解完这些你只是半只脚踏了进来,接下来你应该去了解前端的学习方向和路线,明确自己下一步应该要学什么。至于去哪里学可以去b站可以是培训班等等,但最好有个人能一起交流,技术真的能靠交流来提升,一起学习进步
  3. 如果你已经了解和掌握了三件套和JavaScript还有vue、react等一些框架,你可以去了解一门后端语言,了解数据库,真实开发和我们日常学习是非常不一样的,了解前后端是怎么交流的,有助你日后在公司里开发,一个需求如何写最简洁、简单
  4. 如果你还想再精进,你可以去学习一些框架的源码和原理,学习一些八股文。八股文就像是兵书,我们是打仗的,在很多开发的过程中,我们很少涉及到八股文,但如果你想从小兵变成将军你需要它