- 博客(129)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vite + vue3 查看代理后请求URL
控制台请求后会在 请求头里添加一个参数 X-Reg-Proxyurl，如下图。在vite.config.ts 增加下面配置。
2024-01-10 15:50:32
755
原创 vite-admin框架搭建，ESLint + Prettier 语法检测和代码格式化
vite-admin框架搭建，ESLint + Prettier 语法检测和代码格式化
2024-01-09 14:20:10
1034
原创 react redux 状态管理
store是一个状态管理容器，它通过createStore创建，createStore接收initialState和reducer两个参数。它暴露了4个api分别是：getState()dispatch(action)subscribe(listener)replaceReducer
2022-11-21 17:30:36
496
原创 springboot entity层 mapper层 service层 controller层
springboot entity层 mapper层 service层 controller层 详解
2022-11-21 17:28:33
4590
原创 前端使用加密（AES、MD5）
最近又写到数据加密的问题，从简而言，意在通过加密算法让别人无法看到你不想让他看到的东西，小编有了解到关于md5和AES等加密，再跟大佬讨论的时候， 大佬表示：md5严格来说不是加密的方式，而是一种编码方式，抱着一种学习的态度来研究下。新建一个ase.js 文件在项目中使用如下MD5MD5又叫MD5信息摘要算法，经常用于确保信息传输的完整性和一致性 。从严格意义上来说，MD5并不是加密算法，只能是一种哈希算法或是叫做摘要算法。MD5算法对比普通的加密算法缺少了解密的过程，它无法从密文（散列值）反过来得到
2022-07-06 16:57:50
656
原创 数据可视化 echarts 百度地图 高德地图 等工具收藏
echarts 地图钻取： http://datav.aliyun.com/portal/school/atlas/area_selector高德地图坐标拾取： https://lbs.amap.com/tools/picker腾讯地图坐标拾取： https://lbs.qq.com/tool/getpoint/百度地图坐标拾取：http://api.map.baidu.com/lbsapi/getpoint/index.html谷歌地图坐标拾取：https://www.google.com/maps/ec
2022-04-26 21:50:38
632
原创 express 解析post请求的数据格式
node.js依赖express解析post请求四种数据格式分别是这四种:www-form-urlencodedform-dataapplication/jsontext/xml1、www-form-urlencoded这是http的post请求默认的数据格式，需要body-parser中间件的支持服务器端的demo：var express = require('express');var app = express();var bodyParser = require('body
2022-04-08 11:11:30
1338
1
原创 nginx 启动 重启 关闭 及配置文件说明
nginx快速入门推荐配置文件说明：nginx.conf######Nginx配置文件nginx.conf中文详解##### #定义Nginx运行的用户和用户组user www www; #nginx进程数，建议设置为等于CPU总核心数。worker_processes 8; #全局错误日志定义类型，[ debug | info | notice | warn | error | crit ]error_log /usr/local/nginx/logs/error.log inf
2022-01-25 15:54:49
1783
原创 阿里云服务器 nginx 访问不了页面
环境: 阿里云服务器、 centos7、 LNMP发现问题LNMP 安装后，各个程序都启动oknginx 页面访问不了，看了 nginx.conf 文件都没问题。解决问题打开 阿里云控制台 -> 实例 -> 安全组 -> 配置规则 下添加 80端口结果然后在访问页面就可以了...
2021-12-07 09:55:42
334
原创 javasctipt文件导出操作
export function handleDown(filename) { return request({ url: '/admin/data/execl', method: 'get', responseType: 'arraybuffer', }).then((response) => { // 处理返回的文件流 const blob = new Blob([response.data], { type: 'application/zip' })
2021-09-24 16:12:20
117
原创 iframe 子父页面互相通信
1、父页面向子页面发送消息let data = {type: 'answerResult', data: jsonData.data};this.$refs.iframe.contentWindow.postMessage(data, '*');2、子页面向父页面发送消息let parentData = {type: 'passDataBack', data: passData};window.parent.postMessage(parentData, '*'); 3、接收消息方法win
2021-09-13 15:22:32
276
原创 ＞ running pre-commit hook: npm run precommit
原因：pre-commit钩子，代码质量检查解决方法： 使用插件：husky ，此插件可以帮助我们在提交代码前，进行代码风格的检查，如果不符合eslint规范，是提交不到远程仓库的。1、安装 husky [传送门： https://www.npmjs.com/package/husky]npm install husky --save-dev2、package.json 显示安装husky后，执行git commit -m ‘xxx’,会自动调用npm run precomit...
2021-08-24 16:27:19
1841
原创 vue-cli3 安装prettier进行代码自动格式化
1、安装prettiernpm i --save-dev prettier2、在文件根目录下新建.prettierrc.js，配置项为：module.exports = { // 代码结尾是否加分号 semi: false, // 是否使用单引号 singleQuote: true, // 对象大括号内两边是否加空格 { a:0 } bracketSpacing: true, // 单个参数的箭头函数不加括号 x => x arrowParens: 'avoid
2021-07-05 10:59:39
1124
1
原创 react 学习记录
我们推荐使用 Form.useForm 创建表单数据域进行控制。如果是在 class component 下，你也可以通过 ref 获取数据域。创建表单export default class SolidTest extends React.Component { constructor() { super(); this.state = { formInfo: { name: '', age: 1, }, }
2021-06-30 15:16:47
1207
原创 node 读取目录 创建excel输出目录名称
var path = require("path");var fs = require("fs");var pathName = "/Users/dir/";const nodeExcel = require('node-xlsx');// 读取文件夹名称var arr = fs.readdirSync(pathName, function (err, files) { if (err) { return console.log('目录不存在') } return file
2021-06-01 09:48:14
167
原创 Can‘t perform a React state update on an unmounted component
在React开发中，我们可能经常会遇到这个一个警告Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.我们不能在组件销毁后设置state，防止出现内存泄漏的情况关于react中切换路由时报以上错误，实际的原因是因为在组件挂载（mounted）之后进行了异步操作，比如ajax请求或者设置了定时器
2021-05-20 16:46:03
346
原创 js字符串中获取img标签
<script> var content = '<P><img src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg" mce_src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg"></P>' let imgReg = /<
2021-05-19 09:35:25
3693
原创 若依前后分离 Error: Cannot find module ‘@/views/system/user/index‘ at webpackEmptyContext (index.js:39
问题： 若依分离版下前端路由切换不了在 /src/store/modules/permission.js把 return () => import(@/views/${view}) 改成下面内容export const loadView = (view) => { // 路由懒加载 return (resolve) => require([`@/views/${view}`], resolve)}...
2021-03-24 15:37:28
2854
5
原创 mac 启动项目 home权限问题
更换logback.xml日志存放路径 <!-- 日志存放路径 --><property name="log.path" value="/Users/ruoyi/logs" />打开mac的终端给文件夹分配写入的权限sudo chmod -R 777 /Users/ruoyi
2021-03-24 14:35:21
559
原创 mac 下安装Redis
使用homebrew安装Redis1、安装homebrew，打开终端输入以下命令：/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"2、使用homebrew安装命令brew install redis3、启动redis服务//方式一：使用brew帮助我们启动软件brew services start redis//方式二redis-server /usr/loca
2021-03-24 14:19:55
97
原创 微信小程序 Provisional headers are shown问题
微信小程序在调试接口时，开发工具上调试接口数据返回正常，真机调试时，接口显示如下经研究，找到问题为SSL证书问题。测试方法：1、SSL证书在线检测工具 测试一下你的 Https 配置是否正确.2、验证证书出现问题参考链接https://blog.csdn.net/qq_26387547/article/details/82731532...
2021-03-22 10:11:52
1040
原创 Tomcat 的重启动和关闭
先进入Tomcat下的bin目录cd /usr/local/tomcat/bin启动Tomcat./startup.shTomcat关闭命令./shutdown.sh查看Tomcat是否以关闭ps -ef|grep java如果显示以下相似信息，说明Tomcat还没有关闭直接干掉Tomcat，可以使用kill命令，直接杀死Tomcat进程kill -9 12976继续查看Tomcat是否关闭 ps -ef|grep java如果出现以下信息，则表示Tomcat已经关闭
2021-03-10 17:21:24
241
原创 uni-app 开发记录
运行前期准备hbuilderX.app 开发工具微信开发者工具1、创建项目2、导入项目安卓打包1、生成证书https://ask.dcloud.net.cn/article/35777生成后找到 ****.keystore 的文件，在证书文件中选择确定打包即可。...
2021-03-01 13:53:41
287
原创 Mac下不显示 .git 文件夹
只需要操作是三个步骤1、打开终端2、在终端输入下面命令后回车defaults write com.apple.finder AppleShowAllFiles TRUE3、 输入killall Finder后回车killall Finder显示出来了
2021-02-23 08:43:39
1239
原创 element el-table 表格分页记忆功能和禁止选择项
表格分页注意点1、表格添加 row-key，行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。2、表格添加selection-change事件 当选择项发生变化时会触发该事件html <el-table ref="dataTable" v-loading="loading" :data="tableDate" // row-key :row-key
2021-02-22 09:17:16
552
原创 linux 安装 nodejs
1、安装环境本机系统：CentOS LinuxNode.js：v12.18.12、Linux 上安装 Node.js进入到指定目录下执行(比如在opt文件夹下)wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz // 下载nodetar xf node-v12.18.1-linux-x64.tar.xz // 解压
2021-01-21 15:36:28
1248
9
原创 node 常用命令
npm 命令命令说明node --version查看node版本npm -v查看npm 版本npm install cnpm -g --registry=https://registry.npm.taobao.org安装cnpm (国内淘宝镜像源)npm 安装命令命令说明npm install会下载 package.json 文件下的模块包npm inpm install 的简写npm install express安装e
2021-01-14 14:31:02
475
原创 gojs 坐标定位
展示效果html 代码<div id="myDiagramDiv" style="border: solid 1px black; width:100%; height:400px"></div><div id="buttons"> <button id="loadModel" onclick="load()">Load</button> <button id="saveModel" onclick="save()">
2021-01-11 17:12:49
3039
原创 正则表达式
正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。使用方法1 、转义 (\) // 比如匹配带有小数点的数字 let number= 2322.45; // . 1、表示除了换行外任何字符 2、普通点 // d 代表数字 // +代表至少有一个位 console.log(/\d+\.\d+/.test(number)); // true conso
2021-01-11 16:51:39
97
原创 antd react 动态表单验证和赋
import {Button, Form, Input, Space} from "antd";import React from "react";import {MinusCircleOutlined, PlusOutlined} from '@ant-design/icons';export default class Test extends React.Component{ state = { formArr: [] } formRefMethods = React.
2021-01-07 11:35:18
1232
原创 react 父子组件通信（class组件、hooks组件）
当在子组件中调用onRef函数时，正在调用从父组件传递的函数。this.props.onRef（this）这里的参数指向子组件本身，父组件接收该引用作为第一个参数：onRef = {ref =>（this.child = ref）} 然后它使用this.child保存引用。之后，可以在父组件内访问整个子组件实例，并且可以调用子组件函数。组件间通信除了props外还有onRef方法，不过React官方文档建议不要过度依赖ref。
2021-01-07 10:45:12
1452
原创 vue中连接使用mqtt
1、安装依赖包npm install mqtt --save2、项目中引入import mqtt from 'mqtt'3、使用 var client = mqtt.connect('ws//****:8083', { // ws这个为连接类型，还有wss 为加密型 connectTimeout: 40000, clientId: '', username: 'user', password: 'password',
2020-12-30 17:17:02
3024
原创 git 新建分支、合并分支和撤回push操作
git 新建分支// 查看当前所在分支git branch// 创建本地分支并切换到新创建的分支git checkout -b dev// 再次查看所在分支git branch// 将新创建的分支信息推送到远程git push origin HEAD -u **git拉去合并分支后的代码**// 切换到自己的分支git checkout <branch name>// 拉取最新代码git pull origin <最新代码分支名>// 重新
2020-11-03 13:46:35
1741
原创 vue-cli 使用axios 模拟请求接口数据
前期准备1、vue create 生成项目2、安装express 、axios一、 生产项目vue create vuedemo二、安装 express 、 axiosnpm install expressnpm install axios三、配置项目配置文件如下1、添加data 数据test.json 文件内容{ "code": 200, "data": { "name": "hezs", "age": 26 }}2、 reques
2020-10-16 16:21:02
856
原创 vue-cli3中PC端大屏自适应
前期准备：vue-cli3 脚手架flexible 插件 自适应插件 https://material.io/resources/devices/ https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutionspx2rem-loader 插件 将px转化为rem第一步：安装插件npm i lib-flexible -Snpm i px2rem-loader -D第二步：装好之后在main.js
2020-10-10 16:38:26
4671
32
原创 ant design react 表格通过点击指定方法展开子内容
import React from 'react'import { Table, Badge, Menu, Dropdown, Space, Switch } from 'antd';import { DownOutlined } from '@ant-design/icons';const { Column } = Table;export default class SubTable extends React.Component { state = { firstRow: fa.
2020-10-05 14:58:58
1908
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人