web标准与前端开发 | 青训营

110 阅读2分钟

一.关于前端开发


关于前端开发:起源、架构、变迁

  • 1990 年,第一个web浏览器诞生,Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器。
  • 1991 年,WWW诞生,这标志着前端技术的开始。

初期静态网站

互联网发展的早期,WWW(World Wide Web)、浏览器、JavaScript相继诞生,最开始大多是HTML静态网页。

动态网站技术阶段

比较有代表性的技术有JSP 、PHP、ASP、ASP.NET 等语言,它们都类似,是运行在服务端的语言。
那时候没有专业的前端,前后端开发是一体的,前端代码是后端代码的一部分,前端写静态模板,后端加数据套模板。

浏览器展现页面的流程是:

1、后端收到浏览器的URL请求,后端路由响应
2、后端生成静态页面
3、发送到浏览器渲染成页面

后端 MVC 的开发模式

那时的网站开发,采用的是后端 MVC 模式。 Model(模型层):提供/保存数据
Controller(控制层):数据处理,实现业务逻辑
View(视图层):展示数据,提供用户界面
前端只是后端 MVC 的 V,那时候前端的 V 是在服务端渲染的。
PHP,ASP,ASP.NET,JSP等都是典型的这样的模式;

前端发展大致历程如下: image.png

前端应用场景

  1. 公司官网(在PC通过浏览器来访问公司网站)
  2. 移动端网页(在手机上来浏览公司信息、小游戏等)
  3. 移动端APP(例如:淘宝、去哪儿旅游、携程等)
  4. 微信小程序(微信最新推出的功能,随用随装,不占用手机空间)。

二.前端学习历程

网页现在新的标准是W3C,目前模式是HTMLCSSJavaScript

1.HTML

HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。

2.CSS

层叠样式表

3.JavaScript

脚本语言

4.常用框架

  • bootstrap
  • JQuery
  • vue
  • react

三.关于web标准

为什么需要web标准

  1. 让Web的发展前景更广阔
  2. 内容能被更广泛的设备访问
  3. 更容易被搜索引擎搜索
  4. 降低网站流量费用
  5. 使网站更易于维护
  6. 提高页面浏览速度

web标准组织如下:

W3C

Exma TC39

WHATWG

IETF

W3C目前在全球有457家会员,其中北航总部 (中国区)会员47家, Ecma的AM (Associate Member) 会员目前有18家,中国公司有字节跳动、360、阿里、华为腾讯等5家。