kingller

上期我们说到了TypeScript装饰器(decorators)和JavaScript装饰器编译出的代码不同，虽然我们的库是用TypeScript写的，但很多时候需要提供给JavaScript使用，所以这里来说说怎么将项目迁移至TypeScript，并用babel编译。 Typ…

我们发现两者编译出的装饰器属性代码并不相同。 现在我们创建一个javascript类ExampleEnhance，继承typescript类Example，并重写装饰器属性toolbar。 这时，我们期望toolbar的值为'YY'，但是我们发现它的值仍然是'example'。…

关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。 本文将介绍，如何使用ESLint + Prettier来统一我们的前端代码风格（这里以React项目为例）。 Prettier是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规…

TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。 它的第一个版本发布于 2012 年 10 月，经历了多次更新后，现在已成为前端社区中不可忽视的力量。TypeScr…

这是一篇利用less来完成主题色切换的文章。 首先我们需要利用theme-color-generator这个包来抽取less文件中跟主题色相关的样式。 虽然这个包有点大，但是我们只是用它来生成主题色切换样式文件，并不会将其打包进文件中，所以没有关系。 同样可以轻松切换主题色，但…

最近有个需求，需要将组件库打包为类库，提供给各项目使用，并且不打包进项目中，优化各项目切换时的资源加载，但是又不想影响我们在程序中的写法（以import方式引用使用）。 webpack的externals配置提供了这种方法。 防止将某些 import 的包(package)打包…