1. 程式人生 > >vue專案中使用md5.js及base64.js

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

一、在專案根目錄下安裝


npm install --save js-base64
npm install --save js-md5


二、在專案檔案中引入


import md5 from 'js-md5';


let Base64 = require('js-base64').Base64;


三、在專案檔案中使用


base64


Base64.encode('dankogai');  // ZGFua29nYWk=
Base64.encode('小飼弾');    // 5bCP6aO85by+
Base64.encodeURI('小飼弾'); // 5bCP6aO85by-


Base64.decode('ZGFua29nYWk=');  // dankogai
Base64.decode('5bCP6aO85by+');  // 小飼弾
// note .decodeURI() is unnecessary since it accepts both flavors
Base64.decode('5bCP6aO85by-');  // 小飼弾


md5


md5(''); // d41d8cd98f00b204e9800998ecf8427e
md5('The quick brown fox jumps over the lazy dog'); // 9e107d9d372bb6826bd81d3542a419d6
md5('The quick brown fox jumps over the lazy dog.'); // e4d909c290d0fb1ca068ffaddf22cbd0


// It also supports UTF-8 encoding
md5('中文'); // a7bac2239fcdcb3a067903d8077c4a07


// It also supports byte `Array`, `Uint8Array`, `ArrayBuffer`
md5([]); // d41d8cd98f00b204e9800998ecf8427e
md5(new Uint8Array([])); // d41d8cd98f00b204e9800998ecf8427e


// Different output
md5(''); // d41d8cd98f00b204e9800998ecf8427e
md5.hex(''); // d41d8cd98f00b204e9800998ecf8427e
md5.array(''); // [212, 29, 140, 217, 143, 0, 178, 4, 233, 128, 9, 152, 236, 248, 66, 126]
md5.digest(''); // [212, 29, 140, 217, 143, 0, 178, 4, 233, 128, 9, 152, 236, 248, 66, 126]
md5.arrayBuffer(''); // ArrayBuffer
md5.buffer(''); // ArrayBuffer, deprecated, This maybe confuse with Buffer in node.js. Please use arrayBuffer instead.

相關推薦

如何在vue專案使用md5.jsbase64.js

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

vue專案使用md5.jsbase64.js 設定cookie

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

vue專案使用md5.jsbase64.js

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

Vue專案遇到的問題(miu.js的問題)

mui.css引入到腳手架,打包時會報SVG圖片屬性錯誤(需要將mui.css檔案中引入SVG圖片的單引號改成雙引號) mui嚴格模式(當webpack專案中引入mui.js,會報caller,callee,arguments在嚴格模式下無法使用的錯誤)

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

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

PDF.js —— vue專案使用pdf.js顯示pdf檔案(流)

前言:專案中有一個需要預覽下載pdf的需求,網上找了很久,決定使用 pdf.js 完成。 第一步: 首先肯定是匯入外掛,我是從官網直接下載,連結:點選開啟連結,注意需要放在static檔案目錄下 注意:這裡面有核心的pdf.js和pdf.worker.js,以及展示pdf的vi

vue專案app.vue 、main.js和 index.html的關聯

1.main.js是我們的入口檔案,主要作用是初始化vue例項並使用需要的外掛。 import Vue from 'vue' import App from './App' /* eslint-disable no-new */ new Vue({ el: '#ap

vue專案使用Nprogress.js進度條

Ajaxyy應用程式的細長進度條。靈感來自Google,YouTube和Medium。 在vue中使用nprogress.js 安裝 $ bower install --save nprogres

vue專案使用pdf.js預覽pdf檔案

    專案要求需要預覽pdf檔案,網上找了很久,大多數都是推薦pdf.js,自己起了解了一下,最後決定用pdf.js, 但是發現,在vue中使用這個很少!!!!!所以我就寫這一篇幫助一下vue使用pdfjs的朋友! 其實 這和前端框架無關的,直接使用pdf.js原生

vue專案,main.js,App.vue,index.html如何呼叫

1、main.js是我們的入口檔案,主要作用是初始化vue例項,並引入所需要的外掛 2、App.vue是我們的主元件,所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是Ap

Vue專案引入D3.js

使用Vue-CLI ,且適合在單檔案元件.vue的情況下引入D3.js 1. vue-cli安裝 npm install -g vue-cli 2. 專案名初始化 vue init webpack projectName projectNamet為專案名。 3. 安裝

擦他丫的,今天在Django專案引用靜態檔案jQuery.js 就是引入報錯,終於找到原因了!

擦 ,今天在Django專案中引用靜態檔案jQuery.js 就是引入報錯,終於找到原因了! 問題在於我使用的谷歌瀏覽器,預設使用了快取,導致每次訪問同一個url時,都返回的是快取裡面的東西。通過谷歌瀏覽器裡面的開發者工具network下面的選項能禁用快取。 禁用快取後,則在django開發環境裡面,執行

vue專案常用的md5加密

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

vue專案textarea文字提交到後端資料庫,前端輸出儲存換行回車修改

在提交前先用正則: var content = this.content.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, '&nbsp;'); (此處content為textar

vue專案 postcss-pxtorem 的使用webpack的配置

移動盛行的時代,越來越多的手機型號要求我們在製作嵌入h5的時候去適配不同的手機。適配有多重模式,就像佈局有flex、百分比等。字型大小的控制也有px、百分比、rem等單位,這篇文章來回顧下webpack中關於px轉rem。 1 安裝依賴包   npm install&nb

vue專案如何利用base64上傳圖片與檔案

前端在進行資原始檔上傳的時候,可以藉助HTML5中,fileReader物件進行圖片和檔案的上傳。利用該物件提供的一些屬性方法更加方便的獲取所上傳的檔案資訊。在vue專案中操作方法如下: 1)繫結input[type=‘file’]的change事件 <inpu

關於在 vue專案對echarts圖表的一些控制(陣列物件去重)

1.利用replace對後臺返回的json資料做替換處理 (不管是多麼複雜的資料結構,都可以利用這樣的方法去全部匹配) var json = [{'real-name':'lolo'},{'real-name':'abc'},{'real-name':'

eclipse專案從外部匯入的js檔案報錯如何解決

     eclipse專案中從外部匯入的js檔案報錯                     解決方案 ! ! ! 第一步,你要知道報錯的js檔案在哪裡          一般有兩種方法      

vue專案禁止移動端雙擊放大,雙手拉大放大的方法

在vue打包後生成的dist目錄檔案下下面有index.html 開啟裡面 把原來的這個 <meta name=viewport content="width=device-width,initial-scale=1">    替換成這個就行了 <meta cont

解決關於 vue專案 點選按鈕路由多了個問號

問題描述: 在vue專案開發過程中,點選按鈕結果頁面重新整理了一遍 後來發現路徑變成了 localhost:8080/?#/login   原因: 這裡是 form 表單,點選了button 按鈕,觸發了他的預設事件,就是觸發了提交這個行為。   解決方案 使用@click