这是我参与8月更文挑战的第8天,活动详情查看:8月更文挑战
前端是什么?
前端是系统中与用户直接接触的部分。
- 用户通过前端访问和使用整个系统。——系统的输入输出
- 视觉呈现(静态)和交互体验(动态)
前端能做什么
前端语言能力的发展
对于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到页面展示发生了什么?
整个过程可以分为 网络进程 和 渲染进程。
渲染进程分为主线程和非主线程。主线程包含解析、布局、分层、绘制;非主线程包括分块、栅格 、 绘制图块、合成帧显示。