节奏先生

安装 核心概念 DndContext：它类似 react 的 Context 向下传递状态，他必须在拖拽组件的最外层 Droppable: 用于放置可拖拽元素的盒子，使组件能够放置 Draggable

实现一个较为fancy的JavaScript继承方法。 此外，如果你完全明白了文末的终极版继承，你也就懂了这两篇所要讲的核心知识，同时，也能说明你拥有不错的JavaScript基础。 我们来回顾一下ES6 / TypeScript / ES5类的写法以作对比。首先，我们创建一个…

ES6 的第一个版本发布于 15 年 6 月，而本文最早创作于 16 年，那也是笔者从事前端的早期。在那个时候，ES6 的众多特性仍处于 stage 阶段，也远没有现在这么普及，为了更轻松地写JavaScript，笔者曾花费了整整一天，仔细理解了一下原型——这个对于一个成熟的J…

本文阿宝哥将分享这些年在学习 TypeScript 过程中，遇到的 10 大 “奇怪” 的符号。其中有一些符号，阿宝哥第一次见的时候也觉得 “一脸懵逼”，希望本文对学习 TypeScript 的小伙伴能有一些帮助。 好的，下面我们来开始介绍第一个符号 —— ! 非空断言操作符。…

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

理解js中原型、原型链这个概念，绝对是帮助我们更深入学习js的必要一步，比如，如果js开发者想理解js继承，new关键字原理，甚至封装组件、优化代码，弄明白js中原型、原型链更是前提条件。本篇文章，用最简洁的文字，清楚明白讲解原型链相等关系和原型、原型链存在的意义，看完这篇文章…