- 博客(30)
- 收藏
- 关注
原创 Nuxt记录一次宝塔gitlabV8.8.5社区版 CI安装过程 (gitlab ci、gitlab-runner、ssh免密码登录)
1. 想用CI先要装好gitlab还有gitlab-runner! 宝塔安装gitlab,从宝塔软件商店进行安装2. 进入gitlab创建项目并添加.gitlab-ci.yml文件,具体配置有很多参照官网,具体配置在下面,请耐心先看完流程3. 宝塔面板打开终端4.宝塔从安装gitlab8.8.5到安装gitlab-ci-multi-runner依次输入一下命令选择yum源curl -L https://packages.gitlab.com/install/repositories/run
2021-08-27 18:14:47
19353
1
原创 Xshell SSH免密登录
一、使用如下命令生成密钥对[root@xuegod130 ~]# ssh-keygenGenerating public/private rsa key pair.Enter file in which to save the key (/root/.ssh/id_rsa): #直接回车Enter passphrase (empty for no passphrase): #输入密钥的密码 (如果用于gitlab CI 最好不填 直接回车)Enter same passphrase again:
2021-08-27 11:05:24
19475
原创 nginx 配置不缓存html文件
server { listen 80; server_name test.exmaple.cn; location / { if ($request_filename ~* .*\.(?:htm|html)$) ## 配置页面不缓存html和htm结尾的文件 { add_header Cache-Control "private, no-sto
2021-08-06 11:43:28
19251
原创 CentOS 安装 Git
1.下载最新版本源码yum install -y wgetwget -O /tmp/git-2.21.0.tar.gz https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.21.0.tar.gz如果服务器无法访问外网,可以用自己电脑访问 https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.21.0.tar.gz 进行下载再通过Xshell建立SSH ,使用rz命令上传,
2021-05-10 11:33:59
144
原创 安装node-sass报错,提示node-gyp -v 与node版本不符合解决办法
cnpm install --save-dev gulp-sass如若不行管理员运行全局安装cnpm install -g gulp-sass
2021-04-28 10:45:51
7790
1
原创 个人遇坑全面整理!npm install 报错没有匹配版本:npm ERR! code ETARGET npm ERR! notarget No matching version found for
一、查看模块的注册信息 二、清理缓存 三、删除package-lock.json
2021-04-27 13:07:28
119197
3
原创 nrm 安装环境变量问题 The “path“ argument must be of type string.
点击这一行修改17行// const NRMRC = path.join(process.env.HOME, '.nrmrc');const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');验证
2021-04-24 11:26:45
913
原创 yarn 离线安装以及NPM设置精确版本
yarn 离线安装yarn install --offlineNPM设置精确版本npm config set save-prefix ^ # ^a.b.cnpm config set save-prefix ~ # ~a.b.cnpm config set save-prefix "" # a.b.c
2021-04-22 17:59:55
480
原创 Webpack devServer本地开发解决跨域问题
一、Api请求前缀 baseUrl: “http://127.0.0.1:9933/”二、webpack.config.js配置module.exports = (env, args) => { const config = { ..., devServer: { port: 9933, host:'127.0.0.1', // hot: true proxy:{
2021-04-21 18:09:16
298
原创 Vue + Ts + element +moment.js日期范围选择
一、安装moment.jsnpm i moment -D二、引入import moment from 'moment'三、用法<template><el-form><el-form-item label="授权有效期" prop="" > <el-date-picker v-model="date" :picker-options="pickDateOptions" :default-time="['12:
2021-04-15 14:29:27
1093
原创 JS数组方法reduce()=map()+filter()
JS数组方法reduce()=map()+filter()一、先上用法let list= [{userName:"admin",roleNames:"系统管理员"},{userName:"user1",roleNames:"租户"}]list = list.reduce((result,item)=>{ // roleNames是遍历的判断条件,相当于filter if(item.roleNames === "系统管
2021-03-20 18:25:05
281
原创 Vue中子组件修改父组件的值(使用v-model优化,所有自定义组件可用v-model)
效果图展示 此组件有需要的同学可以直接复制使用子组件 timerPickLimit.vue<!--@name: 24 * 7时间选择器@description: 主要作用于设备禁止登录时间选择@Method: 使用v-model改进 等价<timer-pick-limit :value="formData.loginLimit" @input="val => forData.loginLimit = val"/><timer-pick-limit v-model="
2021-02-25 10:13:33
21634
1
原创 Vue+TypeScipt+Echarts完美解决报错问题 + Eslint关闭require检查
一、先安装两个包在typescript+Vue的项目中引用echarts,为了加强引用,引入echarts和@types/echarts两个包,一个是工程依赖,一个是声明依赖。npm install echarts --savenpm install --save @types/echarts二、完整代码,请自行检查,重点在注释<template> <div ref="chart" style="width:500px;height:500px"></div&g
2020-12-25 11:34:11
4867
1
原创 WebStocket基础用法
server.js先通过npm i ws -S安装wsconst { Server } = require('ws');const wsServer = new Server({ port: 8888 });wsServer.on('connection', (socket) => { socket.on('message', (mes) => { console.log(mes); socket.send('服务器发给你的'); });});client
2020-05-18 15:00:11
4329
原创 React在Eletron中child_process使用案例+加载Node的fs.readfile()后html换行
想把从服务器获取的字符串数据变成html请用dangerouslySetInnerHTML,模板如下:render () { const html = "内容a前面部分<br />内容a后面部分" return( <div dangerouslySetInnerHTML={{__html: html}}> //里面不能放东西 </div> ) }官方解释:https://reactjs
2020-05-14 16:56:50
894
2
原创 cmd命令txt转码
my.batchcp 65001ipconfig > C:\cmdInfo.txtcd C://PowerShell -Command "& {get-content cmdInfo.txt | set-content cmdInfoUtf8.txt -encoding utf8}"chcp 65001看情况加
2020-05-14 16:41:31
922
原创 Node中child_process在electron中控制台打印中文乱码问题
把cmd默认中文改成chcp 65001 (这是utf-8)index.tsx// 仅在 Windows 上。const { exec } = require('child_process');const path = require('path')const url = path.join(__dirname,'components/Cmd/my.bat')console.log(url)exec(url,(err:any,stdout:any,stderr:any)=>{ if
2020-05-14 10:27:43
2083
原创 配置react-hook的eslint-plugin-react-hooks
package.json 添加 "eslintConfig": { "extends": "react-app", "plugins": [ "react-hooks" ], "rules": { "react-hooks/rules-of-hooks": "error", "react-hooks/exhaustive-dep...
2020-05-08 15:13:43
3582
原创 redux-thunk处理异步action操作,并实现UI更新
redux-thunk实现原理//先判断aciton是否为一个方法,如是方法,//则将store.dispatch作为参数传入到自己的action中,//再次调用dispatch,这里应该就是递归思想,自己调自己。const thunk = store => next => action => typeof action === 'function' ? ac...
2020-04-29 10:19:42
410
原创 redux简单用法&&自定义middleware+分析
import { createStore, applyMiddleware } from 'redux'//定义一个actionsconst visibleGloble = (visible) => { return { type: 'CHANGE_VISIBLE_STATE', visible: visible || 0, text: '这是初始数据'...
2020-04-28 14:57:31
212
原创 git clone 提速方法
设置http、https代理git config --global http.proxy socks5://127.0.0.1:1080git config --global https.proxy socks5://127.0.0.1:1080撤销git config --global --unset http.proxygit config --global --unset ht...
2020-04-28 14:48:21
492
1
原创 Node原生搭建API服务器
1. 返回普通html格式const http = require('http')const allurl = require('url')//创建http服务器const server = http.createServer()server.on('request', function (req, res) { //接受客户端请求 let parseObj = allurl....
2020-04-26 10:56:44
319
原创 npm socks5代理、换源方法&&electron安装包时问题
调出配置文件(下面的所有操作都是直接更改配置文件内容)npm config edit 找个地方新加proxy=socks5://127.0.0.1:10808前提得有代理,要是没有可以更换镜像源换源//registry=https://registry.npmjs.org///registry=https://registry.npm.taobao.orgreg...
2020-04-23 16:53:55
2349
原创 node 控制台中文乱码
"start": "nodemon main.js"改成"start": "chcp 65001 && nodemon main.js"
2020-04-23 16:44:31
19033
1
原创 React高阶组件HOC以及cra简单使用
//Hoc.jsimport React, {Component} from "react";const withCopyRight = (MyComponent) => { return class withCopyRight extends Component { render() { console.log(this.props)//指向子组件的pr...
2020-04-08 14:32:05
479
原创 React 使用customize reacta-app-rewired配置Antd
简述两者使用为了修改webpack配置,无需eject安装npm i customize reacta-app-rewired -D使用/** 基于customize 和 react-app-rewired的定制化配置文件* */// 引入相关的方法const { override, addLessLoader} = require('customize-c...
2020-04-08 14:22:15
593
1
原创 git基础操作
…or create a new repository on the command lineecho "# learnSass" >> README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin https://github.com/winsonfeng/learnS...
2020-04-03 09:59:49
94
转载 浏览器与服务器交互
来源于孤傲苍狼博客内容浏览器与服务器交互图当我们打开浏览器,在浏览器的地址栏中输入URL地址"http://www.gacl.cn:8080/JavaWebDemo1/1.jsp"去访问服务器上的1.jsp这个web资源的过程中,浏览器和服务器都做了神马操作呢,我们是怎么在浏览器里面看到1.jsp这个web资源里面的内容的呢?浏览器和服务器做了以下几个操作:1、浏览器根据主机名"www....
2020-04-03 09:57:09
665
原创 ES6发布订阅设计模式实现
发布订阅就是将所有事件发到一个池子(数组)中,期间可以增减方法,要使用的时候统一依次执行,参数只能传相同的。期间要解决的问题是数组去重、数组塌陷。let _subsribe = () => { class sub { constructor() { this.pond = [] } add(func) { ...
2020-03-09 10:21:04
507
原创 call方法实现原理以及与apply、bind区别
个人理解: call、apply、bind就像一个方法的中间件,将外部方法注入到调用者身上,再通过调用者进行调用,实现this指针的改变。//call实现原理Function.prototype.myCall = function (ctx) { ctx = ctx || window //ctx 是传入参数a this是外部调用者b return返回的a对象身上b函数的结果值...
2020-03-09 10:06:48
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人