Javascript模块化编程 （附WebTrends的dcsMultiTrack方法浅述）
簡述：
使用Javascript的過程中， 覺得代碼編寫之前都是硬嵌在一個html或是jsp里， 不免有點黏連， 這里初步使用下require.js進行模塊化編程
同時簡述下WebTrends這一測試工具包（js包）中的dcsMultiTrack的用法
項目結(jié)構(gòu)：
步驟：
1. 首先下載require.js 文件
http://requirejs.org/docs/download.html
之后導(dǎo)入到工程路徑下
2. 編寫一個簡易的JQuery發(fā)送Get請求， 順便調(diào)用一下WebTrends這個第三方JS包，做測試
假定我們的主程序是main.js
data-main的作用指定程序的主模塊， 這個文件會第一個被require.js加載
test.html
在require-jquery.js這行中，async屬性表明這個文件需要異步加載，避免網(wǎng)頁失去響應(yīng)。
IE不支持這個屬性，只支持defer，所以把defer也寫上。
之后是主模塊
main.js
loadJS定義了一個數(shù)組， 是所有的需要載入的JS文件， 這些JS文件在require.config中分別對各自的路徑做了映射
require函數(shù)中， CallWebTrendsUri(componentId, uri)作為回調(diào)函數(shù)的參數(shù)傳入
下面是具體實現(xiàn)CallWebTrendsUri的代碼
這里簡述一下WebTrends的作用， 其中dcsMultiTrack 是其定義的想WebTrends云服務(wù)發(fā)送Get請求的接口， DCS.dcsuri作為一個屬性， 在這里賦上了我設(shè)定的函數(shù)值
WebTrends工具， 會根據(jù)你的web部署的IP地址 為profile， 提供一個賬號，Build Tag之后提供三個js文件
在本次的實驗中， 我在main.js中調(diào)進了WebTrends的入口， 即webtrends.load.js（注意還需要修改webtrends.load.js中， webtrends.min.js的路徑）
WebTrends的細節(jié)這里一筆帶過， 具體的步驟參看其文檔
（WebTrends是付費服務(wù)，需要買dcsid, 這里將具體賬號代碼省去)
這里已經(jīng)綁定了按鈕點擊事件和想WebTrends發(fā)送請求， 下面是展現(xiàn) ：
每次做點擊之后， 會看到一個新的Get請求發(fā)出去，WebTrends將本地JS采集的數(shù)據(jù)打包成一個gif（其實還是String形式）發(fā)出
最后會在WebTrends服務(wù)器那里做數(shù)據(jù)采集 ，分析并展示（報表）
總結(jié)
以上是生活随笔為你收集整理的Javascript模块化编程 （附WebTrends的dcsMultiTrack方法浅述）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端学习（1294）:相对路径和绝对路径
- 下一篇： Java程序怎么运行？