（本文在较早之前在本人知乎账号为“BOOM”的数据可视化专栏发表过：知乎链接，所以也可到本人知乎上的文章分享查看更多文章） （本文章代码来自网络与《D3API详解》这本书，收集做学习交流之用） 说明：本文实用d3.js版本为v3。 1、捆绑 ...

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...

文章首发个人博客 声明：本文为译文，原文链接：https://www.robinwieruch.de/react-libraries React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或 ...

晚上看张鑫旭老师的一篇文章，发现[].splice.call()这样的用法，很感兴趣，因为昨天刚写完一篇关于call方法的博客《一文读懂js中的call和apply》(以下简称“《call》”)，想一探究竟，也正好加深对call的理解。 基 ...

问： Virtual dom 是什么？为何会存在Virtual dom? 答： 用JS模拟DOM结构。原因： 1.DOM操作是昂贵的，将DOM对比放在JS层，JS运行效率高 2.需要尽量减少DOM操作 我们通过个小例子来看什么是用JS模拟D ...

内容：React入门 一、react是什么？ react是facebook使用的一个Javascript库 ​ 可以用来创建web用户交互界面 ​ MVC中的视图层 官网：https://react.docschin ...

内容：props、状态机、事件、 组件通信、模拟表单双向绑定 一、组件的props 1.类组件 定义： import React from 'react' class Home extends React.Component{ ...

我们常见的JavaScript运行时（runtime）有两个，一个是浏览器环境，一个是Node.js环境 JavaScript 事件循环机制分为浏览器和 Node 事件循环机制，两者的实现技术不一样。 浏览器 Event Loop 是 HT ...

先简单列一下在实现树组件的过程中一些值得关注的节点。 ~ 如何调用组件自身 由于树是一个递归的数据结构，必然需要对组件自身的递归调用。 我们只需给组件指定name属性，即可以在组件内部直接使用。此处需要注意的是每次调用都会生成一个独立的作用 ...

列表拖拽转换的例子 今天看到有些表格中能够通过拖动来换行，手动排序的功能，想来自己实现一下，类似效果如下 image 主要解决问题的办法 drag元素 clientX和clientY 动画元素animition 解决思路 委托外部元素监听内 ...