- 博客(20)
- 收藏
- 关注
RSS订阅原创 refresh token无感刷新
参考：https://blog.csdn.net/m0_56683897/article/details/1318365911，access_token 短期的，接口调用需要的token2，refresh_token 时间长一点的，用来刷新access_token的。
2024-01-16 20:41:09
319
原创 VUE中使用防抖和节流
目的：减少请求次数，节省资源防抖：在事件触发n秒后执行函数，如果在n秒内再次出发，就重新计算节流：在多次执行某一动作时，限制为每隔一段时间执行一次函数。防抖:连续的事件，只需触发一次：eg:输入框搜索。输完，再发送请求鼠标的mousemove、mouseover1,简单封装(不需要传参的情况,setTimeout就可以解决)export const debounce = (fn,delay) => { let timer = null; if(timer){ clearTim
2022-04-14 10:34:54
5446
1
原创 vue中使用element-resize-detector
1，安装npm install element-resize-detector --save2，引入使用，这里以echarts为例<template> <div class="hello"> <div class="canvas" ref="canvas"></div> </div></template><script>import * as echarts from "echarts";e
2022-04-12 20:05:30
4338
原创 vue中使用websocket
概念部分：1，WebSocket 是 HTML5 提供的 TCP 连接上进行全双工通讯的协议。一次握手之后，服务器和客户端可以互相主动通信，双向传输数据。2，浏览器想服务器发送请求，建立连接之后，可通过send()方法想服务器发送数据，并通过message事件接受服务器返回的数据。<script>export default { mounted() { this.connectWebsocket(); }, methods: { connectWebsocke
2022-04-09 19:02:41
28654
3
原创 VUE3国际化
1，安装vue-i18n插件,9版本以上vue3用的npm install vue-i18n --save或者npm install vue-i18n@9 --save2，src目录，新建lang文件夹en.jsexport default { test: { login: "login" }}zh.jsexport default { test: { login: "登录" }}index.jsimport Vu
2022-04-09 18:07:52
1025
原创 VUE2国际化
1，安装vue-i18n插件,9版本以上vue3用的npm install vue-i18n@8 --save2，src目录，新建lang文件夹en.jsexport default { test: { login: "login" }}zh.jsexport default { test: { login: "登录" }}index.jsimport Vue from 'vue';import VueI18n fr
2022-04-06 23:44:09
599
原创 vue 项目全局添加水印
全局添加水印的思路：相当于加了一个层级很高的canvas1，新建遮罩waterMark.js'use strict'let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)
2022-01-17 16:49:40
2644
1
原创 echarts动态数据页面刷新问题
问题描述：页面数据返回ok，echarts图表不自动更新，依然显示最初的模样chart.setOption(option, notMerge, lazyUpdate);官方文档介绍：官方文档：setOption<template> <div style="display:flex;justify-content: space-evenly"> <div id="myChart" :style="{width: '300px', height:
2021-07-19 23:56:03
3419
2
原创 elementUI 分页组件复用 默认显示第一页的问题
<div class="BOX_page v-show="list.length>0" > <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="queryList.pageNo" :page-size="q..
2021-05-25 17:54:32
626
1
原创 VMware安装node环境
虚拟机安装node环境1，下载对应linux版本的node2，xshell，命令lrzsz上传到指定位置或者xftp拖过去；3，tar -xvf 文件名解压，最好重命名 mv 文件名 new name；4，配置环境变量：一定要执行这句话：（否则不成功）source /etc/profile项目运行：可随便新建个js文件：hello,jsvar http = require('http');http.createServer(function(req, res){ res.
2021-05-09 01:48:37
1195
原创 VMware安装Linux系统
VMware安装Linux系统1，编辑-》虚拟网络编辑-》2，设置电脑：网络连接-》ipv4-》3，配置虚拟机：1，新建虚拟机选择镜像文件命名虚拟机、选择虚拟机文件路径：网络设置要选择NET， IO控制器按照系统推荐的就行：磁盘设置：2、配置完成后启动虚拟机，鼠标点进去按上下键选择，选择Install CentOS 7后回车（Alt+Shift键可以释放鼠标）；设置语言：根据提示设置：网络设置很重要：此处ipv4需要设置成手动，add地址ipv6需要
2021-05-08 23:07:43
73
原创 判断字符串中出现次数最多的字符以及出现最多的次数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-05-07 20:38:35
212
原创 web端引入字体库太大优化
下载字体库HYLEMIAOTIJ.ttf新建css.css文件在static目录在根目录：新建font.html文件把css文件引入到html文件中css.css文件内容：@font-face{ font-family:'汉仪乐喵体简'; src:url(./HYLEMIAOTIJ.ttf);}.web-font{ font-family:"汉仪乐喵体简";}用的时候直...
2020-05-07 20:26:11
858
原创 react-redux使用，同步用法（未发送请求时，操作state中的数据）
引用react-redux目录结构actions/actionType.jsexport default { CART_AMOUNT_INCREACE: 'CART_AMOUNT_INCREACE', CART_AMOUNT_DECREACE: 'CART_AMOUNT_DECREACE', ADD_UNDERLINE: 'ADD_UNDERLINE'}acti...
2020-04-24 10:34:16
823
原创 react-redux使用（发送请求时）
npm install redux react-redux --savenpm install axios --saveindex.jsimport React from 'react'import ReactDom from 'react-dom'import { Provider } from 'react-redux'import App from './App'im...
2020-04-24 10:33:59
725
原创 react路由使用（react-router-dom的使用）
安装：npm install react-router-dom --saveindex.jsimport React from 'react'import ReactDom from 'react-dom'import { BrowserRouter as Router, Route } from 'react-router-dom'import App from './App...
2020-04-24 10:33:04
179
原创 js判断终端是安卓还是苹果
js判断终端是安卓还是苹果 function check() { var u = navigator.userAgent, app = navigator.appVersion; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { return 'android'; } else ...
2020-04-10 18:30:14
145
原创 js 驼峰转下划线
js 驼峰转下划线hump2Underline(s) { return s.replace(/([A-Z])/g, '_$1').toLowerCase() }, // JSON对象的key值转换为下划线格式 jsonToUnderline(obj) { var that = this; if (obj instanceof Array...
2020-04-03 10:26:38
409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人