脑瓜不疼-优快云博客

最近又写到数据加密的问题，从简而言，意在通过加密算法让别人无法看到你不想让他看到的东西，小编有了解到关于md5和AES等加密，再跟大佬讨论的时候，大佬表示：md5严格来说不是加密的方式，而是一种编码方式，抱着一种学习的态度来研究下。新建一个ase.js 文件在项目中使用如下MD5MD5又叫MD5信息摘要算法，经常用于确保信息传输的完整性和一致性。从严格意义上来说，MD5并不是加密算法，只能是一种哈希算法或是叫做摘要算法。MD5算法对比普通的加密算法缺少了解密的过程，它无法从密文（散列值）反过来得到

2022-07-06 16:57:50 763

原创前端好用的几款富文本插件

富文本编辑器

2022-05-18 16:09:43 7972

原创数据可视化 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 733

原创 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 1553 1

原创 nginx 启动重启关闭及配置文件说明

2022-01-25 15:54:49 1985

原创阿里云服务器 nginx 访问不了页面

环境: 阿里云服务器、 centos7、 LNMP发现问题LNMP 安装后，各个程序都启动oknginx 页面访问不了，看了 nginx.conf 文件都没问题。解决问题打开阿里云控制台 -> 实例 -> 安全组 -> 配置规则下添加 80端口结果然后在访问页面就可以了...

2021-12-07 09:55:42 389

原创 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 149

原创 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 389

原创＞ 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 2070

原创 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 1189 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 1262

原创 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 222

原创 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 674

原创 js字符串中获取img标签

2021-05-19 09:35:25 3913

原创若依前后分离 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 3239 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 659

原创 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 157

原创微信小程序 Provisional headers are shown问题

微信小程序在调试接口时，开发工具上调试接口数据返回正常，真机调试时，接口显示如下经研究，找到问题为SSL证书问题。测试方法：1、SSL证书在线检测工具测试一下你的 Https 配置是否正确.2、验证证书出现问题参考链接https://blog.youkuaiyun.com/qq_26387547/article/details/82731532...

2021-03-22 10:11:52 1151

原创 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 308

原创 uni-app 开发记录

运行前期准备hbuilderX.app 开发工具微信开发者工具1、创建项目2、导入项目安卓打包1、生成证书https://ask.dcloud.net.cn/article/35777生成后找到 ****.keystore 的文件，在证书文件中选择确定打包即可。...

2021-03-01 13:53:41 333

原创 Mac下不显示 .git 文件夹

只需要操作是三个步骤1、打开终端2、在终端输入下面命令后回车defaults write com.apple.finder AppleShowAllFiles TRUE3、输入killall Finder后回车killall Finder显示出来了

2021-02-23 08:43:39 1412

原创 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 632

原创 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 1331 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 553

原创 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()"&gt

2021-01-11 17:12:49 3383

原创正则表达式

正则表达式（英语：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 122

原创 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 1371

原创 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 1770

原创 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 3200

原创 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 1877

原创 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 1039

原创 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 4923 32

前端开发规范（前端开发规范）

echarts 实现大屏自适应展示

消息通知插件toastr

javascript 实现瀑布流

sqlite3完整版，亲测有效

空空如也