- 博客(6)
- 资源 (1)
- 收藏
- 关注
原创 ECharts 3.0底层zrender 3.x源码分析3-Handler(C层)
这一篇,介绍下Handler处理机制。Handler负责事件处理,包括’click’, ‘dblclick’, ‘mousewheel’, ‘mouseout’, ‘mouseup’, ‘mousedown’, ‘mousemove’, ‘contextmenu’等。我们知道canvas API没有提供监听每个元素的机制,这就需要一些处理。处理的思路是:监听事件的作用坐标(如点击时候的
2017-01-11 10:48:15 4163 11
原创 ECharts 3.0底层zrender 3.x源码分析2-Painter(V层)
上一篇介绍了zrender的总体结构,这一篇我们就详细介绍View层–Painter(Painter.js)。一些demo和没有在博客中介绍的源码请进我的github仓库。 https://github.com/zrysmt/echarts3/tree/master/zrenderPainter利用canvas负责真正的绘图操作。 * 1.负责canvas及其周边DOM元素的创建与处理
2017-01-11 10:45:36 10880
原创 ECharts 3.0底层zrender 3.x源码分析1-总体架构
zrender是一个轻量级的Canvas类库,作为百度Echarts 3.0的底层基础。截至目前查看的zrender源码和文档,包括官网文档都还停留在2.x时代,我打算用一个系列介绍下zrender 3.x的使用和源码,一些demo和没有在博客中介绍的源码请进我的github仓库。 https://github.com/zrysmt/echarts3/tree/master/zrender基于
2017-01-11 10:41:23 20870
原创 javascript设计模式 使用ES6语法
参考《javascript设计模式》[美]Addy Osmani一书,下面介绍使用javascript经常会使用的主要设计模式。本博文为ES6语法的博客,还有使用ES5语法的【上】【下】两篇。 主要是以下几个设计模式:Constructor Pattern 构造模式Module Pattern 模块化模式Revealing Module Pattern 揭露模块化模式 Singleton
2017-01-03 10:26:45 6266
原创 javascript设计模式【下】
参考《javascript设计模式》[美]Addy Osmani一书,下面介绍使用javascript经常会使用的主要设计模式。本博文是使用ES5语法的【下】篇,还有一个【上】篇,ES6语法会单独写个博客。 主要是以下几个设计模式:Constructor Pattern 构造模式Module Pattern 模块化模式Revealing Module Pattern 揭露模块化模式 Sin
2017-01-03 10:25:53 1022
原创 javascript设计模式【上】
参考《javascript设计模式》[美]Addy Osmani一书,下面介绍使用javascript经常会使用的主要设计模式。本博文是使用ES5语法的【上】篇,还有一个【下】篇,ES6语法会单独写个博客。 主要是以下几个设计模式:Constructor Pattern 构造模式Module Pattern 模块化模式Revealing Module Pattern 揭露模块化模式 Sin
2017-01-03 10:25:08 2032
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人