目标前端大佬-CSDN博客

原创 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 19217 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 19402

原创 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 19162

原创 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 128

原创安装node-sass报错，提示node-gyp -v 与node版本不符合解决办法

cnpm install --save-dev gulp-sass如若不行管理员运行全局安装cnpm install -g gulp-sass

2021-04-28 10:45:51 7336 1

原创个人遇坑全面整理！npm install 报错没有匹配版本：npm ERR! code ETARGET npm ERR! notarget No matching version found for

一、查看模块的注册信息二、清理缓存三、删除package-lock.json

2021-04-27 13:07:28 115844 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 883

原创 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 446

原创 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 254

原创 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 1055

原创 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 254

原创 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 21493 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 4796 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 4280

原创 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 853 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 895

原创 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 1986

原创配置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 3488

原创 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 383

原创 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 191

原创 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 477 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 301

原创 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 2165

原创 node 控制台中文乱码

"start": "nodemon main.js"改成"start": "chcp 65001 && nodemon main.js"

2020-04-23 16:44:31 18971 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 465

原创 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 576 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 85

转载浏览器与服务器交互

来源于孤傲苍狼博客内容浏览器与服务器交互图当我们打开浏览器，在浏览器的地址栏中输入URL地址"http://www.gacl.cn:8080/JavaWebDemo1/1.jsp"去访问服务器上的1.jsp这个web资源的过程中，浏览器和服务器都做了神马操作呢，我们是怎么在浏览器里面看到1.jsp这个web资源里面的内容的呢？浏览器和服务器做了以下几个操作：1、浏览器根据主机名"www....

2020-04-03 09:57:09 638

原创 ES6发布订阅设计模式实现

发布订阅就是将所有事件发到一个池子（数组）中，期间可以增减方法，要使用的时候统一依次执行，参数只能传相同的。期间要解决的问题是数组去重、数组塌陷。let _subsribe = () => { class sub { constructor() { this.pond = [] } add(func) { ...

2020-03-09 10:21:04 492

原创 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 186

目标前端大佬