目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

我们经常使用svg或canvas来实现动态图形的绘制，但绘制过程相对较繁琐。对于直观漂亮的进度条，社区也有提供成熟的方案例如highcharts/ECharts等等，但基于配置的开发方式终究无法实现100%的自定义绘制。本文将带你使用D3.js从零一步一步实现动态进度条，并分享…

最近面试发现很多前端程序员都从来没有写过插件的经验，基本上都是网上百度。所以打算写一系列文章，手把手的教一些没有写过组件的兄弟们如何去写插件。本系列文章都基于VUE，核心内容都一样，会了之后大家可以快速的改写成react、angular或者是小程序等组件。这篇文章是第一篇，写的…

样式优雅，接口简单是 Chart.js 的长期特色，最近出了 2.0 支持了多种 chart type 组合、新的类型以及各种动画效果。

首先我们想象一下当前发生的一个场景， 漫天繁星闪烁，不时有流星划破天际， 地球在自转， 无数的人在不同的地点因为阿里提供的便捷服务在交易。 首先要有一片天， 一个矩形，给黑色背景就好了。 我们暂定 宽 width, 高 height, 三维空间要有深度 暂定为 depth。 至…