- 博客(130)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 记一次物理机安装centos7遇到的问题
记住设备名（sdb4），然后按ctrl + alt + del 重启，进入安装界面，按TAB编辑配置，改为vmlinuz initrd=initrd.img inst.stage2=hd:/dev/sdb4 quiet，即可进入安装界面，安装完成。请注意，这只是一个临时的解决方案，重启系统后 SELinux 将恢复到原来的状态。修改下方配置.img后面的为 linux dd quiet，按下回车后可以查看U盘的对应设备号sdb4，如果没看到的话可以输入r刷新几次。开启着的，说的是这个会影响某些路径的访问。
2023-08-13 23:41:06
1215
原创 getaddrinfo ENOENT raw.githubusercontent.com
找到问题所在，解决起来就容易得多了，直接找到可用的ip地址写进host里面，这里刚好有一个，如果下面的ip地址不行，找到可用ip地址就好。发生场景：react 老项目在执行npm install时报错。
2023-07-27 14:07:55
895
1
原创 frp实现远程开机
前一篇刷完小米路由器后，自带了frp，所以继续走着前提：(我有阿里云公网服务器、域名）第一步，配置路由器（客户端）frp[common]server_addr = frp.xxx.cn #需要在阿里云服务器添加解析server_port = 7000 #服务器 frp 端口[ssh]type = tcplocal_ip = 192.168.123.1 local_po...
2023-07-05 14:51:30
258
原创 vue2中v-if里面相同组件不重新渲染
<template> <div class="app-container"> <template v-if="type === '1'"> <CommonForm :formData="{a:1}" ref="contract_gov" /> </template> <template v-if="type === '2'"> <CommonForm :formData="{b:2}" ref="co.
2022-05-27 17:37:44
1134
原创 前端类似excel的在线表格插件
1、https://gitee.com/mengshukeji/Luckysheet2、https://github.com/exceljs/exceljs/blob/HEAD/README_zh.md
2022-04-28 09:47:39
880
原创 发布订阅模式
// 发布订阅中心, on-订阅, off取消订阅, emit发布, // 内部需要一个单独事件中心caches进行存储;interface CacheProps { [key: string]: Array<(data?: unknown) => void>}class Observer { private caches: CacheProps = {} // 事件中心 on(eventName: string, fn: (data?: unknown) =>.
2022-04-15 15:54:17
876
原创 Vuex持久化存储之vuex-persist
众所周知，vuex所保存的数据在页面刷新后会丢失，故一般情况不想丢失的时候，我们会配合localStorage，手动从localStorage中存取，现发现一款插件可以帮助我们自动存取，打到持久化存储的目的。引入vuex-persist插件，它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ，而是直接将状态保存至 cookie 或者 localStorage 中。具体用法如下：安装：npm install vuex-persist -S使用：..
2022-04-13 09:48:31
7728
1
原创 如何防止重复请求
如何防止重复发送请求？问题：业务需求中，经常有只需要请求一次，以防止用户重复点击行为导致的触发重复请求。传递请求方法（执行后返回promise），返回一个新方法。连续触发时，只执行一次。// 示例let count = 1;let promiseFunction = () => new Promise(rs => window.setTimeout(() => { rs(count++); }) );let firstFn = fi.
2022-04-02 09:29:40
2301
原创 vscode自动生成ts-interface插件
然后新建一个 test.ts复制一个json数据，按 Ctrl + Alt + V 即可自动生成（从剪切板生成）
2022-03-30 14:26:29
9003
原创 js流程图插件
jsplumb：参考：https://blog.csdn.net/u013022210/article/details/105296310https://www.jianshu.com/p/a3cd623cdbb7https://www.cnblogs.com/xcj26/p/9870734.html
2022-03-22 14:50:02
3510
原创 vue项目中页面打印插件（去除页眉页脚）
正常 print() 浏览器会带页眉和页脚，包含日期、页码、页面title、当前url，这些信息往往不适合打印出来，所以需要去掉。插件 vue-easy-print样式调整 @page{ size: auto A4 landscape; margin: 3mm; }同时，打印多页的情况下，在当前内容的盒子上加padding，每个页面情况不一样，padding的值也不固定，需要尝试.agreeCon { background: #fff;
2022-03-22 14:46:29
2474
1
原创 VUE项目WebPack打包删除注释和console
项目中使用了 jspdf 这个插件，webpack打包后注释里存在这样的领导让删除，于是使用插件cnpm install uglifyjs-webpack-plugin -Dvue.config.js里添加配置const UglifyJsPlugin = require('uglifyjs-webpack-plugin') //引入插件module.exports = { configureWebpack: { optimization: { minimi
2022-03-14 14:46:23
3638
2
转载 如何在vue项目中使用PWA
pwa ? 这是什么？ 第一次听到pwa的时候是隔壁桌的大佬在交流前端的时候说的“这是前端目前很火的技术，用户体验很好，简单方便 ... ...”。听起来就很想试一试，在大佬的帮助下完成了自己人生的第一个pwa项目。强烈安利，接下来就好好的去了解一下所谓的pwa什么是pwa ？Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进行改进，在安全、性..
2021-10-26 15:55:19
6167
3
原创 安装多个版本的node
老是遇到不同的项目需要不同的node版本（不然会出现各种奇怪的问题），故想着怎样切换不同的node版本更方便呢？1、首先下载不同版本的node：https://npm.taobao.org/mirrors/node/2、然后在安装位置新建不同版本的文件夹注意：我这里是已经安装完成，新建文件夹的时候如新建文件夹名为：10.9，安装完成后重命名为10.9.0，不然安装另一个版本的时候会自动删除之前版本的内容，每一个文件夹均有此操作3、开始安装一个版本一个版本的安装到对应版本的文.
2021-08-25 14:12:51
2124
原创 vscode插件篇之Postcode
可以看成是postman的替代品，就不需要单独安装postman了安装完成后左侧工具栏会多出如下图标操作界面如下： 类似于Postman的直观 UI，与任何 VSCode 主题无缝匹配 支持GraphQL请求 支持从请求中生成代码片段 并且，你可以使用 vscode 的命令快捷启动：目前 Postcode 是完全开源的，大家也可以去看看代码学习一下，也可以去贡献一些新功能htt...
2021-08-25 11:20:22
3430
2
原创 nginx根据url中的参数进行转发
在实际项目中，由于https安全策略，https页面无法请求到http协议的图片（暂时谷歌浏览器这样的）例如 url：https://abc.dc.com/image?url=http://vpic.video.qq.com/1641213/p0685fxrwij.png我们想要的效果直接访问以下地址：http://vpic.video.qq.com/1641213/p0685fxrwij.png需配置如下：resolver 8.8.8.8; #配置域名进行访问的时候，需要配置.
2021-08-18 11:41:55
5989
原创 iframe中父子页面跨域通讯
在非跨域的情况下，iframe中的父子页面可以很方便的通讯，在此不做描述。但是在跨域的情况下，父子页面是无法获取到对方的。一、跨域父传子，可以更改iframe的src，然后在子页面根据地址或参数做出相应的动作。二、子页面传递父页面方法1：otherWindow.postMessage(message, targetOrigin, [transfer]);otherWindow 其他窗口的一个引用，写的是你要通信的window对象。 例如：在iframe中向父窗口传递数据时，可以
2021-07-27 10:02:49
1726
原创 微信分享自定义图文链接
时隔多年，再次做这个需求时，又被绕了一大圈（其实主要是后台没做过呀），故总结在此：效果如下：1、微信自带的公众号文章分享时效果如下：2、微信服务号链接自己的域名地址默认分享时是这样的：所以需求就来了，要求咱们自己开发的项目分享时也要有上面的效果。。准备工作：1、用来绑定的微信公众号必须是已认证的2、链接地址必须是域名，并且是备案过的。（当然就得需要服务器了）配置工作：1、JS接口安全域名（不然前端配分享时会报错 config:invalid url dom...
2021-07-15 11:41:21
2157
原创 vue+qiankun微前端实践
qiankun基座也可以用多种脚手架搭建（此处以vue2.x 为例）：vue-cli搭建vue2.x 项目，然后安装qiankun：$ yarn add qiankun # or npm i qiankun -S基座配置：我们将子应用的配置都放在：main/src/micro-app.js下：const microApps = [ { name: 'sub-vue1', entry: '//localhost:7777/', active
2021-07-05 15:48:24
1926
原创 vue-子组件调用父组件方法并获取返回值
有木有遇到项目中列表渲染时，后台返回数据需要翻译，如返回的是 1/0,需要翻译成 男/女，当然，如果你直接用的,则直接编写方法或filter即可，这里说的是自定义封装的table组件。1、首先想到的是$emit(),但是此方法返回值是vue对象，而不是父组件方法中return的值，这里就不展示了。2、然后曾经我也用过$parent直接调用父级的方法，如下sexFilter(value){ return this.$parent.sexFilter(value)}但是也总觉得有点别
2021-06-25 14:08:29
7419
转载 Jmeter压力测试工具
一、Jmeter下载进入官网：http://jmeter.apache.org/1.第一步进入官网如下图2.选择进行下载，下载下来为一个压缩包，解压即可。3.我下载的是jmeter4.0版本，对应jdk1.8。然后就进行解压。个人认为要注意3点：1）解压之后压缩包叫apache-jmeter-4.0.zip，如是src.zip后缀的都不对，打开之后会报错不可用，因为里面缺少我们下一步将要配置的环境变量.jar文件。2）对应的jdk版本不可太低，一般jmet..
2021-06-16 14:34:54
167
原创 vue动态添加路由清空路由
刚做的项目分多个模块，点击后再查询菜单，动态加进路由，直接动态添加则爆出警告信息（路由重复）：于是乎想到了先清空路由：resetRouter() { const newRouter = new Router({ mode: 'hash', // scrollBehavior: () => ({ y: 0 }), routes: constantRoutes, //引入的公共路由 base: process.e
2021-06-09 17:47:01
3936
3
原创 vue项目浏览器出现的警告信息：[vue-router] Duplicate named routes definition: { name: “index“, path: “/index“ }
那是因为路由这样写的改成这样即可：{ path: '', redirect: { name: 'index', }, }, { path: '/index', component: (resolve) => require(['@/views/index'], resolve), name: 'index', meta: { title: '首页', noCache: true, affix: true },.
2021-06-09 17:37:59
3753
转载 63段常用JS代码片段
1、all如果数组所有元素满足函数条件，则返回true。调用时，如果省略第二个参数，则默认传递布尔值。const all = (arr, fn = Boolean) => arr.every(fn);all([4, 2, 3], x => x > 1); // trueall([1, 2, 3]); // true2、allEqual判断数组中的元素是否都相等。const allEqual = arr => arr.every(val => v
2021-03-03 11:16:36
239
原创 vue自定义组件中的v-model
话不多说，直接上代码父组件<template> <div> <Base-input v-model="baseValue" @myChange="change"></Base-input> <button @click="changeValue">更改baseValue</button> </div></template><script>import BaseI
2021-02-09 15:51:48
173
原创 vue的filter在三元表达式中的问题
filter与三元结合遇到的问题：<!-- 如果用括号括起来，过滤器就不识别--> <div> {{info.status == '1' ? '进行中' : (info.modified_time |getFormateTime) }} </div>解决一：新建方法替换，如<div> {{info.status == '1' ? '进行中' : formateTime(info.modified_time
2021-01-23 15:20:30
1902
4
原创 elementui el-form 输入框回车页面刷新问题
问题描述：在提交某项业务时，需要输入一次密码，点击下方确定后提交，但是当el-input有焦点时，按下回车会发生页面刷新事件，url中的参数也被清空。代码如下：<div class="password ft12"> <el-form> <el-form-item label="密码：" label-width="95px" prop="password" class="password"> <el-input cla
2021-01-18 11:39:17
1188
1
原创 vue-cropper，展示oss图片出现跨域问题解决
<vue-cropper ref="cropper" id="cropper" :img="options.img" :info="true" :autoCrop="options.autoCrop" :autoCropWidth="options.autoCropWidth" :autoCropHeight="options.autoCropHeight" :fixedBox="options.fixedBox" @re.
2020-12-03 10:21:51
2749
3
原创 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ 前后端共同解决跨域问题
经过多次遇到坑,找了很多资料,有nginx配置,前端页面添加,等但是这些都没有解决遇到问题,下面是本人遇到的情况并解决步骤过程,希望看到对你有所帮助:开发页面需要使用canvas处理图片，就报错跨域：解决过程:1:通过查询诸多资料:nginx代理配置域名新增(这个是大部分建议的结果): location ^~ /third_image/ { add_header 'Access-Control-Allow-Origin' "$http_origin" a...
2020-12-03 09:55:57
4545
原创 Docker运行jar包
1. 上传jar到服务器的指定目录2. 在该目录(/opt/dingding/xxxx)下创建Dockerfile 文件 vi Dockerfile3. 然后将下面的内容复制到Dockerfile文件中FROM anapsix/alpine-java:8_server-jre_unlimitedMAINTAINER xxxRUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtimeRUN mkdir -p /o...
2020-10-30 17:11:47
438
原创 docker安装redis并以配置文件方式启动
1.获取redis镜像docker pull redis指定版本号：docker pull redis:4.0.9不加版本号默认获取最新版本，也可以使用docker search redis查看镜像来源2.查看本地镜像docker images3.然后启动容器，做映射 ①创建配置文件目录存放redis.conf，文件从官网下载。②创建文件夹,新建配置文件贴入从官网下载的配置文件并修改mkdir /usr/redi...
2020-10-28 20:19:08
728
1
原创 centos7.5安装docker并配置nginx与https
sudo yum install docker 启动并加入开机启动$ sudo systemctl start docker$ sudo systemctl enable docker验证安装是否成功(有client和service两部分表示docker安装启动都成功了)$ docker versiondocker安装niginx1.安装nginx docker镜像获取nginx官方镜像docker pull nginx查看镜像库docker im..
2020-10-28 13:58:30
425
1
原创 CentOS7.5 安装MySql
CentOS7位安装MySql教程1.先检查系统是否装有mysqlrpm -qa | grep mysql2.下载mysql的repo源wgethttp://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm如果报错:-bash: wget: 未找到命令安装插件yum -y install wget3.安装 mysql-community-release-el7-5.noarch.rpm包sudo rpm...
2020-10-28 08:54:04
219
转载 32个手写JS
01、数组扁平化数组扁平化是指将一个多维数组变为一个一维数组const arr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6]方法一：使用flat()const res1 = arr.flat(Infinity);方法二：利用正则const res2 = JSON.stringify(arr).replace(/\[|\]/g, '').split(',');但数据类型都会变为字符串方法三：正则改良版本
2020-10-26 11:33:13
325
原创 win10系统cnpm报错
在安装启动服务的时候会报“cnpm : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本”（每次都百度，偶尔还找半天，便自行记录在此）。我遇到的问题如下图所示：解决方案第一步：在开始菜单里找到Windows PowerShell.并以管理员身份运行这里要注意的就是必须要以管理员身份运行。第二步：输入 set-ExecutionPolicy RemoteSigned 回车第三步：输入 A 回车第四步：
2020-10-15 16:49:28
285
winCodeSign-2.4.0.zip+electron-v2.0.18-win32-x64+nsis-3.0.3.2.zip
2020-08-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人