概述

1. 工作职位

  • 前端开发工程师（全面）
  • web前端开发工程师（写页面和接口为多）
  • H5开发工程师（写页面）
  • nodejs开发工程师（实现前端交互，也可以转后端）

2. 工作内容

  • 开发桌面版web app开发
  • 开发移动端web app
  • 开发小程序（微信，支付宝，百度，头条等）
  • 开发嵌入原生app的网页
  • 开发基于nodejs服务器 nodejs（目前流行）

3. 薪资

4. 属于介绍

4.1 Web

  • 万维网 : World wide web (WWW , W3 , Web),通过Internet访问公共网页的互联系统。

    4.2 Web标准

  • Web标准不是一个标准，而是一系列标准的集合。

    网页主要由三个部分组成：结构（structure），表现(performance)，行为（Behavior）,对应的标准也分三个方面：结构化标准语言主要包括XHTML和HTML，表现的标准语言主要包括css，行为标准主要包括对象模型（例如W3C，DOM），ECMAScript等。 这些标准大部分由万维网联盟（缩写：W3C）起草和发布，也有一些是由其他组织制定的,例如ECMA(European Computer Manufacturers Association)制定的ECMAScript标准。

4.3 W3C-万维网联盟

W3C 创建和维护WEB标准。 蒂姆·伯纳斯-李（Tim Berners-Lee）是万维网联盟的创始人,万维网的发明者，被称为互联网之父。 万维网联盟创建于1994，是个国际性的联盟，其宗旨是投身于“引领web以激发其全部潜能”

  • W3C表示万维网联盟。
  • W3C创建于1994年10月。
  • W3C被WEB开发者Tim Berners-Lee创建。
  • W3C为成员国机构组织工作。
  • W3C工作是进行标准化网络。
  • W3C创建和维护的是WWW标准
  • W3C标准是由W3C建立的。

最重要的标准有：

  • HTML
  • CSS
  • XML
  • DOM

5. 开发工具

VScode（Visual Studio code） [https://code.visualstudio.com/]
开发概述 - 图1

*浏览器解析过程

  1. 打开浏览器。
  2. 输入网址并搜索。
  3. 浏览器解析网址并发送DNS服务器。
  4. 服务器接收到信息后将相应的网页外部资源发送给浏览器。
  5. 浏览器解析将HTML代码称为DOM``树结构。
  6. 将CSS代码解析为CSSOM``结构（Css Object Model）。
  7. 结合DOM（html）和CSSOM（css）结构渲染树。
  8. 生成布局，即将所有渲染树的页面进行合并生成。
  9. 将布局绘制在屏幕上。