深入解析 ES6:使用 Babel 和 Broccoli

ES6 才刚被标准化,人们就在开始谈论 ES7 将提供哪些闪亮的新特性了。作为 Web 开发人员,我们更想知道如何使用这些新特性。在之前的文章中,作者鼓励我们在一些工具的帮助下开始使用 ES6:

如果你想使用这些新语法,你可以使用 Babel 或 Google 的 Traceur 将 ES6 代码转换为友好的 ES5 代码。

本文的主题就是这些工具的使用,上面这些工具被统称为 transpiler,transpiler 也被称为源码到源码的编译器,用于在抽象级别进行编程语言之间的相互转换。使用 transpiler 可以让我们用 ES6 语法来编写代码,同时保证这些代码能在所有浏览器上运行。

深入解析 ES6:Symbol

Symbol 是什么?

Symbols 不是图标,也不是指在代码中可以使用小图片:

1
let 😻 = 😺 × 😍; // SyntaxError

也不是指代其他一些东西的语法。那么,Symbol 到究竟是什么呢?

在 Web 开发中生成几何图形的几种方式

当我们在进行 Web 开发时,很多时候都是在有意或无意地创建一些矩形,深究一下,到底有多少中方式来得到一个几何图形呢?本文将简单介绍几种生成圆形、三角形和多边形的方式,并分析每种方式的优缺点。

下面是可能使用到的方式:

  1. border-radius
  2. border
  3. rotating shapes with transform
  4. pseudo elements
  5. box-shadow
  6. wrapping text into shapes with shape-outside
  7. clip-path on an element
  8. SVG assets
  9. canvas
go2top