當前位置：首頁 > 编程语言 > java >内容正文

java

Javascript模块化编程（附WebTrends的dcsMultiTrack方法浅述）

發布時間：2023/12/10 java 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 Javascript模块化编程（附WebTrends的dcsMultiTrack方法浅述）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

簡述：

使用Javascript的過程中，覺得代碼編寫之前都是硬嵌在一個html或是jsp里，不免有點黏連，這里初步使用下require.js進行模塊化編程

同時簡述下WebTrends這一測試工具包（js包）中的dcsMultiTrack的用法

項目結構：

步驟：

1. 首先下載require.js 文件

http://requirejs.org/docs/download.html

之后導入到工程路徑下

2. 編寫一個簡易的JQuery發送Get請求，順便調用一下WebTrends這個第三方JS包，做測試

假定我們的主程序是main.js

data-main的作用指定程序的主模塊，這個文件會第一個被require.js加載

test.html

<!DOCTYPE html> <head><title>MyWebProject</title><meta charset="utf-8" /><link type="text/css" href="./lib/css/jquery-ui-1.8.19.custom.css" rel="stylesheet" /><script type="text/javascript" src="./lib/js/require-jquery.js" data-main="js/main" defer async="true" ></script></head> <body> <input id="getBtn" type="button" value="Send Request To WebTrends" /> </body> </html>

在require-jquery.js這行中，async屬性表明這個文件需要異步加載，避免網頁失去響應。

IE不支持這個屬性，只支持defer，所以把defer也寫上。

之后是主模塊

main.js

loadJS定義了一個數組，是所有的需要載入的JS文件，這些JS文件在require.config中分別對各自的路徑做了映射

require函數中， CallWebTrendsUri(componentId, uri)作為回調函數的參數傳入

下面是具體實現CallWebTrendsUri的代碼

這里簡述一下WebTrends的作用，其中dcsMultiTrack 是其定義的想WebTrends云服務發送Get請求的接口， DCS.dcsuri作為一個屬性，在這里賦上了我設定的函數值

WebTrends工具，會根據你的web部署的IP地址為profile，提供一個賬號，Build Tag之后提供三個js文件

在本次的實驗中，我在main.js中調進了WebTrends的入口，即webtrends.load.js（注意還需要修改webtrends.load.js中， webtrends.min.js的路徑）

WebTrends的細節這里一筆帶過，具體的步驟參看其文檔

（WebTrends是付費服務，需要買dcsid, 這里將具體賬號代碼省去)

這里已經綁定了按鈕點擊事件和想WebTrends發送請求，下面是展現：

每次做點擊之后，會看到一個新的Get請求發出去，WebTrends將本地JS采集的數據打包成一個gif（其實還是String形式）發出

最后會在WebTrends服務器那里做數據采集，分析并展示（報表）

總結

以上是生活随笔為你收集整理的Javascript模块化编程（附WebTrends的dcsMultiTrack方法浅述）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：前端学习（1294）:相对路径和绝对路径
下一篇： java美元兑换,（Java实现）美元

java

Javascript模块化编程 （附WebTrends的dcsMultiTrack方法浅述）

總結

Javascript模块化编程（附WebTrends的dcsMultiTrack方法浅述）