- 博客(31)
- 收藏
- 关注
RSS订阅原创 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
19490
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
19593
原创 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
19333
原创 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
182
原创 安装node-sass报错，提示node-gyp -v 与node版本不符合解决办法
cnpm install --save-dev gulp-sass如若不行管理员运行全局安装cnpm install -g gulp-sass
2021-04-28 10:45:51
8062
1
原创 个人遇坑全面整理！npm install 报错没有匹配版本：npm ERR! code ETARGET npm ERR! notarget No matching version found for
一、查看模块的注册信息 二、清理缓存 三、删除package-lock.json
2021-04-27 13:07:28
123131
7
原创 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
958
原创 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
536
原创 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
343
原创 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
1170
原创 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
313
原创 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
21773
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
4982
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
4396
原创 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
948
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
967
原创 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
2184
原创 配置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
3738
原创 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
446
原创 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
244
原创 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
522
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
351
原创 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
2643
原创 node 控制台中文乱码
"start": "nodemon main.js"改成"start": "chcp 65001 && nodemon main.js"
2020-04-23 16:44:31
19092
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
511
原创 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
618
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
107
转载 浏览器与服务器交互
来源于孤傲苍狼博客内容浏览器与服务器交互图当我们打开浏览器，在浏览器的地址栏中输入URL地址"http://www.gacl.cn:8080/JavaWebDemo1/1.jsp"去访问服务器上的1.jsp这个web资源的过程中，浏览器和服务器都做了神马操作呢，我们是怎么在浏览器里面看到1.jsp这个web资源里面的内容的呢？浏览器和服务器做了以下几个操作：1、浏览器根据主机名"www....
2020-04-03 09:57:09
705
原创 ES6发布订阅设计模式实现
发布订阅就是将所有事件发到一个池子（数组）中，期间可以增减方法，要使用的时候统一依次执行，参数只能传相同的。期间要解决的问题是数组去重、数组塌陷。let _subsribe = () => { class sub { constructor() { this.pond = [] } add(func) { ...
2020-03-09 10:21:04
554
原创 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
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人