什么是前端?前端历史概览。

169 阅读2分钟

这是我参与8月更文挑战的第8天,活动详情查看:8月更文挑战

前端是什么?

前端是系统中与用户直接接触的部分。

  1. 用户通过前端访问和使用整个系统。——系统的输入输出
  2. 视觉呈现(静态)和交互体验(动态)

前端能做什么

前端语言能力的发展

对于web前端来说,经历了从传统前端开发到网页脚本开发到现在HTML5以及综合Web Apis。

传统前端开发:HTML+CSS(切图); 静态页面、JSP动态页面。

网页脚本开发: Ajax+JavaScript ;动态页面,BOM+DOM操作浏览器和文档。

HTML5以及综合Web Apis:多媒体(audio 、 video)、可视化(canvas 、 webGL)、PWA(catche API 、worker 、 storage等)。

node.js的出现,使得具备了软件后端功能实现能力和提供网络服务功能。

VDM + AST 。

VDOM :视觉设计部门映射为数据结构。运行时还原为其他语言的视觉设计。

AST :代码逻辑语句映射为数据结构。运行时还原为其他语言的代码逻辑。

什么是大前端?

Web + HTML5 + Node + 跨平台(安卓、ios 、小程序)

但是HTML5开发这个名词本身就是不专业的称呼,通常意义上指使用HTML5等较为潮流的技术进行前端开发。现在多指网页游戏,手机APP,使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发。

前端入门

前端入门需要掌握 浏览器与网络、css 、 Javascript。

浏览器与网络

从浏览器地址栏输入一个url到页面展示发生了什么?

整个过程可以分为 网络进程 和 渲染进程。

渲染进程分为主线程和非主线程。主线程包含解析、布局、分层、绘制;非主线程包括分块、栅格 、 绘制图块、合成帧显示。

截屏2021-08-16 10.55.16.png