vue專案用js封裝的md5

阿新 • • 發佈：2019-01-13

第一步：封裝好js檔案

export default {
  md5 (string) {
    function md5RotateLeft (lValue, iShiftBits) {
      return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits))
    }
    function md5AddUnsigned (lX, lY) {
      let lX4, lY4, lX8, lY8, lResult
      lX8 = (lX & 0x80000000)
      lY8 = (lY & 0x80000000 
)
      lX4 = (lX & 0x40000000)
      lY4 = (lY & 0x40000000)
      lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF)
      if (lX4 & lY4) {
        return (lResult ^ 0x80000000 ^ lX8 ^ lY8)
      }
      if (lX4 | lY4) {
        if (lResult & 0x40000000) {
          return (lResult ^ 0xC0000000 ^ lX8 ^ lY8)
        } else  
{
          return (lResult ^ 0x40000000 ^ lX8 ^ lY8)
        }
      } else {
        return (lResult ^ lX8 ^ lY8)
      }
    }
    function md5F (x, y, z) {
      return (x & y) | ((~x) & z)
    }
    function md5G (x, y, z) {
      return (x & z) | (y & (~z))
    }
    function md5H (x, y, z) {
      return  
(x ^ y ^ z)
    }
    function md5I (x, y, z) {
      return (y ^ (x | (~z)))
    }
    function md5FF (a, b, c, d, x, s, ac) {
      a = md5AddUnsigned(a, md5AddUnsigned(md5AddUnsigned(md5F(b, c, d), x), ac))
      return md5AddUnsigned(md5RotateLeft(a, s), b)
    }
    function md5GG (a, b, c, d, x, s, ac) {
      a = md5AddUnsigned(a, md5AddUnsigned(md5AddUnsigned(md5G(b, c, d), x), ac))
      return md5AddUnsigned(md5RotateLeft(a, s), b)
    }
    function md5HH (a, b, c, d, x, s, ac) {
      a = md5AddUnsigned(a, md5AddUnsigned(md5AddUnsigned(md5H(b, c, d), x), ac))
      return md5AddUnsigned(md5RotateLeft(a, s), b)
    }
    function md5II (a, b, c, d, x, s, ac) {
      a = md5AddUnsigned(a, md5AddUnsigned(md5AddUnsigned(md5I(b, c, d), x), ac))
      return md5AddUnsigned(md5RotateLeft(a, s), b)
    }
    function md5ConvertToWordArray (string) {
      let lWordCount
let lMessageLength = string.length
let lNumberOfWordsTemp1 = lMessageLength + 8
let lNumberOfWordsTemp2 = (lNumberOfWordsTemp1 - (lNumberOfWordsTemp1 % 64)) / 64
let lNumberOfWords = (lNumberOfWordsTemp2 + 1) * 16
let lWordArray = Array(lNumberOfWords - 1)
      let lBytePosition = 0
let lByteCount = 0
while (lByteCount < lMessageLength) {
        lWordCount = (lByteCount - (lByteCount % 4)) / 4
lBytePosition = (lByteCount % 4) * 8
lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition))
        lByteCount++
      }
      lWordCount = (lByteCount - (lByteCount % 4)) / 4
lBytePosition = (lByteCount % 4) * 8
lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition)
      lWordArray[lNumberOfWords - 2] = lMessageLength << 3
lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29
return lWordArray
}
    function md5WordToHex (lValue) {
      let WordToHexValue = ''
let WordToHexValueTemp = ''
let lByte
let lCount
for (lCount = 0; lCount <= 3; lCount++) {
        lByte = (lValue >>> (lCount * 8)) & 255
WordToHexValueTemp = '0' + lByte.toString(16)
        WordToHexValue = WordToHexValue + WordToHexValueTemp.substr(WordToHexValueTemp.length - 2, 2)
      }
      return WordToHexValue
}
    function md5Utf8Encode (string) {
      string = string.replace(/\r\n/g, '\n')
      let utftext = ''
for (let n = 0; n < string.length; n++) {
        let c = string.charCodeAt(n)
        if (c < 128) {
          utftext += String.fromCharCode(c)
        } else if ((c > 127) && (c < 2048)) {
          utftext += String.fromCharCode((c >> 6) | 192)
          utftext += String.fromCharCode((c & 63) | 128)
        } else {
          utftext += String.fromCharCode((c >> 12) | 224)
          utftext += String.fromCharCode(((c >> 6) & 63) | 128)
          utftext += String.fromCharCode((c & 63) | 128)
        }
      }
      return utftext
}
    let x = []
    let k
let AA
let BB
let CC
let DD
let a
let b
let c
let d
let [S11, S12, S13, S14, S21, S22, S23, S24, S31, S32, S33, S34, S41, S42, S43, S44] =
      [7, 12, 17, 22, 5, 9, 14, 20, 4, 11, 16, 23, 6, 10, 15, 21]
    string = md5Utf8Encode(string)
    x = md5ConvertToWordArray(string)
    a = 0x67452301
b = 0xEFCDAB89
c = 0x98BADCFE
d = 0x10325476
for (k = 0; k < x.length; k += 16) {
      AA = a
      BB = b
      CC = c
      DD = d
      a = md5FF(a, b, c, d, x[k + 0], S11, 0xD76AA478)
      d = md5FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756)
      c = md5FF(c, d, a, b, x[k + 2], S13, 0x242070DB)
      b = md5FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE)
      a = md5FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF)
      d = md5FF(d, a, b, c, x[k + 5], S12, 0x4787C62A)
      c = md5FF(c, d, a, b, x[k + 6], S13, 0xA8304613)
      b = md5FF(b, c, d, a, x[k + 7], S14, 0xFD469501)
      a = md5FF(a, b, c, d, x[k + 8], S11, 0x698098D8)
      d = md5FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF)
      c = md5FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1)
      b = md5FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE)
      a = md5FF(a, b, c, d, x[k + 12], S11, 0x6B901122)
      d = md5FF(d, a, b, c, x[k + 13], S12, 0xFD987193)
      c = md5FF(c, d, a, b, x[k + 14], S13, 0xA679438E)
      b = md5FF(b, c, d, a, x[k + 15], S14, 0x49B40821)
      a = md5GG(a, b, c, d, x[k + 1], S21, 0xF61E2562)
      d = md5GG(d, a, b, c, x[k + 6], S22, 0xC040B340)
      c = md5GG(c, d, a, b, x[k + 11], S23, 0x265E5A51)
      b = md5GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA)
      a = md5GG(a, b, c, d, x[k + 5], S21, 0xD62F105D)
      d = md5GG(d, a, b, c, x[k + 10], S22, 0x2441453)
      c = md5GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681)
      b = md5GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8)
      a = md5GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6)
      d = md5GG(d, a, b, c, x[k + 14], S22, 0xC33707D6)
      c = md5GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87)
      b = md5GG(b, c, d, a, x[k + 8], S24, 0x455A14ED)
      a = md5GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905)
      d = md5GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8)
      c = md5GG(c, d, a, b, x[k + 7], S23, 0x676F02D9)
      b = md5GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A)
      a = md5HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942)
      d = md5HH(d, a, b, c, x[k + 8], S32, 0x8771F681)
      c = md5HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122)
      b = md5HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C)
      a = md5HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44)
      d = md5HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9)
      c = md5HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60)
      b = md5HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70)
      a = md5HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6)
      d = md5HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA)
      c = md5HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085)
      b = md5HH(b, c, d, a, x[k + 6], S34, 0x4881D05)
      a = md5HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039)
      d = md5HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5)
      c = md5HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8)
      b = md5HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665)
      a = md5II(a, b, c, d, x[k + 0], S41, 0xF4292244)
      d = md5II(d, a, b, c, x[k + 7], S42, 0x432AFF97)
      c = md5II(c, d, a, b, x[k + 14], S43, 0xAB9423A7)
      b = md5II(b, c, d, a, x[k + 5], S44, 0xFC93A039)
      a = md5II(a, b, c, d, x[k + 12], S41, 0x655B59C3)
      d = md5II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92)
      c = md5II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D)
      b = md5II(b, c, d, a, x[k + 1], S44, 0x85845DD1)
      a = md5II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F)
      d = md5II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0)
      c = md5II(c, d, a, b, x[k + 6], S43, 0xA3014314)
      b = md5II(b, c, d, a, x[k + 13], S44, 0x4E0811A1)
      a = md5II(a, b, c, d, x[k + 4], S41, 0xF7537E82)
      d = md5II(d, a, b, c, x[k + 11], S42, 0xBD3AF235)
      c = md5II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB)
      b = md5II(b, c, d, a, x[k + 9], S44, 0xEB86D391)
      a = md5AddUnsigned(a, AA)
      b = md5AddUnsigned(b, BB)
      c = md5AddUnsigned(c, CC)
      d = md5AddUnsigned(d, DD)
    }
    return (md5WordToHex(a) + md5WordToHex(b) + md5WordToHex(c) + md5WordToHex(d)).toLowerCase()
  }
}

第二步：在vue頁面中引入

import Md5 from '../assets/js/md5'

第三步：使用格式

this.userpassword = Md5.md5(this.userpassword )

vue專案用js封裝的md5

第一步：封裝好js檔案 export default { md5 (string) { function md5RotateLeft (lValue, iShiftBits) { return (lValue << iShiftBits)

vue專案用sha256、md5、base64加密密碼

無論你開發什麼樣的專案，你可能都會要開發登入、註冊、修改密碼、忘記密碼這些功能，少數專案除外！！要實現這些功能，對於保護使用者或者管理員賬號密碼，這是我們程式設計師肯定要做的事情。要是使用者密碼不加密，用明文方式傳給後臺，是不是有點耍流氓了！！！所以為了保證密碼的不可見性，我

vue專案用json模擬資料

基於node和express 1，先寫一個json檔案，例如data.json { seller:[ ....... ], goods: [ ...... ] } 2，自dev-server裡寫 var appData=requir

寫vue專案用到的一些外掛

vue-router 是 Vue.js 官方的路由管理器 vue-loader 編譯.vue檔案 vue-touch 支援vue2.0的面向指令的touch指令，基於touchjs（原百度實現的移動端手勢庫）

vue專案中常用的md5加密

安裝加密模組：js-md5 npm i js-md5 -S 1.在需要使用的專案檔案中引入： import md5 from 'js-md5'; 使用： md5('holle') // bcecb35d0a12baad472fbe0392bcc043 2.或者在

weUI應用，用JS封裝了幾個常用的資訊提示的彈層

weUI應用，自己用JS封裝了幾個常用的資訊提示的彈層測試頁面的程式碼在後面有貼出幾個彈層如下圖 HTML頁面程式碼： <!DOCTYPE html> <html> <head> <title>weUI-test<

WEUI應用，用JS封裝常用資訊—ActionSheet

$(document).on("click","#showActionSheet",function(){ actionSheetMenu({id:'aa',text:'選單一'},{id:'bb',text:'選單二'},{id:'cc',text:'選單三'});

Vue專案用百度地圖定位

1.首先我們先在本地獲取到城市定位 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta

用js實現md5加密

來至網友的註解: 下載md5,得到的檔案卻是md4.js。於是我靈機一動下載了sha1,果然是md5.js。。。。非常感謝！使用MD5加密的方法：下載md5.js檔案，在網頁中引用該檔案: <script type="text/javascript" src=

如何在vue專案中使用md5.js及base64.js

一、在專案根目錄下安裝 npm install --save js-base64 npm install --save js-md5 二、在專案檔案中引入 import md5 from 'j

在vue專案中使用md5.js及base64.js 設定cookie

MD5單向加密，不可解密 base64可加可解轉載： https://blog.csdn.net/qq_35844177/article/details/70597597 https://blog.csdn.net/qq_32113629/article/deta

vue專案中使用md5.js及base64.js

一、在專案根目錄下安裝npm install --save js-base64npm install --save js-md5二、在專案檔案中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base6

初識nuxt.js:用nuxt.js對現有vue專案進行SSR服務端渲染改造

最近用vue寫了公司部門的官網，但是spa單頁面應用首屏載入有些慢，體驗不好，而且SEO極不友好，於是學了學nuxt把專案改造成後端渲染。因為是第一次用nuxt，也遇上一些坑，在次記錄一下，加深印象。 1.什麼是nuxt.js？為什麼用它？ nuxt.js是一個基於 Vue.js 的通用應用框架，官網http

用原生js封裝輪播圖

round this getc 行間樣式 gets -m ++ fun ted 原生js封裝輪播圖對於初學js的同學來說，輪播圖還是一個難點，尤其是原生js封裝輪播圖代碼，下面是我之前做的一個輪播圖項目中封裝好的一些代碼，有需要的同學可以看一下，有什麽不懂的可以看註釋，

用js把圖片做的富有動態感，並對以後需要用著的屬性進行封裝

進行 display div lin 圖片 doc 移除 win next 首先我們先要導入幾張圖片（我已導入完畢）：；好，我們先寫一個 <div ></div>, 定義一個 class="contair", 在這<div>

vue專案 axios封裝第二彈

import axios from "axios"; import qs from "qs"; import { Message, MessageBox } from "element-ui"; // 建立axios例項 const service = axios.create({ with

用 webpack 建立 vue 專案

1、安裝支援webpack 包 npm i -D webpack webpack-cli aspnet-webpack webpack-dev-middleware webpack-hot-middleware

把圖片公式轉化為文字內容。vue專案中引入MathJax.js

這是個圖片的公式，有img標籤引入。我們想要轉成下面的效果：在vue專案中引入MathJax.js 首先在index.html頁面 <script type="text/javascript" src="https://cdn.ma

關於使用Vue.js搭建Vue專案的總結

關於使用Vue.js搭建Vue專案的總結@vue 關於使用Vue.js搭建Vue專案的總結我學習Vue.js的目的很簡單，前幾天在網上看到別人用vue.js做出了個人組件庫，很厲害，很羨慕，我也想要嘗試一下（各位大佬可以無視，本人新手(oﾟvﾟ)ノ）。而且作為一個前端裡不容忽視的輕

vue專案中axios的封裝

1.安裝 1 npm install axios --save 2.新建http.js，封裝攔截器以及多種請求方式 1 import axios from 'axios'; 2 import { Message } from 'element-ui'; 3 4

vue專案用js封裝的md5

相關推薦