Web标准与前端开发|青训营笔记

73 阅读1分钟

Web标准与前端开发

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

浏览器

Desktop
Mobile

服务器端:

Koa,node.js,express.js

终端/命令行:

Webpack CLI
Bebel CLI
Vue CLI

桌面跨端

Elecyrom
NW.js

移动跨端:

React Native
Flutter

WebAssembly前景方向,类似汇编

关于前端开发:语言 框架 工具

image.png

深入理解现代浏览器

  • 架构:以 Chrome 为例,介绍现代浏览器的实现架构。
  • 导航:从输入 URL 到获到 HTML 响应称为导航。
  • 渲染:浏览器解析 HTML、下载外部资源、计算样式并把网页绘制到屏幕上。
  • 交互:用户输入事件的处理与优化。

image.png

路线

image.png

web标准

image.png

image.png

image.png

心得:掌握web标准、了解浏览器和网络、及时获取技术的更新都是很重要的。这节课讲的学习路线图为前端的学习有一个很好的梳理。