自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(94)
  • 收藏
  • 关注

原创 Electron npm ERR! command failed

npm ERR! command failed

2024-02-07 14:31:39 198

原创 浏览器IndexedDB数据库封装

【代码】浏览器IndexDB数据库封装。

2024-02-02 18:03:58 134

原创 NodeJs进程出现CPU100%解决方案

在此之前我们,我们尝试在Nodejs服务端增加接口访问日志以及去掉setTimeout超时请求,以及htop,pm2 monit,pref分析命令,并没有得到很有用的信息。不过有意思的是 pref 将占用 cpu 的 v8 底层函数给暴露了出来,因为我只看得懂这个(node:internal/timers),它代表的时定时,而在prof 分析报告中也出现了它。

2024-02-02 13:56:12 639

原创 Nodejs @elastic/elasitcsearch库内存泄漏 解决方案

Nodejs elasitcsearch内存泄漏 解决方案注 : 这里使用了axios 作为中间请求。如使用 axios 请 npm install axios。废话不多说直接上代码。

2022-11-03 15:10:37 38

原创 liunx 服务器升级 nodejs

liunx 系统 / 服务器 升级 nodejs 操作案例

2022-10-20 10:21:28 469 1

原创 Puppeteer 出现部分中文显示乱码

使用Puppeteer进行截图时,会出现部分中文显示方块字乱码的问题。这并不是Puppeteer的问题,实际上是Linux字体库对中文支持不好的原因。我们只需要给服务器的Linux系统安装支持的中文字体库即可。这里推荐文泉驿字体 :文泉驿是一个以开发开源、免费中文电子资源--如汉字字体、词库等--为目标的公益性组织。她的创办宗旨是实现“任何人在任何地方都可以自由使用汉字和汉语进行交流”。——摘自百度百科。

2022-09-14 11:51:51 2209 1

原创 ActiveMQ JMX监控信息

1.运行一个代理,将代理属性 useJmx 设置为 true ,并将连接物 createConnector 设置为 true ,connectorPort 设置为 要代理的端口号2.设置账号密码3.设置拥有者可读写,其他人不可读写执行4.重新启动。

2022-09-14 11:49:56 532

原创 nodejs 获取 Kafka JMX监控信息

Kafka JMX监控信息kafka 启用jmx启动kafka时增加 JMX_PORT=9988,即 JMX_PORT=9988 bin/kafka-server-start.sh -daemon config/server.properties验证当前服务器的kafka是否开启JMXsudo ./kafka/bin/kafka-run-class.sh kafka.tools.JmxTool --jmx-url service:jmx:rmi:///jndi/rmi://39.100.93.2

2022-05-25 11:02:37 403

转载 web端内存泄漏

内存泄漏Q:什么是内存泄漏?字面上的意思,申请的内存没有及时回收掉,被泄漏了Q:为什么会发生内存泄漏?虽然前端有垃圾回收机制,但当某块无用的内存,却无法被垃圾回收机制认为是垃圾时,也就发生内存泄漏了而垃圾回收机制通常是使用标志清除策略,简单说,也就是引用从根节点开始是否可达来判定是否是垃圾上面是发生内存泄漏的根本原因,直接原因则是,当不同生命周期的两个东西相互通信时,一方生命到期该回收了,却被另一方还持有时,也就发生内存泄漏了所以,下面就来讲讲,哪些场景会造成内存泄漏哪些情况

2022-03-12 16:04:07 946

转载 electron 安装失败,Electron failed to install correctly

开发 Electron 项目,总是会发生安装失败或者安装时间太长的问题,下面说下终结解决办法。错误提示一般是如下图这样的:这是我的错误截图Error: Electron failed to install correctly, please delete node_modules/electron and try installing again于是 try and try,不断的删除,不断的 install,终究还是搞不定,服了气了。解决办法1、删除 node_modules/e

2022-02-03 18:32:57 4898 1

原创 实现ECharts双Y轴左右刻度线一致的例子

/* ----------------*/ const xAxisData = fromData.xAxisValue// 月份/日 // 刻度值计算 // 处理两个y轴的最大值 => 为使两个y轴的标度线完全重合 // 拿到左右两个y轴的最大数据之后 给他们分别取整成为最终 y轴上展示的值 也是为了能够确保两个值都能整除 5 const maxY1 = parseInt((Math.max(...fromData.yProjec...

2021-08-07 15:24:39 633

转载 Jenkins执行脚本npm命令报错 npm: command not found

前提:服务器npm已经配置完成,并且服务器执行npm install没有问题【npm install】放到脚本里面,Jenkins执行脚本报错[test] $ /bin/sh -xe /tmp/jenkins617246321908774027.sh+ sh /home/sh/test.sh/home/sh/test.sh: line 7: npm: command not found解决方案3.1、查询系统环境变量: echo $PATH[root@localhost /]# ec

2021-08-07 15:22:03 4822 1

原创 linux宝塔面板–java项目管理器快速安装jenkins

Jenkins是一款开源 CI&CD 软件,用于自动化各种任务,包括构建、测试和部署软件。Jenkins 支持各种运行方式,可通过系统包、Docker 或者通过一个独立的 Java 程序。一,安装JAVA项目管理器:1,在面板软件商店搜索“java”项目管理器;2,点击安装对应的版本;二,安装tomcat:这里选择 tomcat 8版本 一般 tomcat7/tomcat8/tomcat9 三个版本对应的端口分别为:8081,8082,8083;安装完成之后,在浏

2021-07-31 22:35:56 1901 2

原创 React @装饰符

报错:Support for the experimental syntax 'decorators-legacy' isn't currently enabled./src/views/HocPage.jsSyntaxError: /Users/xiao/Desktop/react/my-app/src/views/HocPage.js: Support for the experimental syntax 'decorators-legacy' isn't currently enabled

2021-07-18 10:56:38 110

原创 css3 动画

https://animate.style/ npm install animate.css --save记个备忘录

2021-06-09 17:00:30 65

原创 基于 qiankun & Vue 的微前端实践

微前端主应用与子应用如何构建构建主应用 使用 vue-cli 创建主应用 npm install qiankun 下载微前端方案依赖 改造主项目 改造 main.js // 在和main.js统计目录新建application.js,然后在main.js中引入application.jsimport { registerMicroApps, start } from "qiankun";// 注册子应用const apps = [ { n...

2021-04-16 21:56:20 274

转载 微前端框架 qiankun 源码全面解析

本文将针对微前端框架qiankun的源码进行深入解析,在源码讲解之前,我们先来了解一下什么是微前端。微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过NPM或者Git Tag、Git Submodule来管理。qiankun(乾坤)就是一款由蚂蚁金服推出的比较成熟的微前端框架,基于single-...

2021-04-16 21:41:24 814

转载 6个宝藏级Vue管理后台框架 必须收藏

今日主要讲解基于Vue管理后台的框架,让你偷得浮生半日闲…忙里偷闲,又不负自己。d2-admin★star7.1kD2Admin是一个完全开源免费的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。功能介绍:使用vue-cli3构建、首屏加载等待动画、五款主题、内置UEditor富文本编辑器、分离的路由和菜单设置、可折叠侧边栏、Fontawesome图标库、数字动画等等…地址:https://github.co.

2021-04-02 13:55:57 1474

转载 Electron+vue-cli3开发跨平台桌面应用

目录1.创建项目 1.1 安装Nodejs 1.2 使用cnpm加速下载 1.3 为什么不使用electron-vue搭建呢 1.4 安装/升级vue-cli3 1.5 创建vue项目 1.6 自动安装Electron 1.7 手动安装Electron 1.8 编译并启动APP 2.配置项目 2.1 配置ESLint代码格式检查工具 2.2 配置vue 3.项目基本设定 3.1 主进程和渲染进程简介 3.2 APP窗口大小 3.3 取消跨域限制

2021-03-17 16:34:34 253

原创 electron mac打包 build失败的问题

1.electron 版本与项目版本需一致,如果没有则单独下载,放到 open /Users/xiao/Library/Caches/electron 目录下即可2。继续打包会发现还是有报错,解决方式将 package.json 中的electron-builder插件换成如下版本"electron-builder": "22.7.0"yarn [email protected] [email protected]....

2021-01-20 20:18:13 1031

原创 git SSH密钥设置

解决[email protected]: Permission denied (publickey). fatal: Could not read from remote repository问题解决方法从github主页点击设置进入SSH and GPG keys随后点击创建一个新的密钥"New SSH key",随即显示出一个输入key的框。输入命令:ssh-keygen -t rsa -C "你自己的邮箱"然后便一直猛击回车,有y/n的时候 y覆盖之前的ssh接下来输入命令:ca.

2021-01-18 16:34:19 90

转载 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-...

2021-01-12 17:47:43 126

转载 2020-12-08

前端开发规范梳理(全面记录)注:分享出来跟大家交流,也希望能在留言区探讨,得以改进。为实现代码一致性和最佳实践,通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。一、通用书写规范1. 基本原则:结构、样式、行为分离尽量确保文档和模板只包含 HTML 结构,样式都放到 css 样式表里,行为都放到 js 脚本里 标记应该是结构良好、语义正确。 Javascript应该起到渐进式增强用户体验的作用 。2.文件

2020-12-08 17:01:05 273

转载 element-ui多选框reserve-selection指定row-key保留数据更新之前的数据

element-ui多选框reserve-selection指定row-key保留数据更新之前的数据element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key.先看下页面的效果:注意事项:具体.

2020-11-30 11:46:08 1342 1

原创 vuecli4 vue.3.0 IE 360浏览器兼容问题配置

首先·不需要安装第三方的转换es5的插件因为它已经内置不多说废话-配置如下package.json文件下的browserslist对象"browserslist": [ "> 1%", "last 2 versions", "IE 11", "IE 10", "IE 9" ]babel.config 文件下module.exports = { presets: [ '@vue/cli-plugin-babel/prese.

2020-10-12 11:30:10 1798

原创 Homebrew 安装 node

安装最新版本:brew install node安装指定版本:brew install node@12安装后可能不能使用。有一些提示。不过有一条命令可以比较简单的让 node 可以直接使用。brew link --overwrite --force node12

2020-09-17 19:42:22 246

原创 HomeBrew

1.git的方式安装$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"更换镜像$ cd "$(brew --repo)" && git remote set-url origin https://git.coding.net/homebrew/homebrew.git$ cd $home && brew updat

2020-09-17 18:59:40 84

原创 2020-08-06Downie_4中文 PJ

链接: https://pan.baidu.com/s/1Ggg6vH2IdsQnbl0O0Ekn1Q 密码: o2sp

2020-08-06 23:46:12 192

转载 Motrix Mac版baidu网盘下载器使用方法!!

Motrix Mac版使用文字教程下载软件完成后,打开镜像包,拖动【motrix】到应用程序中安装首先我们需要下载扩展插件(BaiduExporter.zip扩展):请按提示操作!按下图中路径找到【实验室】,点击【百度网盘助手】,浏览器将会为您自动下载【BaiduExporter.zip】百度网盘扩展插件(插件下载好会出现在电脑的下载里)如图:将下载完成的BaiduExporter.zip进行解压备用打开谷歌浏览器,从菜单进入【扩展程序管理】页面,或者地址...

2020-08-06 23:00:17 4892 1

原创 Motrix 扩展程序

链接: https://pan.baidu.com/s/1PBr2JuEQpQfTwR_wxaXGFA 密码: drqn

2020-08-06 22:56:28 1843

转载 Navicat Premium for Mac中文版 PJ

话不多说,直接上干货首先,我们需要准备Mac 版Navicat Premium安装包 链接: https://pan.baidu.com/s/1kNNgrrt-Rwaz_VaWWs6ZgA 密码: 9tmv 在线生成RSA公钥私钥对的地址http://web.chacuo.net/netrsakeypair 在线RSA私钥加密解密的地址http://tool.chacuo.net/cryptrsaprikey 在线获取当前时间戳的地址https://tool.lu/timestamp/ 中.

2020-08-06 22:44:55 470

原创 create-react-app下的@装饰器正确的使用方式记录

在create-react-app下使用@装饰器会报错''Support for the experimental syntax 'decorators-legacy' isn't currently enable"⾼阶组件本身是对装饰器模式的应⽤,⾃然可以利⽤ES7中出现的装饰器语法来更优雅的书写代码。yarn add @babel/plugin-proposal-decoratorsyarn add customize-cra更新confifig-overrides.js//配置完

2020-07-26 22:46:44 221

转载  安装加速:yarn install 国内加速,修改镜像源

为什么慢执行 yarn 各种命令的时候,默认是去 npm/yarn 官方镜像源获取需要安装的具体软件信息以下命令查看当前使用的镜像源yarn config get registry默认源地址在国外,从国内访问的速度肯定比较慢如何修改镜像源阿里旗下维护着一个完整的 npm 镜像源https://registry.npm.taobao.org/同样适用于 yarn1. 临时修改yarn save 软件名 --registry https://registry.npm...

2020-07-23 15:00:18 2042

转载 Vue3.0尝试

Vue3.0尝试前言    有关vue2的相关相关语法我相信大家都已经的语法我相信大家都已经会了,现在都已经2020年了vue作为前端这么热门的框架, 不去学一波对的自己是做前端的吗?哈哈哈哈????????????。    一路就开始折腾,那是一路曲折啊,重不会到会也不知道自己经历了什么,到现在vue3.x马上又有开始了所以自己也是先试试水,玩了一波相关的语法。     废话不多说直接上代码记录下(由于本人没有用到TS所以都是进行与ES6进行)开始在vue-cli3.0

2020-07-23 00:09:39 150

转载 vue3.0项目创建指南

vue3.0已经发布很久了,作为一个靠vue吃饭的程序员,真心表示学不动了。。。前几天看了一些关于3.0的视频,今天总结一下vue3.0项目创建的几种方式,以及demo。 项目创建 第一种:vue-cli创建之后引入vue-next或者3.0中想要体验的api,代码如下:1.直接引入vue-next vue create vue3.0-demo-cli vue add vue-next2.引入3.0的compositio...

2020-07-22 22:43:43 568

转载 记录下 js各种证件的正则验证

身份证 /(^\d{15}$)|(^\d{17}([0-9]|X)$)/护照 /^[a-zA-Z0-9]{3,21}$/ /^(P\d{7})|(G\d{8})$/军官证或士兵证 /^[a-zA-Z0-9]{7,21}$/港澳回归证 和 台胞证/^[a-zA-Z0-9]{5,21}$/出生证 /^[a-zA-Z0-9]{5,21}$/户口本 /^[a-zA-Z0-9]{3,21}$/...

2020-07-11 17:46:35 744

转载 知道这20个正则表达式,能让你少写1,000行代码

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。下面是@技匠整理的,在前端开发中经常使用到的20个正则表达式。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = fieldValue.match(reg).

2020-07-11 17:45:28 157

转载 h5 3D框架和游戏引擎

排名前10的H5、Js 3D游戏引擎和框架由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题。基于浏览器的游戏最棒的地方是平台独立,它们能在iOS、Android、Windows或其他任何平台上运行。  有很多的JavaScript能够用于创建基于浏览器、使用HTML5和WebGL的3D游戏。然...

2020-06-24 14:39:57 758

原创 只能输入 数字/小数点的数字和金额校验

废话不多说-直接上代码<el-input v-model="obj.value" @blur="onBlur" @input="inputChanged"/> // 监听输入框事件 inputChanged($event) { this.onlyNumber()// 金额输入校验 }, // 失去焦点时 onBlur($event) { this.onlyNumber('blur')// 金额输入校验-规则 }.

2020-06-24 14:33:55 423

转载 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)...

2020-06-20 16:52:05 206

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除