最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端视频资料：

function SM4Util() {
console.log(‘SM4Util key—-’, key)
// 和后端key一致（key为密钥）
// this.secretKey = key
this.secretKey = ‘1111111111111111’
// 当时用CBC模式的时候
this.iv = ‘1111111111111111’
this.hexString = false

// ECB模式加密
this.encryptData_ECB = function (plainText) {
try {
var sm4 = new SM4()
var ctx = new SM4_Context()
ctx.isPadding = true
ctx.mode = sm4.SM4_ENCRYPT
var keyBytes = stringToByte(this.secretKey)
sm4.sm4_setkey_enc(ctx, keyBytes)
var encrypted = sm4.sm4_crypt_ecb(ctx, stringToByte(plainText))
var cipherText = base64js.fromByteArray(encrypted)
if (cipherText != null && cipherText.trim().length > 0) {
cipherText.replace(/(\s*| |\r|
)/g, ‘’)
}
return cipherText
} catch (e) {
console.error(e)
return null
}
}
// CBC模式加密
this.encryptData_CBC = function (plainText) {
try {
var sm4 = new SM4()
var ctx = new SM4_Context()
ctx.isPadding = true
ctx.mode = sm4.SM4_ENCRYPT

  var keyBytes = stringToByte(this.secretKey)
  var ivBytes = stringToByte(this.iv)

  sm4.sm4\_setkey\_enc(ctx, keyBytes)
  var encrypted = sm4.sm4\_crypt\_cbc(ctx, ivBytes, stringToByte(plainText))
  var cipherText = base64js.fromByteArray(encrypted)
  if (cipherText != null && cipherText.trim().length > 0) {
    cipherText.replace(/(\s\*|	|\r|
)/g, '')
  }
  return cipherText
} catch (e) {
  console.error(e)
  return null
}

}

stringToByte = function (str) {
var bytes = new Array()
var len, c
len = str.length
for (var i = 0; i < len; i++) {
c = str.charCodeAt(i)
if (c >= 0x010000 && c <= 0x10ffff) {
bytes.push(((c >> 18) & 0x07) | 0xf0)
bytes.push(((c >> 12) & 0x3f) | 0x80)
bytes.push(((c >> 6) & 0x3f) | 0x80)
bytes.push((c & 0x3f) | 0x80)
} else if (c >= 0x000800 && c <= 0x00ffff) {
bytes.push(((c >> 12) & 0x0f) | 0xe0)
bytes.push(((c >> 6) & 0x3f) | 0x80)
bytes.push((c & 0x3f) | 0x80)
} else if (c >= 0x000080 && c <= 0x0007ff) {
bytes.push(((c >> 6) & 0x1f) | 0xc0)
bytes.push((c & 0x3f) | 0x80)
} else {
bytes.push(c & 0xff)
}
}
console.log(‘bytes—-’, bytes)
return bytes
}

byteToString = function (arr) {
if (typeof arr === ‘string’) {
return arr
}
var str = ‘’,
_arr = arr
for (var i = 0; i < _arr.length; i++) {
var one = _arr[i].toString(2),
v = one.match(/^1+?(?=0)/)
if (v && one.length == 8) {
var bytesLength = v[0].length
var store = _arr[i].toString(2).slice(7 – bytesLength)
for (var st = 1; st < bytesLength; st++) {
store += _arr[st + i].toString(2).slice(2)
}
str += String.fromCharCode(parseInt(store, 2))
i += bytesLength – 1
} else {
str += String.fromCharCode(_arr[i])
}
}
return str
}
}

### 2. body 标签上引入该文件

### 3. 使用 - ECB 模式加密

// 加密 – 使用默认秘钥 1111111111111111
var sm4 = new SM4Util();
sm4.encryptData_ECB(‘123’);
// 加密 – 使用自定义秘钥 93F3044B07393417A737E2CC389D01AF （需将 sm4.js 文件中SM4Util 函数处注释的代码打开）
var sm4 = new SM4Util(‘93F3044B07393417A737E2CC389D01AF’);
sm4.encryptData_ECB(‘123’); // 后端解密的好像对不上，

该加密办法参考博客 


## 【方法3】


### 1. 本地写 js 文件


`@/utils/SM4Util/index.js`

let base64js = require(‘./base64js’)
let Hex = require(‘./hex’)
let SM4 = require(‘./sm4’)

function SM4Util() {}

/**
* sm4 ecb 加密
* @param utf8Str
* @param utf8Key
*/
SM4Util.sm4ECBEncrypt = function (utf8Str, utf8Key) {
if (!utf8Key) {
utf8Key = ‘zzfh!@#$QazxWsxc’
}
let sm4 = new SM4()
let keyBytes = Hex.utf8StrToBytes(utf8Key)
let contentBytes = Hex.utf8StrToBytes(utf8Str)
let cipher = sm4.encrypt_ecb(keyBytes, contentBytes)
return base64js.fromByteArray(cipher)
}

/**
* sm4 ecb 解密
* @param utf8Str
* @param utf8Key
*/
SM4Util.sm4ECBDecrypt = function (base64Str, utf8Key) {
if (!utf8Key) {
utf8Key = ‘zzfh!@#$QazxWsxc’
}
let sm4 = new SM4()
let keyBytes = Hex.utf8StrToBytes(utf8Key)
let contentBytes = base64js.toByteArray(base64Str)
let plain = sm4.decrypt_ecb(keyBytes, contentBytes)
return Hex.bytesToUtf8Str(plain)
}

/**
* sm4 cbc 加密
* @param utf8Str
* @param utf8Key
* @param utf8Iv
*/
SM4Util.sm4CBCEncrypt = function (utf8Str, utf8Key, utf8Iv) {
if (!utf8Key) {
utf8Key = ‘cmbtest1cmbtest1’
}
if (!utf8Iv) {
utf8Iv = ‘cmbtest1cmbtest1’
}
let sm4 = new SM4()
let keyBytes = Hex.utf8StrToBytes(utf8Key)
let ivBytes = Hex.utf8StrToBytes(utf8Iv)
let contentBytes = Hex.utf8StrToBytes(utf8Str)
let cipher = sm4.encrypt_cbc(keyBytes, ivBytes, contentBytes)
return base64js.fromByteArray(cipher)
}

/**
* sm4 cbc 解密
* @param utf8Str
* @param utf8Key
* @param utf8Iv
*/
SM4Util.sm4CBCDecrypt = function (base64Str, utf8Key, utf8Iv) {
if (!utf8Key) {
utf8Key = ‘cmbtest1cmbtest1’
}
if (!utf8Iv) {
utf8Iv = ‘cmbtest1cmbtest1’
}
let sm4 = new SM4()
let keyBytes = Hex.utf8StrToBytes(utf8Key)
let ivBytes = Hex.utf8StrToBytes(utf8Iv)
let contentBytes = base64js.toByteArray(base64Str)
let plain = sm4.decrypt_cbc(keyBytes, ivBytes, contentBytes)
return Hex.bytesToUtf8Str(plain)
}

module.exports = SM4Util

`@/utils/SM4Util/base64js.js`

/**
* base64js
* base64js.toByteArray(utf8Str)
* base64js.fromByteArray(bytes);
*/
;(function ® {
if (typeof exports === ‘object’ && typeof module !== ‘undefined’) {
module.exports = r()
} else {
if (typeof define === ‘function’ && define.amd) {
define([], r)
} else {
var e
if (typeof window !== ‘undefined’) {
e = window
} else {
if (typeof global !== ‘undefined’) {
e = global
} else {
if (typeof self !== ‘undefined’) {
e = self
} else {
e = this
}
}
}
e.base64js = r()
}
}
})(function () {
var r, e, t
return (function r(e, t, n) {
function o(i, a) {
if (!t[i]) {
if (!e[i]) {
var u = typeof require == ‘function’ && require
if (!a && u) {
return u(i, !0)
}
if (f) {
return f(i, !0)
}
var d = new Error(“Cannot find module ‘” + i + “’”)
throw ((d.code = ‘MODULE_NOT_FOUND’), d)
}
var c = (t[i] = {
exports: {}
})
e[i][0].call(
c.exports,
function ® {
var t = e[i][1][r]
return o(t ? t : r)
},
c,
c.exports,
r,
e,
t,
n
)
}
return t[i].exports
}
var f = typeof require == ‘function’ && require
for (var i = 0; i < n.length; i++) {
o(n[i])
}
return o
})(
{
‘/’: [
function (r, e, t) {
t.byteLength = c
t.toByteArray = v
t.fromByteArray = s
var n = []
var o = []
var f = typeof Uint8Array !== ‘undefined’ ? Uint8Array : Array
var i = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/’
for (var a = 0, u = i.length; a < u; ++a) {
n[a] = i[a]
o[i.charCodeAt(a)] = a
}
o[‘-’.charCodeAt(0)] = 62
o[‘_’.charCodeAt(0)] = 63

      function d(r) {
        var e = r.length
        if (e % 4 > 0) {
          throw new Error('Invalid string. Length must be a multiple of 4')
        }
        return r[e - 2] === '=' ? 2 : r[e - 1] === '=' ? 1 : 0
      }

      function c(r) {
        return (r.length \* 3) / 4 - d(r)
      }

      function v(r) {
        var e, t, n, i, a
        var u = r.length
        i = d(r)
        a = new f((u \* 3) / 4 - i)
        t = i > 0 ? u - 4 : u
        var c = 0
        for (e = 0; e < t; e += 4) {
          n =
            (o[r.charCodeAt(e)] << 18) |
            (o[r.charCodeAt(e + 1)] << 12) |
            (o[r.charCodeAt(e + 2)] <> 16) & 255
          a[c++] = (n >> 8) & 255
          a[c++] = n & 255
        }
        if (i === 2) {
          n = (o[r.charCodeAt(e)] <> 4)
          a[c++] = n & 255
        } else {
          if (i === 1) {
            n = (o[r.charCodeAt(e)] << 10) | (o[r.charCodeAt(e + 1)] <> 2)
            a[c++] = (n >> 8) & 255
            a[c++] = n & 255
          }
        }
        return a
      }

      function l(r) {
        return n[(r >> 18) & 63] + n[(r >> 12) & 63] + n[(r >> 6) & 63] + n[r & 63]
      }

      function h(r, e, t) {
        var n
        var o = []
        for (var f = e; f < t; f += 3) {
          n = (r[f] << 16) + (r[f + 1] << 8) + r[f + 2]
          o.push(l(n))
        }
        return o.join('')
      }

      function s(r) {
        var e
        var t = r.length
        var o = t % 3
        var f = ''
        var i = []
        var a = 16383
        for (var u = 0, d = t - o; u  d ? d : u + a))
        }
        if (o === 1) {
          e = r[t - 1]
          f += n[e >> 2]
          f += n[(e << 4) & 63]
          f += '=='
        } else {
          if (o === 2) {
            e = (r[t - 2] <> 10]
            f += n[(e >> 4) & 63]
            f += n[(e << 2) & 63]
            f += '='
          }
        }
        i.push(f)
        return i.join('')
      }
    },
    {}
  ]
},
{},
[]

)(‘/’)
})

`@/utils/SM4Util/hex.js`

function Hex() {}

/**
* 数组转为16进制字符串
* @param b 数组
* @param pos 指定位置
* @param len 长度
* @returns {string}
*/
Hex.encode = function (b, pos, len) {
var hexCh = new Array(len * 2)
var hexCode = new Array(‘0’, ‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, ‘8’, ‘9’, ‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’)

for (var i = pos, j = 0; i < len + pos; i++, j++) {
hexCh[j] = hexCode[(b[i] & 0xff) >> 4]
hexCh[++j] = hexCode[b[i] & 0x0f]
}

return hexCh.join(‘’)
}
/**
* 16进制字符串转为字节数组
* @param hex
* @returns {any[]|null}
*/
Hex.decode = function (hex) {
if (hex == null || hex == ‘’) {
return null
}
if (hex.length % 2 != 0) {
return null
}

var ascLen = hex.length / 2
var hexCh = this.toCharCodeArray(hex)
var asc = new Array(ascLen)

for (var i = 0; i < ascLen; i++) {
if (hexCh[2 * i] >= 0x30 && hexCh[2 * i] <= 0x39) {
asc[i] = (hexCh[2 * i] – 0x30) << 4
} else if (hexCh[2 * i] >= 0x41 && hexCh[2 * i] <= 0x46) {
//A-F : 0x41-0x46
asc[i] = (hexCh[2 * i] – 0x41 + 10) << 4
} else if (hexCh[2 * i] >= 0x61 && hexCh[2 * i] <= 0x66) {
//a-f : 0x61-0x66
asc[i] = (hexCh[2 * i] – 0x61 + 10) << 4
} else {
return null
}

if (hexCh[2 \* i + 1] >= 0x30 && hexCh[2 \* i + 1] = 0x41 && hexCh[2 \* i + 1] = 0x61 && hexCh[2 \* i + 1] <= 0x66) {
  asc[i] = asc[i] | (hexCh[2 \* i + 1] - 0x61 + 10)
} else {
  return null
}

}
return asc
}

/**
* utf8字符串转为字节数组
* @param utf8Str
* @returns {[]}
*/
Hex.utf8StrToBytes = function (utf8Str) {
var ens = encodeURIComponent(utf8Str)
var es = unescape(ens)
var esLen = es.length
// Convert
var words = []
for (var i = 0; i < esLen; i++) {
words[i] = es.charCodeAt(i)
}
return words
}
/**
* 字节数组转为utf8字符串
* @param bytesArray
* @returns {string}
*/
Hex.bytesToUtf8Str = function (bytesArray) {
var utf8Byte = bytesArray
var latin1Chars = []
for (var i = 0; i < utf8Byte.length; i++) {
latin1Chars.push(String.fromCharCode(utf8Byte[i]))
}
return decodeURIComponent(escape(latin1Chars.join(‘’)))
}

/**
* 16进制字符串转为utf8字符串
* @param utf8Str
* @returns {string}
*/
Hex.hexToUtf8Str = function (utf8Str) {
var utf8Byte = Hex.decode(utf8Str)
var latin1Chars = []
for (var i = 0; i < utf8Byte.length; i++) {
latin1Chars.push(String.fromCharCode(utf8Byte[i]))
}
return decodeURIComponent(escape(latin1Chars.join(‘’)))
}

/**
* utf8字符串转为16进制字符串
* @param utf8Str
* @returns {string}
*/
Hex.utf8StrToHex = function (utf8Str) {
var ens = encodeURIComponent(utf8Str)
var es = unescape(ens)
var esLen = es.length

// Convert
var words = []
for (var i = 0; i < esLen; i++) {
words[i] = es.charCodeAt(i).toString(16)
}
return words.join(‘’)
}

/**
* 字符串中每个字符转为数组中每个元素，数字，字母同Hex.utf8StrToBytes()方法
* @param chs
* @returns {any[]}
*/
Hex.toCharCodeArray = function (chs) {
var chArr = new Array(chs.length)
for (var i = 0; i < chs.length; i++) {
chArr[i] = chs.charCodeAt(i)
}
return chArr
}

module.exports = Hex

`@/utils/SM4Util/sm4.js`

/*
* sm4-1.0.js
*
* Copyright © 2019 RuXing Liang
*/
/**
* @name sm4-1.0.js
* @author RuXing Liang
* @version 1.0.0 (2019-04-19)
*/
function SM4() {
this.sbox = new Array(
0xd6,
0x90,
0xe9,
0xfe,
0xcc,
0xe1,
0x3d,
0xb7,
0x16,
0xb6,
0x14,
0xc2,
0x28,
0xfb,
0x2c,
0x05,
0x2b,
0x67,
0x9a,
0x76,
0x2a,
0xbe,
0x04,
0xc3,
0xaa,
0x44,
0x13,
0x26,
0x49,
0x86,
0x06,
0x99,
0x9c,
0x42,
0x50,
0xf4,
0x91,
0xef,
0x98,
0x7a,
0x33,
0x54,
0x0b,
0x43,
0xed,
0xcf,
0xac,
0x62,
0xe4,
0xb3,
0x1c,
0xa9,
0xc9,
0x08,
0xe8,
0x95,
0x80,
0xdf,
0x94,
0xfa,
0x75,
0x8f,
0x3f,
0xa6,
0x47,
0x07,
0xa7,
0xfc,
0xf3,
0x73,
0x17,
0xba,
0x83,
0x59,
0x3c,
0x19,
0xe6,
0x85,
0x4f,
0xa8,
0x68,
0x6b,
0x81,
0xb2,
0x71,
0x64,
0xda,
0x8b,
0xf8,
0xeb,
0x0f,
0x4b,
0x70,
0x56,
0x9d,
0x35,
0x1e,
0x24,
0x0e,
0x5e,
0x63,
0x58,
0xd1,
0xa2,
0x25,
0x22,
0x7c,
0x3b,
0x01,
0x21,
0x78,
0x87,
0xd4,
0x00,
0x46,
0x57,
0x9f,
0xd3,
0x27,
0x52,
0x4c,
0x36,
0x02,
0xe7,
0xa0,
0xc4,
0xc8,
0x9e,
0xea,
0xbf,
0x8a,
0xd2,
0x40,
0xc7,
0x38,
0xb5,
0xa3,
0xf7,
0xf2,
0xce,
0xf9,
0x61,
0x15,
0xa1,
0xe0,
0xae,
0x5d,
0xa4,
0x9b,
0x34,
0x1a,
0x55,
0xad,
0x93,
0x32,
0x30,
0xf5,
0x8c,
0xb1,
0xe3,
0x1d,
0xf6,
0xe2,
0x2e,
0x82,
0x66,
0xca,
0x60,
0xc0,
0x29,
0x23,
0xab,
0x0d,
0x53,
0x4e,
0x6f,
0xd5,
0xdb,
0x37,
0x45,
0xde,
0xfd,
0x8e,
0x2f,
0x03,
0xff,
0x6a,
0x72,
0x6d,
0x6c,
0x5b,
0x51,
0x8d,
0x1b,
0xaf,
0x92,
0xbb,
0xdd,
0xbc,
0x7f,
0x11,
0xd9,
0x5c,
0x41,
0x1f,
0x10,
0x5a,
0xd8,
0x0a,
0xc1,
0x31,
0x88,
0xa5,
0xcd,
0x7b,
0xbd,
0x2d,
0x74,
0xd0,
0x12,
0xb8,
0xe5,
0xb4,
0xb0,
0x89,
0x69,
0x97,
0x4a,
0x0c,
0x96,
0x77,
0x7e,
0x65,
0xb9,
0xf1,
0x09,
0xc5,
0x6e,
0xc6,
0x84,
0x18,
0xf0,
0x7d,
0xec,
0x3a,
0xdc,
0x4d,
0x20,
0x79,
0xee,
0x5f,
0x3e,
0xd7,
0xcb,
0x39,
0x48
)

this.fk = new Array(0xa3b1bac6, 0x56aa3350, 0x677d9197, 0xb27022dc)
this.ck = new Array(
0x00070e15,
0x1c232a31,
0x383f464d,
0x545b6269,
0x70777e85,
0x8c939aa1,
0xa8afb6bd,
0xc4cbd2d9,
0xe0e7eef5,
0xfc030a11,
0x181f262d,
0x343b4249,
0x50575e65,
0x6c737a81,
0x888f969d,
0xa4abb2b9,
0xc0c7ced5,
0xdce3eaf1,
0xf8ff060d,
0x141b2229,
0x30373e45,
0x4c535a61,
0x686f767d,
0x848b9299,
0xa0a7aeb5,
0xbcc3cad1,
0xd8dfe6ed,
0xf4fb0209,
0x10171e25,
0x2c333a41,
0x484f565d,
0x646b7279
)
}

SM4.prototype = {
expandKey: function (key) {
var k = new Array(36)
var mk = byteArrayToIntArray(key)
k[0] = mk[0] ^ this.fk[0]
k[1] = mk[1] ^ this.fk[1]
k[2] = mk[2] ^ this.fk[2]
k[3] = mk[3] ^ this.fk[3]
var rk = new Array(32)
for (var i = 0; i < 32; i++) {
k[i + 4] = k[i] ^ this.T1(k[i + 1] ^ k[i + 2] ^ k[i + 3] ^ this.ck[i])
rk[i] = k[i + 4]
}
return rk
},
T1: function (ta) {
var rk = 0
var b = new Array(4)
var a = intToByte(ta)
b[0] = this.sbox[a[0] & 0xff]
b[1] = this.sbox[a[1] & 0xff]
b[2] = this.sbox[a[2] & 0xff]
b[3] = this.sbox[a[3] & 0xff]
var bint = byteToInt(b, 0)
var rk = bint ^ ((bint <>> (32 – 13))) ^ ((bint <>> (32 – 23)))
return rk
},
one_encrypt: function (rk, data) {
var x = new Array(36)
x[0] = byteToInt(data, 0)
x[1] = byteToInt(data, 4)
x[2] = byteToInt(data, 8)
x[3] = byteToInt(data, 12)
for (var i = 0; i < 32; i++) {
x[i + 4] = x[i] ^ this.T0(x[i + 1] ^ x[i + 2] ^ x[i + 3] ^ rk[i])
}
var tmpx = new Array(4)
for (var i = 35; i >= 32; i–) {
tmpx[35 – i] = x[i]
}
var xbyte = intArrayToByteArray(tmpx)

return xbyte

},
T0: function (ta) {
var a = intToByte(ta)
var b = new Array(4)
b[0] = this.sbox[a[0] & 0xff]
b[1] = this.sbox[a[1] & 0xff]
b[2] = this.sbox[a[2] & 0xff]
b[3] = this.sbox[a[3] & 0xff]
var bint = byteToInt(b, 0)
var c =
bint ^
((bint <>> (32 – 2))) ^
((bint <>> (32 – 10))) ^
((bint <>> (32 – 18))) ^
((bint <>> (32 – 24)))
return c
},
pkcs7padding: function (input, mode) {
if (input == null) {
return null
}

var ret = null
if (mode == 1) {
  //填充
  var p = 16 - (input.length % 16)
  ret = new Array(input.length + p)
  arrayCopy(input, 0, ret, 0, input.length)
  for (var i = 0; i < p; i++) {
    ret[input.length + i] = p
  }
} //去除填充
else {
  var p = input[input.length - 1]
  ret = new Array(input.length - p)
  arrayCopy(input, 0, ret, 0, input.length - p)
}
return ret

},
/**
*
* @param key 字节数组
* @param data 字节数组
* @returns {any[]|null}
*/
encrypt_ecb: function (key, data) {
if (key == undefined || key == null || key.length % 16 != 0) {
console.log(‘sm4 key is error!’)
return null
}
if (data == undefined || data == null || data.length <= 0) {
console.log(‘data is error!’)
return null
}
var rk = this.expandKey(key)
/*if(debug){
var rkb = intArrayToByteArray(rk);
console.log(Hex.encode(rkb,0,rkb.length));
}*/

var blockLen = 16
var loop = parseInt(data.length / blockLen) //注意不能整除会有小数，要取整
var cipher = new Array((loop + 1) \* blockLen)
var tmp = new Array(blockLen)
var oneCipher = null

for (var i = 0; i  0) {
  arrayCopy(data, loop \* blockLen, lessData, 0, data.length % blockLen)
}
var padding = this.pkcs7padding(lessData, 1)
oneCipher = this.one\_encrypt(rk, padding)
arrayCopy(oneCipher, 0, cipher, loop \* blockLen, blockLen)

return cipher

},
/**
*
* @param key 字节数组
* @param data 字节数组
* @returns {any[]|null}
*/
decrypt_ecb: function (key, data) {
if (key == undefined || key == null || key.length % 16 != 0) {
console.log(‘sm4 key is error!’)
return null
}
if (data == undefined || data == null || data.length % 16 != 0) {
console.log(‘data is error!’)
return null
}
var rk = this.expandKey(key)
var nrk = new Array(32)
for (var i = 0; i < rk.length; i++) {
nrk[i] = rk[32 – i – 1]
}
var blockLen = 16
var loop = data.length / blockLen – 1
var tmp = new Array(blockLen)
var onePlain = null
var plain = null
//先解密最后一部分，确定数据长度
arrayCopy(data, loop * blockLen, tmp, 0, blockLen)
onePlain = this.one_encrypt(nrk, tmp)
var lastPart = this.pkcs7padding(onePlain, 0)

plain = new Array(loop \* blockLen + lastPart.length)
arrayCopy(lastPart, 0, plain, loop \* blockLen, lastPart.length)

//解密剩下部分数据
for (var i = 0; i < loop; i++) {
  arrayCopy(data, i \* blockLen, tmp, 0, blockLen)
  onePlain = this.one\_encrypt(nrk, tmp)
  arrayCopy(onePlain, 0, plain, i \* blockLen, blockLen)
}

return plain

},
encrypt_cbc: function (key, iv, data) {
if (key == undefined || key == null || key.length % 16 != 0) {
console.log(‘sm4 key is error!’)
return null
}
if (data == undefined || data == null || data.length <= 0) {
console.log(‘data is error!’)
return null
}
if (iv == undefined || iv == null || iv.length % 16 != 0) {
console.log(‘iv is error!’)
return null
}
var rk = this.expandKey(key)

var blockLen = 16
var loop = parseInt(data.length / blockLen) //注意不能整除会有小数，要取整
var cipher = new Array((loop + 1) \* blockLen)
var tmp = new Array(blockLen)
var oneCipher = null

for (var i = 0; i < loop; i++) {
  arrayCopy(data, i \* blockLen, tmp, 0, blockLen)
  for (var j = 0; j  0) {
  arrayCopy(data, loop \* blockLen, lessData, 0, data.length % blockLen)
}

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

ew Array(blockLen)
var oneCipher = null

for (var i = 0; i < loop; i++) {
  arrayCopy(data, i \* blockLen, tmp, 0, blockLen)
  for (var j = 0; j  0) {
  arrayCopy(data, loop \* blockLen, lessData, 0, data.length % blockLen)
}

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】