qq_31444707的博客

原创 解决ESlint，prettierrc，husky遇到的坑，配置完成后pre commit钩子函数没有触发问题

1.看这边文章之前，先给大家看下我这边这几个包的版本吧注意看下husky这个版本，husky新版本和旧版本的用法是不一样的，husky（6.0.0）已经做了破坏性的变更，之前的设置方式已经失效了，所以才有可能导致你在commit的时候没有生效。这是导致我出现问题的根本原因，解决办法呢也很简单，在package.json中的script脚本中加入这句然后运行下npm run prepare这个命令，该命令会在src同级目录下创建.husky/目录并指定该目录为git hooks所在的目录。

原创 Linux备忘手册

原创 Antd Select 设置Value之后 Placeholder不显示问题

<Select style={{ width: 200 }} placeholder="请选择配置模板" showSearch value={selectVal} // 关键在于这个value的值初始值要设置成undefined才可以显示 onChange={selectChange} optionLabelProp="label" // dropdownRender={(menu...

原创 React Hook UseContext 使用方法（开发使用方法）

在React 16.4 以后呢相信大家也都开始使用Hook编程，快组件通讯呢也有使用到了Context这个API，但是很多小伙伴对于Context使用呢还是不是很熟悉，接下来我就把我开发中怎样使用Context的方法给大家。1.首先我们在所需要的共享的数据文件夹下新建一个xxxContext(如：dataContext.js)import React from 'react'export const EditableContext = React.createContext(null);..

原创 数组方法简单总结

数组方法--------------------------------------------------------------------------------Array.from(v) : 将伪数组对象或可遍历对象转换为真数组Array.of(v1, v2, v3) : 将一系列值转换成数组find(function(item, index, arr){return true}) : 找出第一个满足条件返回true的元素findIndex(function(item, index, ar

原创 项目中有时候为什么加载不出来图片

1.这个问题导致的原因其实和你的webpack中的配置有关系 在webpack中我们导出模块都是使用的module.exports 的方式导出的，没错看到这里你们肯定就联想到了AMD和CMD以及CommonJS这部分，使用require加载图片之后我们的图片地址就会变成一个[object Module],这才导致图片地址失效的问题，解决这个办法就是这时我们需要在webpack.config.js里面配置下，找到图片配置的地方,将esModule修改成false就可以了*注：require.js..

原创 Linux命令，学习，持续

原创 react 加载预览pdf 方法总结，全面分析，pdfjs.GlobalWorkerOptions.workerSrc！！！

公司最近需要加一个pdf预览功能，但是远程镜像资源服务器那边不能放开所有ip访问，所以我们不能用正常思维去写这个组件，不多说上代码：1.使用react-pdf插件import{Document,Page,pdfjs}from'react-pdf';//在你想展示的地方放这个进去 <Document file={yourpdfUrl} onLoadSuccess={this.onDocumentLoadSuc...

原创 jenkins思路图

原创 antd Tree树形结构可编辑，动态修改cell背景色的复杂表格心得

最近由于业务要写了个比较复杂的表格，该表格的功能就是，有三层嵌套结构，可以动态改变指定值的背景色写这个的时候真的是一头雾水，不知道该从哪下手，说下写这个的时候的难点在于，一定要和后端商量好数据结构是怎样的，例如虽然我们这是三层嵌套，但我只需要后端嵌套到第二层就好了，剩下的最后一层自己嵌一套就好了，另外因为与客户交互的过程这个在定义数据表格的时候一定要和后端说好，每条数据都要有自己的id，子id和父id要关联起来，另外在子项当中需要包含其父层的id，为的是在编辑的时候方便往上找到编辑数据的最顶层，...

原创 解决Mac OS使用npm Error安装依赖报错问题permission denied, mkdir...

网上找了很多，但是都挺麻烦的,在npm官网中又给出解决方案，打开终端，在终端中输入：sudo npm install -g node-gyp@latestsudo npm explore -g npm -- npm i node-gyp@latest。如果执行完这写，再去安装依赖报错的话，建议卸载了重新安装一遍吧...

原创 antd Table设置scroll.x，当没有数据时表头显示不全，且没有滚动条

这个问题先看下你的style样式中看看有没有全局样式覆盖了antd-table的样式，一般出现这个问题就是吧antd-table原有的样式覆盖了，所以看下你的全剧样式，这可是一个谨慎操作。

原创 说下百度面试过程中的问题，希望对你们有所帮助

路由懒加载原理，jsonp原理，路由模式原理，节流防抖，node文件读取，express，http状态码，开发用到哪些nide模块，ts泛型，高阶函数原理，promise各种状态和方法的区别，git 主要是分支问题，ES6，Wepack自定义loader和plugin，css3...

原创 Demo Utils

export default class Utils { static IMG_LOAD_FINISH = "img_load_finish"; constructor() { }staticce(type,style,data,prop){ let elem = document.createElement(type); if (style) Object.assign(elem.style, style); if (dat...

原创 正则验证完整域名

letrUrl=/^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\...

原创 transform，transition，animation的理解

1.transaction是transform的一个属性，他是控制距离顶部和左边的距离，另外transform还有skew（x，y）属性扭曲变形，rotate（x，y），scale() 放大或缩小，根据给定的宽度（X 轴）和高度（Y 轴）参数： scale(2,4)2.transition是依据改变某个属性值来修改改变过程中的状态，transition:width2s;意思就是当width改变的时需要两秒的过度时间，transition的属性还有（1）执行变换的属性：transition-pro..

原创 REACT 全局token获取不是最新的问题

大萨达奥所多撒群

原创 Vue组件传值那点事

原创 Vue的学习笔记

1、目标： 1、了解组件 2、vue-resource 3、axios 4、路由 5、vuex**********************************************************views:页面。同时也是你的一个组件。路由相关的组件components:普通组件。************************style: 1、放到style标签当中 2、通过import引入样式（引入外...

原创 Linux远程服务器上部署MySQL

简书地址：https://www.jianshu.com/p/bfa769b5cc9e1.1所需软件登录远程服务器工具：Xshell文件传输工具：Xftp1.2 关闭服务器防火墙运行命令关闭防火墙 ：systemctl stop firewalld.service；运行命令关闭防火墙开机自启动：systemctl disable firewalld.service；1.3 安装vim 和 unzip ：yum install -y vim unzip；开启Linux服务...

原创 window配置Nginx的坑

1.配置路径http{server{ listen 3018; server_name localhost; location / { root C:/build; index index.html index.htm; }}}2.配置反向代理问题（1）配置一个代理好说 location /api/ { proxy_pass ip:3000; }(2)配置多个代...

原创 关于react.hook的Invalid hook call Hooks can only be called inside of the body of a function component问题

错误：Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking th

原创 js正则reg（）

1. Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$2. 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?3. InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$4. 手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6

原创 粘包，闭包，心跳测试

在客户端与服务端进行交互的时候理解长连接和短连接粘包，闭包，心跳测试心跳测试指的就是客户端每隔一段时间就像服务端发送一个数据，确保他们之间的通信还在继续进行闭包：function f1(){　　　　var n=999;　　　　function f2(){　　　　　　alert(n); // 999　　　　}　　}3、闭包的概念上面代码中的f2函数，就是闭包。我的理解是: 闭包就是能够读取其他函数内部变量的函数。由于在javascript中，只有函数内部的子

原创 Linux远程服务器上部署MySQL

1.1所需软件登录远程服务器工具：Xshell文件传输工具：Xftp1.2 关闭服务器防火墙运行命令关闭防火墙 ：systemctl stop firewalld.service；运行命令关闭防火墙开机自启动：systemctl disable firewalld.service；1.3 安装vim 和 unzip ：yum install -y vim unzip；开启Linux服务器 的3306端口3.编译安装MySQL3.1运行命令检查系统中是否存在MyS...

原创 node连接数据库的各种问题

1.首先要保证安装好了mysql和node查看方法mysql-v，node-v2.安装好这两个之后打开cmd进入你的项目目录下（cd命令），执行npm install mysql --save3.安装好数据库依赖之新建一个server.js文件用来测试4.如果在运行过程中有个3306的错误说明你的mysql服务没有起来解决办法：windows+r输入cmd命令：net start mysql如果出现服务器不来那就手动打开任务管理器切换到服务，在服务里面有个mysql的服务让他启动；

原创 CentOS 下yum安装mysql、jdk和tomcat的方法

0. 创建个人文件夹# 使用 yum 安装tomcat 和 mysql# 创建文件夹cd/usr/localmkdirhehe1. 安装rzsz# 1. 安装rzszyum list lrzsz*yum installlrzsz -y2. 安装JDK，path之类的已经自动设置好了# 2. 安装JDKyum list java*yum installjava-1.7.0-openjdk* -y3. 安装mysql# 3. 安装mysqlyum.

原创 js路上的坑

容易犯的错误原因认为是split()使用排除法：split分割字符串；reverse反转数组；join将数组转成字符串trim() 去除字符串两端空格return 只能在函数内部使用在循环中也是使用，setInterval(fn1,1000) 只会调用一次 fn1var str = "hello world";console.log( str. substring(2,7) )输出llo wif(!this._num&&this._num!==0)return thi..

原创 宝塔面板安装WebStack-Laravel ---最正确的安装方法

相信你们看其他网站的时候，安装过程有很多错误吧，我也踩了很多的坑，现在我就总结一下一下最重要的几条吧。为了方便流程还是走一下吧。一：准备测试环境：CentOS7.6+宝塔6.9.8+Nginx1.15+MySql5.6+PHP7.2 + phpMyAdmin 4.7域名绑定：需要解析一个域名到你的服务器IP。github：https://github.com/hu...