kingller

关于CSS重排和重绘的概念，最近看到不少这方面的文章，觉得挺有用，在制作中考虑浏览器的性能，减少重排能够节省浏览器对其子元素及父类元素的重新渲染；避免过分的重绘也能节省浏览...

Service worker 本质上充当 Web 应用程序、浏览器与网络（可用时）之间的代理服务器。这个 API 旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用...

在Web开发中，碰到需要处理复杂的计算或大量数据或耗时的操作，如何利用 web worker 提升性能，避免出现页面卡顿...

使用 scale 缩放页面实践。缩放后如何设置位置和宽高。clientWidth、offsetWidth、getComputedStyle、getBoudingClient...

本文章旨在解析如何一步步实现数据大屏。 在 2003 年一月，SVG 1.1 被确立为 W3C 标准。 参与定义 SVG 的组织有：太阳微系统、Adobe、苹果公司、IBM...

camelCase（驼峰式，也叫小驼峰命名，e.g. userInfo） PascalCase（帕斯卡命名式，也叫大驼峰命名，e.g. UserInfo） kebab-ca...

通过 validateSchema 方法校验传入参数是否合法。 WebpackOptionsDefaulter 内主要做了两件事。 每一配置项均设置默认值或处理逻辑。 对配...

Node API 文档中明确写到，process.exit() 方法以退出状态 code 指示 Node.js 同步地终止进程。 如果省略 code，则使用成功代码 0 或...

这是一篇利用less来完成主题色切换的文章。 首先我们需要利用theme-color-generator这个包来抽取less文件中跟主题色相关的样式。 虽然这个包有点大，但...

上期我们说到了TypeScript装饰器(decorators)和JavaScript装饰器编译出的代码不同，虽然我们的库是用TypeScript写的，但很多时候需要提供给...

上期我们说到了TypeScript装饰器(decorators)和JavaScript装饰器编译出的代码不同，我们的组件库已经改成了TypeScript，但很多项目还在使用...

我们发现两者编译出的装饰器属性代码并不相同。 现在我们创建一个javascript类ExampleEnhance，继承typescript类Example，并重写装饰器属性...

关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。 本文将介绍，如何使用ESLint + Prettier来统一我们的前端代码风格（这里以R...

TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。 它的第一...

最近有个需求，需要将组件库打包为类库，提供给各项目使用，并且不打包进项目中，优化各项目切换时的资源加载，但是又不想影响我们在程序中的写法（以import方式引用使用）。 w...

接下来我们发现使用外部资源引用方式后，修复一些bug和新增一些功能必须要等到下一版本发布，在项目中才能使用，而且修改类库后本地运行的代码无法即时刷新，影响我们的开发效率，于...