毛毛虫博客

实战宝塔面板结合pm2进程管理工具部署前端nuxtjs项目来介绍下宝塔面板宝塔Linux面板是提升运维效率的服务器管理软件，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。有20个人的专业团队研发及维护，经过200多个版本的迭代，功能全，少出错且足够安全，已获得全球百万用户认可安装。个人理解为：一个可视化运维的控制面板。官网地址： https://bt.cn安装首先准备一台纯净的linux服务器，本文以CentOS7.6 64位

本文首发于个人博客网站https://iiter.cn/blogs/33之前用伪元素before和after实现了一版组件对齐辅助线，组件的拖拽缩放用的是这个库 Github直达实现的功能为：点击组件的时候，组件高亮并且辅助线在左上角显示。如下图奈何，领导看了不满意说你这玩意拖拽的时候得四个角都实现啊。并且说得是在拖拽移动的过程中才能出现，点击激活，组件高亮的时候不显示。这…可...

var http = require('http'), // 引入需要的模块 fs = require('fs'), //引入文件读取模块 cp = require('child_process'), // 可自动打开浏览器模块 url = require("url"), path = require("path");http.createServer(function (...

不用中间变量完成两个变量值得交换(ES6解构赋值)let a = 1;let b = 2;[a,b] = [b,a];数组去重[...new Set(array)]

Create React App是一种官方支持的创建单页React应用程序的方法。它提供了一个没有配置的现代构建设置。一、全局安装脚手架：npm install -g create-react-app二、创建react应用使用npx创建应用可跳过上面的第一步npx create-react-app my-app使用npm一键创建可跳过上面的第一步npm init re...

使用 vue tools 开发工具，不显示调试面板中的组件，点击控制台报错：Cannot read property ‘VUE_DEVTOOLS_UID’ of undefined在 main.js中加入如下代码即可：Vue.config.devtools = true;...

ant-design按需加载，使用react-app-rewired的时候报错运行npm start或者yarn start报如下错误：TypeError: injectBabelPlugin is not a function原因好像说是react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired解决方法，对react-scripts进行降级处理npm...

常规项目，我们只需要给标签加一个onselectstart事件，return false就可以例：<div onselectstart="return false;" ></div>但是在React中，是没有onselectstart事件的我们只需要给标签添加个样式就可以了。.node{/*node为标签的class名*/ -webkit-user-sele...

最近有一个前端上传并解析excel/csv表格数据的需求。于是在github上找到一个14K star的前端解析插件 github传送门官方也有，奈何实在太过于浅薄。于是做了以下整理，避免道友们少走一些弯路。安装依赖yarn add xlsx //或 npm install xlsx项目中引入import * as XLSX from 'xlsx';上传组件（antde...

最近有一个引入sql编辑器插件的需求，要求代码高亮显示，代码智能提示，以及支持自定义代码提示列表等功能。中途在自定义代码提示列表中由于没有相关demo，所以踩了一些坑，遂将其整理如下，以便日后查看。1.安装yarn add react-ace //或 npm install react-ace2.在项目中引入import AceEditor from 'react-ace';3....

同项目组的小伙伴想用自己的电脑访问我电脑上开发阶段的create-react-app创建的react项目。试过了了各种内网穿透工具ngrok以及localtunnel等。奈何打开效率实在太过于龟速。于是不得不百度 react项目如何开启内网访问结果找了说是要配置webpack。好吧，配就配。。。可是对于还没有eject的项目来说，webpack配置没暴露出来，没法配啊。果断npm r...

npm install --save-dev babel-plugin-transform-runtimenpm install --save babel-runtime.babelrc配置{ "plugins": ["transform-runtime", "babel-plugin-transform-regenerator", "babel-plugin-transform...

对于一个优秀的前端er来说，不会点后端语言怎么行呢？express?说实话，express真的只适合做个人项目。。。eggjs是真的强大，封装的东西简直不要太好用啊啊啊啊啊。最近研究了下eggjs，并在着手写一个后台服务。在前后端交互的时候遇到了万恶的浏览器同源策略跨域问题。以下为解决方案：1.安装egg-cors插件：npm install egg-cors -g //yarn...

function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ...

eslint的好处就不多说了。1.安装依赖npm install --save-dev eslint eslint-friendly-formatter eslint-loader //或yarn add eslint eslint-friendly-formatter eslint-loader 2.根目录创建.eslintrc.js文件，配置eslint规则(为了便于开发，这里只列...

重装系统后打开gitbash莫名其妙闪退。。。究其原因，好像是盗版系统的null.sys文件损坏那就在这里附上null.sys文件的下载链接:https://pan.baidu.com/s/1VlFvzHTFT5mQNbHE-l5YTw提取码: xi1k 看到csdn下载这个东西还需要C币还是积分什么的，这些人真的是一点分享精神都没有......下载后覆盖到如下路径：C...

在它的entry入口设置多文件入口即可，例：entry: { core: './src/core.js', design: './src/design.js'},单一出口输出：output: { path: path.join(__dirname, "/dist"), filename: 'dipcore.min.js', library:...

那我们就按照官网的一分钟极速入门代码来说// 图表配置var options = { chart: { type: 'bar' //指定图表的类型，默认是折线图（line） }, title: { text: '我的第一个图表' // 标题 }, xAxis: { categories: ['苹果', '香蕉', '橙子'] // x 轴分类 ...

开始之前，请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)1.打开项目终端，安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2.在build文件夹下的webpack.base.conf.js的rule...

脚手架安装一个项目1.全局安装angular脚手架npm install -g @angular/cli2.初始化一个文件夹ng new my-angular-demo3.进入文件夹cd my-angular-demo4.运行ng serve命令行创建组件ng g component hello-worldd所有app开头的组件都是根组件angular21.组件的创建2.组件的拆分3.组件的组合4...

个人网站https://iiter.cn程序员导航站开业啦，欢迎各位观众姥爷赏脸参观，如有意见或建议希望能够不吝赐教！将jQuery的ajax、axios和fetch做个简单的比较，所谓仁者见仁智者见智，最终使用哪个还是自行斟酌1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dat...

个人网站https://iiter.cn程序员导航站开业啦，欢迎各位观众姥爷赏脸参观，如有意见或建议希望能够不吝赐教！写一些最近工作中Vue项目中遇到的问题。巴啦啦小魔仙，污卡拉，全身变，小本本，出来吧！会不定期更新，所以建议收藏。1.获取一个对象的键（key）在某种特定需求下(未知的Object类型数据)，我们想拿到这个未知对象中第一个元素的键(也就是newDat...

width: 100%; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 *...

本文优先于个人博客网站首发。如有更新不完整或不及时请打开如下网址访问。求你了，点它！！！https://www.iiter.cn/blogs/23最近在做微信小程序，技术栈为mpvue+iview weapp组件库。因项目需求，要用到日期+时间选择器，iview组件库目前还未提供时间日期选择器的组件，小程序官方组件日期时间...

写在前面： ngrok可以做内网穿透，外网映射，可以用其他任何有网的设备访问你当前开启映射的端口项目~全局安装ngroknpm install ngrok -g如果本地起了一个服务，端口号为3001。则输入以下命令：ngrok http 3001即可将本地3001端口项目映射到ngrok外网服务器上去。就可以使用其他设备访问啦。。。手机啊平板呀移动设备，测个东西简...

简单明了。echarts初始化完成之后，给实例对象通过on绑定事件。这里的事件包括：'click'，'dblclick'，'mousedown'，'mouseup'，'mouseover'，'mouseout'，'globalout'，'contextmenu' ...

本文已永久迁移至个人博客网站，为不影响使用，请点击以下网址进行访问：https://www.iiter.cn/blogs/22

本文即将迁移至我的个人博客网站，为不影响后续使用，可提前点击以下网址进行访问https://iiter.cn首先来看一下官方的介绍：大概意思是说：命令行HTTP服务器工具，用于提供本地文件，类似于python -mSimpleHTTPServe。直白点的意思就是通过命令行启动的一个http服务器工具，它是基于Node.js的，所以要安装和使用，...

产品需求，需要用到对div（dom）进行拖拽缩放操作，看到有好多插件，要么依赖jQuery，要么文件太大。封装了一个插件，不压缩状态下5KB。html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

Vue2.0中引入Mint-UI的下拉刷新和上拉加载。简单粗暴安装Mint-UInpm i mint-ui -S引入打开项目的main.js入口文件，引入并使用。注意，为了方便，这里是全部引入，项目中想节省体积的话，可以按照官网的方法，按需引入。传送门import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vu...

本文即将迁移至个人博客网站,为不影响使用,请更换阅读地址:https://iiter.cn扩展栏搜索 Power Mode 安装安装后重启vs code文件->首选项->设置搜索setting.json，点击在setting.json中编辑打开之后在右侧用户设置里添加以下三行代码："powermode.e...

1.查看当前实例中有哪些数据库（只有数据库中存在collection，才可以查看）   show dbs2.查看当前所在的数据库位置     db3.创建一个空的数据库/切换到指定数据库  use 数据库名4.  查看当前数据库下面所有的集合名称show collection5.创建集合 1&gt;动态分配集合   db.集合名称(s).insertOne({})(加 s 是直接创建 并添加数据)...