-
Notifications
You must be signed in to change notification settings - Fork 2
Home
Sunken edited this page May 17, 2015
·
3 revisions
一、 关于模块加载
模块化的设计,目的是减少全局污染、隐藏私有对象和多人协同开发。
目前想到的可行方案:
- 命名空间方式 namespace.util、namespace.http
- 闭包 var moduleA = (function() { return 'A' })
- 自己实现amd,核心api是define、require和use
- 使用node将amd、cmd和commonjs规范的代码编译成浏览器端的js
二、如何使用
设计思路是将整个图表包装成一个web组件,灵感来源于jquery插件和angular的directive 这与当前流行的web compoent组件化思路一致,未来切换到shadow dom也会很顺利
一个图表由3部分组成,html代码段,js和样式。在使用默认样式的情况下,代码大致如下:
` chart#map(data-name="worldMap") config(src="data/style.js") event(data-name="hover", data-type="highlight") component(data-name="axis")
var map = document.getElementById('map') Y.init(map) `