的前端技术_Web 前端技术总览

Web 前端技术总览

HTML

HTML 是一种用于创建网页的标准的超文本标记语言。HTML 运行在浏览器上，由浏览器解析。HTML 定义了网页的内容。

目前最新的标准为 HTML5， 相比于上一个版本在移动设备上支持了多媒体。

CSS

CSS 用于控制网页的样式和布局，CSS3 是最新的 CSS 标准。

JavaScript

JavaScript 是 web 的编程语言，其用于控制网页的行为和交互。

html、css、javascript 应该是入门前端所必须学习的。

---

Pug

Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。

是一种通过缩进(表示标签间的嵌套关系)的方式来编写代码的过程，在编译的过程中，不需要考虑标签是否闭合的问题。可以加快写代码速度，也为代码复用提供了便捷。

Pug 文档：https://www.pugjs.cn/api/getting-started.html

Stylus

富于表现力、动态的、健壮的 CSS。

Stylus 是 CSS 的预处理框架，在 Stylus 中可以使用变量、函数、循环等 CSS 没有的东西来编写样式文件。

Stylus 文档：https://stylus.bootcss.com/

Sass

Sass 是世界上最成熟、最稳定、最强大的专业级 CSS 扩展语言。

Sass ：https://www.sass.hk/

Babel

Babel 是一个 JavaScript 编译器。

Babel ：https://www.babeljs.cn/

pug、stylus、sass、Babel 是 html、css、JavaScript 的进阶扩展。

---

以下主要为用 JavaScript 构建的框架和库。

React

用于构建用户界面的 JavaScript 库。

React：https://react.docschina.org/

Vue

渐进式 JavaScript 框架。

Vue：https://cn.vuejs.org/

Flutter

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

Flutter：https://flutterchina.club/

D3.js

D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图

D3.js ：https://d3js.org/

TensorFlow.js

TensorFlow 是一个端到端开源机器学习平台。它拥有一个全面而灵活的生态系统，其中包含各种工具、库和社区资源，可助力研究人员推动先进机器学习技术的发展，并使开发者能够轻松地构建和部署由机器学习提供支持的应用。

TensorFlow.js：https://tensorflow.google.cn/

还有其他的 JavaScript 和 CSS 框架和库...

---

极力推荐一个网站：CodePen

https://codepen.io/

CodePen 是一个前端代码分享网站和在线前端代码开发工具。

你可以在上面发现大量优秀的设计作品，并找到你的设计灵感，更多的是，你能收藏并学习别人的开发代码。

这些都是录屏自 CodePen 中用代码构建的动画。