JavaScript模塊化與esl.js

2016-2-2 晚上 鬆合時代公寓中

一、
前端爲何須要模塊化? http://requirejs.org/docs/why.html

二、
https://github.com/ecomfe/esl
百度本身開發的AMD標準的javascript模塊加載器，性能優於requireJS。
echarts-2內置的加載器就是esl，esl與echarts同樣，都屬於百度efe（http://efe.baidu.com/）前端技術體系的一部分。

 

2016-2-3 晚上 鬆合時代公寓 

對於壓縮版的echarts2.2.7來講，是包含了esl的，因此只須要像這樣在頁面中引入<script src="./js/echarts.js"></script>就能夠使用esl了，但若是引入的是未通過壓縮的source版的echarts.js，那麼還須要另外引入esl.js才能夠使用esl。  另外echarts2.2.7是依賴zrender的，使用source版echarts也要在頁面另外的引入zrender.js才行，而壓縮版就不用，由於已經包含在同一個js文件裏了。

今天把基於echarts2.2.7的BMapExtension那個例子的程序的目錄和文件簡化了一下，原先基本對整個項目的文件和目錄結構沒敢動，由於對它的依賴引入方法不熟悉。今天最大的進展其實就是初步搞清楚了echarts它的esl模塊化引入方法。符合AMD規範的一種模塊化實現。可是一些個細節原理還不是很清楚，文檔不想看了，明天開始看esl源代碼！（算上註釋大約1600行）