随笔分类 - js基础
摘要：一、key的作用： 1. 主要是对DOM渲染的性能优化，用来减少没必要的diff算法对比。当列表顺序发生改变时，如果不加key，不管数据是否发生改变，所有列表元素都会重新渲染，当列表元素没有发生改变时，值是在末尾产生新的元素，此时key的值加不加都是可以的，React只会渲染最后一个元素。如图： 假
阅读全文
摘要：问题1.多次触发请求，且存在潜在的竞态问题 const [page, setPage] = useState(1); const [keyword, setKeyword] = useState(''); useEffect(() => { // do request }, [page, keywo
阅读全文
摘要：脑图模式 插入 ES7-ES12 ES7 Array.prototype.includes() includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false 幂运算符 ** 等同于 Math.pow() ES8 Obje
阅读全文
摘要：1. 带有多个条件的 if 语句 把多个值放在一个数组中，然后调用数组的 includes 方法。 //longhand if (x 'abc' || x 'def' || x 'ghi' || x 'jkl') { //logic } //shorthand if (['abc', 'def',
阅读全文
摘要：（1）一般放于工具类文件夹utils： import mqtt from 'mqtt'; import { ConfigManager } from 'utils/config'; export default { connect() { var mqttServer = ConfigManager
阅读全文
摘要：使用type="number" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" oninput="if(value.length>11)value=value.slice(0,11)" 会有bug：拼音输入法
阅读全文
摘要：第一步：npm 下载 crypto-js 第二步：在项目utils文件夹新建AES.js文件夹： js代码： import CryptoJS from 'crypto-js' const keyStr = 'xeegj7gggadwdddbtia-ow7x' export default { //
阅读全文
摘要：第一步：在vuex新建websocket.js文件： export default { namespaced: true, state: { websock: null, url: '', lockReconnect: false, //是否真正建立连接 timeout: 30 * 1000, //
阅读全文
摘要：只能导出当前页： 第一步：npm安装依赖：npm install --save xlsx file-saver 第二步：页面引入: 1 import FileSaver from 'file-saver' 2 import XLSX from 'xlsx' 第三步：绑定导出事件，在methods写：
阅读全文
