随笔分类 - 小碎知识
摘要：historyApiFallback是开发中一个非常常见的属性，它主要的作用就是解决SPA页面在路由跳转之后，进行页面刷新时，返回404的错误 boolean：默认值为false，如果值为true，那么在刷新时返回404时，会自动返回idnex.html的内容 object类型的值，可以配置rewr
阅读全文
摘要：内存溢出和内存泄漏 内存溢出： 一种程序运行出现的错误 当程序运行需要的内存超过了剩余的内存时，就会抛出内存溢出的错误 内存泄漏 占用的内存没有及时释放 内存泄漏积累多了就容易导致内存溢出 常见的内存泄漏： 意外的全局变量 没有及时清理的计时器或回调函数 闭包 <script> // 内存溢出 va
阅读全文
摘要：vue项目完成之后需要进行打包然后放到服务器上，这里我采用的是宝塔面板来操作， 1、首先使用Xshell连接服务器，打开软件之后会弹出这样的面板，然后点击新建，输入主机地址，其他的看自己需求更改，然后点击用户身份验证，输入用户名和密码之后，点击连接即可连接到服务器。 2、 接下来就是连接成功服务器的
阅读全文
摘要：qrcode函数库用于生成二维码：https://www.npmjs.com/package/qrcode 安装 npm i qrcode 引包 import QRCode from 'qrcode' QRCode.toDataURL('I am a pony!') .then(url => { c
阅读全文
摘要：防抖和节流的本质都是限制函数的执行次数 防抖：前面的所有的触发都被取消，最后一次执行在规定的的时间之后才会触发，也就是说如果连续快速的触发，只会执行一次 通过setTimeout的方式，在一定时间间隔内，将多次触发的变成一次触发 <button>提交</button> <script> let bu
阅读全文
摘要：节流：在规定的间隔事件范围内不会重复触发回调，只有大于这个事件间隔才会触发回调，把频繁触发变为少量触发 防抖：前面的所有的触发都被取消，最后一次执行在规定的的时间之后才会触发，也就是说如果连续快速的触发，只会执行一次 <body> <p>输入内容：<input type="text"></p> <s
阅读全文
摘要：就是浏览器在加载过程的进度条 安装 npm install --save nprogress start：表示进度条开始 done：表示进度条结束 import axios from "axios" //引入进度条 import nprogress from "nprogress" const re
阅读全文
摘要：如果想要在项目中输入一个全局变量COLOR=“red” 新建一个.env文件 create-react-app在创建项目的过程中集成了一个工具叫dotenv，这个工具可以将.env中的内容映射到process.env中 在.env中写入对应的变量名和变量值，采用js的写法COLOR="red" .e
阅读全文
摘要：nanoid库和uuid库一样都可以生成uuid（唯一的id），但是nanoid相比uuid要更小， 安装 npm install nanoid nanoid库会暴露了一个函数nanoid import {nanoid} from 'nanoid' 此时直接调用即可 console.log(nano
阅读全文
摘要：在项目根目录新建一个vue.config.js文件 module.exports={ lintOnSave:false } 重启服务器之后，就不会关闭了eslint的语法检查
阅读全文
摘要：function CurentTime(){ var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); //日 var h
阅读全文
浙公网安备 33010602011771号