flowchart.js源碼,Flowchart

本文目錄一覽：

• 1、js源碼在哪裡看
• 2、跪求md5演算法的可執行程序，最好帶上流程圖和源代碼，謝了～
• 3、剛入門web求大神解釋這個js源碼的意思？

js源碼在哪裡看

javascript的源碼 被嵌入到瀏覽器中一般是看不到的

如果是javascript語言寫的代碼，可以在頁面上右鍵–》 查看源碼，在head部分找到引入的javascript文件的路徑，然後再瀏覽器當前頁面的網址 加上該文件的路徑，就可以查看了

跪求md5演算法的可執行程序，最好帶上流程圖和源代碼，謝了～

1. Java版MD5

MD5Util.java

[java] view plain copy

package com.cncounter.util.common;

import java.security.MessageDigest;

import java.security.NoSuchAlgorithmException;

/**

* Java消息摘要演算法 MD5 工具類,其實其他摘要演算法的實現也類似

*/

public class MD5Util {

/**

* 對文本執行 md5 摘要加密, 此演算法與 mysql,JavaScript生成的md5摘要進行過一致性對比.

* @param plainText

* @return 返回值中的字母為小寫

*/

public static String md5(String plainText) {

if (null == plainText) {

plainText = “”;

}

String MD5Str = “”;

try {

// JDK 6 支持以下6種消息摘要演算法，不區分大小寫

// md5,sha(sha-1),md2,sha-256,sha-384,sha-512

MessageDigest md = MessageDigest.getInstance(“MD5”);

md.update(plainText.getBytes());

byte b[] = md.digest();

int i;

StringBuilder builder = new StringBuilder(32);

for (int offset = 0; offset b.length; offset++) {

i = b[offset];

if (i 0)

i += 256;

if (i 16)

builder.append(“0”);

builder.append(Integer.toHexString(i));

}

MD5Str = builder.toString();

// LogUtil.println(“result: ” + buf.toString());// 32位的加密

} catch (NoSuchAlgorithmException e) {

e.printStackTrace();

}

return MD5Str;

}

// 一個簡版測試

public static void main(String[] args) {

String m1 = md5(“1”);

String m2 = md5(m1);

/* 輸出為

* m1=c4ca4238a0b923820dcc509a6f75849b

* m2=28c8edde3d61a0411511d3b1866f0636

*/

System.out.println(“m1=”+m1);

System.out.println(“m2=”+m2);

}

}

2. MySQL版MD5

MySQL直接支持 md5函數調用

[sql] view plain copy

select md5(‘1’) as m1, md5(md5(‘1’)) as m2;

執行結果為:

[plain] view plain copy

MariaDB [(none)] select md5(‘1’) as m1, md5(md5(‘1’)) as m2;

+———————————-+———————————-+

| m1 | m2 |

+———————————-+———————————-+

| c4ca4238a0b923820dcc509a6f75849b | 28c8edde3d61a0411511d3b1866f0636 |

+———————————-+———————————-+

1 row in set (0.00 sec)

3. JavaScript 版MD5函數

md5.js 代碼如下:

[javascript] view plain copy

/*! JavaScript 的 MD5 實現 */

// 括弧表達式, (xxxxx) 是用來將內部的語句、表達式的結果作為一個結果.

// 常見的是將json字元串用 eval 解析時,需要 eval(“(” +jsonstr+ “)”);

// () 內部定義了一個空間, 裡面定義的變數不會污染到全局空間,很適合做lib

// (function UMD(對象/函數名name, 上下文this, 函數/對象的定義)) 返回一個匿名函數

// 因為第一個括弧內 的結果是一個函數,而函數可以這樣調用: (function(形參){})(實參);

// 這種匿名函數被瀏覽器解析後會自動執行一次.

(function UMD(name, context, definition) {

if ( typeof module !== “undefined” module.exports) {

// 如果 module 存在,並且module.exports存在,則將賦值結果賦給 它

// 可以不用管

module.exports = definition();

} else if ( typeof define === “function” define.amd) {

// 如果 define 這個函數存在,應該是另一個基礎類庫，則使用define

// 可以不用管

define(definition);

} else {

// 簡單一點,可以看成: 調用傳入的definition函數，將返回的對象綁定到全局空間

// 當然,根據傳入的上下文不同,也可以綁定到其他對象下面,成為一個屬性方法.

context[name] = definition(name, context);

}

}

)(“md5”, this, function DEF(name, context) {“use strict”;

// 上面的 use strict 表示嚴格語法模式,有錯誤就拒絕執行.

// 而普通的JS,是解釋執行,不執行的地方,有些錯誤也不影響其他代碼的執行

// 作為類庫,使用嚴格模式是很有必要的.嚴格模式聲明必須放到一個namespace空間的最起始處.

//

var old_public_api = (context || {})[name];

// 最後要返回的對象/函數.

function md5_func(text) {

return hex_md5(text);

};

// 下面一堆是具體的演算法… 可以先不用管

/////////////////////////////////////////////////////

//計算MD5

var hexcase = 0;

function hex_md5(a) {

if (a == “”)

return a;

return rstr2hex(rstr_md5(str2rstr_utf8(a)))

};

function hex_hmac_md5(a, b) {

return rstr2hex(rstr_hmac_md5(str2rstr_utf8(a), str2rstr_utf8(b)))

};

function md5_vm_test() {

return hex_md5(“abc”).toLowerCase() == “900150983cd24fb0d6963f7d28e17f72”

};

function rstr_md5(a) {

return binl2rstr(binl_md5(rstr2binl(a), a.length * 8))

};

function rstr_hmac_md5(c, f) {

var e = rstr2binl(c);

if (e.length 16) {

e = binl_md5(e, c.length * 8)

}

var a = Array(16), d = Array(16);

for (var b = 0; b 16; b++) {

a[b] = e[b] ^ 909522486;

d[b] = e[b] ^ 1549556828

}

var g = binl_md5(a.concat(rstr2binl(f)), 512 + f.length * 8);

return binl2rstr(binl_md5(d.concat(g), 512 + 128))

};

function rstr2hex(c) {

try { hexcase

} catch(g) {

hexcase = 0

}

var f = hexcase ? “0123456789ABCDEF” : “0123456789abcdef”;

var b = “”;

var a;

for (var d = 0; d c.length; d++) {

a = c.charCodeAt(d);

b += f.charAt((a 4) 15) + f.charAt(a 15)

}

return b

};

function str2rstr_utf8(c) {

var b = “”;

var d = -1;

var a, e;

while (++d c.length) {

a = c.charCodeAt(d);

e = d + 1 c.length ? c.charCodeAt(d + 1) : 0;

if (55296 = a a = 56319 56320 = e e = 57343) {

a = 65536 + ((a 1023) 10) + (e 1023);

d++

}

if (a = 127) {

b += String.fromCharCode(a)

} else {

if (a = 2047) {

b += String.fromCharCode(192 | ((a 6) 31), 128 | (a 63))

} else {

if (a = 65535) {

b += String.fromCharCode(224 | ((a 12) 15), 128 | ((a 6) 63), 128 | (a 63))

} else {

if (a = 2097151) {

b += String.fromCharCode(240 | ((a 18) 7), 128 | ((a 12) 63), 128 | ((a 6) 63), 128 | (a 63))

}

}

}

}

}

return b

};

function rstr2binl(b) {

var a = Array(b.length 2);

for (var c = 0; c a.length; c++) {

a[c] = 0

}

for (var c = 0; c b.length * 8; c += 8) {

a[c 5] |= (b.charCodeAt(c / 8) 255) (c % 32)

}

return a

};

function binl2rstr(b) {

var a = “”;

for (var c = 0; c b.length * 32; c += 8) {

a += String.fromCharCode((b[c 5] (c % 32)) 255)

}

return a

};

function binl_md5(p, k) {

p[k 5] |= 128 ((k) % 32);

p[(((k + 64) 9) 4) + 14] = k;

var o = 1732584193;

var n = -271733879;

var m = -1732584194;

var l = 271733878;

for (var g = 0; g p.length; g += 16) {

var j = o;

var h = n;

var f = m;

var e = l;

o = md5_ff(o, n, m, l, p[g + 0], 7, -680876936);

l = md5_ff(l, o, n, m, p[g + 1], 12, -389564586);

m = md5_ff(m, l, o, n, p[g + 2], 17, 606105819);

n = md5_ff(n, m, l, o, p[g + 3], 22, -1044525330);

o = md5_ff(o, n, m, l, p[g + 4], 7, -176418897);

l = md5_ff(l, o, n, m, p[g + 5], 12, 1200080426);

m = md5_ff(m, l, o, n, p[g + 6], 17, -1473231341);

n = md5_ff(n, m, l, o, p[g + 7], 22, -45705983);

o = md5_ff(o, n, m, l, p[g + 8], 7, 1770035416);

l = md5_ff(l, o, n, m, p[g + 9], 12, -1958414417);

m = md5_ff(m, l, o, n, p[g + 10], 17, -42063);

n = md5_ff(n, m, l, o, p[g + 11], 22, -1990404162);

o = md5_ff(o, n, m, l, p[g + 12], 7, 1804603682);

l = md5_ff(l, o, n, m, p[g + 13], 12, -40341101);

m = md5_ff(m, l, o, n, p[g + 14], 17, -1502002290);

n = md5_ff(n, m, l, o, p[g + 15], 22, 1236535329);

o = md5_gg(o, n, m, l, p[g + 1], 5, -165796510);

l = md5_gg(l, o, n, m, p[g + 6], 9, -1069501632);

m = md5_gg(m, l, o, n, p[g + 11], 14, 643717713);

n = md5_gg(n, m, l, o, p[g + 0], 20, -373897302);

o = md5_gg(o, n, m, l, p[g + 5], 5, -701558691);

l = md5_gg(l, o, n, m, p[g + 10], 9, 38016083);

m = md5_gg(m, l, o, n, p[g + 15], 14, -660478335);

n = md5_gg(n, m, l, o, p[g + 4], 20, -405537848);

o = md5_gg(o, n, m, l, p[g + 9], 5, 568446438);

l = md5_gg(l, o, n, m, p[g + 14], 9, -1019803690);

m = md5_gg(m, l, o, n, p[g + 3], 14, -187363961);

n = md5_gg(n, m, l, o, p[g + 8], 20, 1163531501);

o = md5_gg(o, n, m, l, p[g + 13], 5, -1444681467);

l = md5_gg(l, o, n, m, p[g + 2], 9, -51403784);

m = md5_gg(m, l, o, n, p[g + 7], 14, 1735328473);

n = md5_gg(n, m, l, o, p[g + 12], 20, -1926607734);

o = md5_hh(o, n, m, l, p[g + 5], 4, -378558);

l = md5_hh(l, o, n, m, p[g + 8], 11, -2022574463);

m = md5_hh(m, l, o, n, p[g + 11], 16, 1839030562);

n = md5_hh(n, m, l, o, p[g + 14], 23, -35309556);

o = md5_hh(o, n, m, l, p[g + 1], 4, -1530992060);

l = md5_hh(l, o, n, m, p[g + 4], 11, 1272893353);

m = md5_hh(m, l, o, n, p[g + 7], 16, -155497632);

n = md5_hh(n, m, l, o, p[g + 10], 23, -1094730640);

o = md5_hh(o, n, m, l, p[g + 13], 4, 681279174);

l = md5_hh(l, o, n, m, p[g + 0], 11, -358537222);

m = md5_hh(m, l, o, n, p[g + 3], 16, -722521979);

n = md5_hh(n, m, l, o, p[g + 6], 23, 76029189);

剛入門web求大神解釋這個js源碼的意思？

你好！

這段代碼是輪播圖的自動切換。

其中還設置了滑鼠移入移出的效果。

setInteval函數是個定時器，

兩個參數:一個是執行的函數，一個是時間間隔。

就是根據給定的的時間間隔(單位是毫秒)執行函數。

setInterval(autoChange,3000)就是每3秒執行一次autoChange這個函數。

說下autoChange函數:

有一個current_index變數，用來記錄當前顯示的輪播圖是第幾個。每次執行的時候，都會先給這個變數進行自增1個。

通過循環判斷所有輪播圖中的元素，如果索引與變數的值相同，分別設置對應元素的樣式，否則設置為另一種樣式。

再看hotChange函數:

定義了一個timer變數，也就是上面說的定時器。找出id為button的元素，並找出它下面的li子元素。用了一個for循環來遍歷這個子元素數組。

在循環裡面做了兩件事:

為子元素設置onmouseover事件和onmouseout事件。

其中onmouseout事件裡面就是為timer重新賦值。

而onmouseover事件，則是先判斷timer變數是否有值。有值的話，使用clearInterval清空，也就是停止定時器；無值的話，則通過循環，為其設置樣式。

無值這裡的循環內邏輯與autoChange函數是相同的。

希望對你有幫助！