直须
🐭
获得徽章 6
- 有时候地址栏有些关键信息不想直接展示，比如id。可以使用加密界面的方式。搜索链接找不到了，不是原创。
```js
import CryptoJS from 'crypto-js'
const key = CryptoJS.enc.Utf8.parse('1234123412ABCDEF') // 十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412') // 十六位十六进制数作为密钥偏移量
// 解密方法
export function decrypt (word) {
let encryptedHexStr = CryptoJS.enc.Hex.parse(word)
let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)
let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)
return decryptedStr.toString()
}
// 加密方法
export function encrypt (word) {
let srcs = CryptoJS.enc.Utf8.parse(word)
let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
return encrypted.ciphertext.toString().toUpperCase()
}
// 使用如下
let encryedWords = encrypt('xxxx')
let decryedWords = decrypt(encryedWords)
```展开46 - 新文章：“CSS columns轻松实现两端对齐布局效果” -
www.zhangxinxu.com
兜兜转转一大圈，最后发现实现两端对齐布局方式最简单的居然是使用CSS columns多栏布局。例如，我们想要实现3列元素两端对齐，中间间隙是30px，CSS代码为……展开评论20
www.zhangxinxu.com
