obf1313

今天接着上篇再来分享一下10个常见的前端手写功能下集，可以让你在数据处理上得心应手，让你的开发工作事半功倍。 开始吧！ 1. 实现继承 ES5 继承（寄生组合式继承） 寄生组合式继承是对组合式继承（调

本文正在参加「金石计划 . 瓜分6万现金大奖」 1. meter & progress 元素是显示进度条的语义正确方式。 除了在已知范围内显示标量测量值外，它还允许我们指定值的低，高和最佳范围。 效果

unknown 指的是不可预先定义的类型，在很多场景下，它可以替代 any 的功能同时保留静态检查的能力。 这个时候 unknown 的作用就跟 any 高度类似了，你可以把它转化成任何类型，不同的地方是，在静态编译的时候，unknown 不能调用任何方法，而 any 可以。 …

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会

我们在Webpack基础篇介绍了多种loader和plugin以及每种的用途；那么他们两者在webpack内部是如何进行工作的呢？让我们手写一个loader和plugin来看看它内部的原理，以便加深对webpack的理解。 因此我们就来尝试写一个less-loader和styl…

在前端领域我们可以通过四种方式来绘制图形，包括 HTML+CSS、SVG、Canvas2d 还有 WebGL，其中 WebGL 属于非常少用的一种绘图方式，尽管如此，其却有着无可替代的位置。接下来，让我们从这四种绘图方式开始，来了解下 WebGL 吧。 HTML+CSS 是最常…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

JS 语言不像 C/C++, 让程序员自己去开辟或者释放内存，而是类似Java，采用自己的一套垃圾回收算法进行自动的内存管理。 这其中的机制，也对我们深入理解JS的闭包特性、以及对内存的高效使用，都有很大的帮助。 V8最多只能分配1.4G, 在 32 位系统中，最多只能分配0.…

1. 示例 4. 更多组件请查看我司的 github 项目：