- 博客(47)
- 收藏
- 关注
RSS订阅原创 use-context-selector
import { ComponentType, Context as ContextOrig, FC, MutableRefObject, Provider, createElement, createContext as createContextOrig, useContext as useContextOrig, useEffect, useLayoutEffect, useReducer, useRef,
2021-06-28 20:23:03
455
原创 [NodeJs] fs
回调的参数取决于具体方法，但第一个参数始终预留用于异常。如果操作成功完成，则第一个参数将为null或undefined。const fs = require('fs');fs.stat('open/test', (error, stats) => { if (error) throw error; console.error(`文件属性：${stats}`...
2020-03-07 14:13:02
190
原创 [NodeJs] EventEmitter
所有能触发事件的对象都是EventEmitter的实例import { EventEmitter } from 'events';const myEventEmitter = new EventEmitter();1.emit触发事件时，允许参数为函数const proxyEventEmitter = new Proxy(myEventEmitter, { get: f...
2020-02-21 11:31:32
218
原创 Nginx配置文件说明
Nginx的全局配置代码如下：user nobody nobody;worker_processes 2;error_log logs/error.log notice;pid logs/nginx.pid;worker_rlimit_nofile 65535; events{ use epoll; worker_connections ...
2019-06-17 11:30:29
168
原创 批量删除git 本地分支、tag
批量删除本地分支git branch -a | grep -E 't/xuwei/*' | xargs git branch -D批量删除本地taggit tag | xargs -I {} git tag -d {}用到命令说明| 管道-E 使用正则表达式xargs 将前面的值作为参数传入 git branch -D 后面-I {} 使用占位符 来构造 后面的命令...
2019-06-14 09:36:07
1090
原创 CSS 行内元素hover时阴影高度不够的问题
像 a，span这样的行内标签，其元素本身的大小是由元素内的内容大小决定的。假设 <span>hahahha</span>，span标签的大小，是由其hahaha文字大小决定的，其使用者不能修改span标签的大小。这样就会造成一个问题：即horver时，给span标签加阴影，但是span标签的高度不够高。如何解决这样的问题呐？其实我们只要能修改span标签的宽高...
2019-04-23 16:17:47
827
1
原创 CSS 浮动-包裹
当块级元素设置浮动，且该块级元素没有设置宽高时，那么浮动之后，块级元素的宽高由其子元素的宽高决定。表现出的行为，类似包裹。<style>.container{ border: 1px solid green; padding: 30px; background-color: green; background-clip: content...
2019-04-23 11:24:33
339
原创 CSS 清除浮动
<style type="text/css"> .box1{ width: 200px; border: 2px solid #0f0; } .box1 .child-1{ height: 100px; width: 100px; background: #fd0; } ...
2019-04-23 10:49:46
328
原创 git worktree
快速上手git worktree add -b <新分支名> <新路径> <从此分支创建>例如，你正在某个 feature 分支开发，希望从 master 分出一个分支来解决某个紧急的 BUG：git worktree add -b t/temp/bugfix …/temp master...
2019-04-22 10:00:10
857
原创 react + redux入门
Redux状态管理器用于多个控件之间数据共享单向数据流基本使用reducer使用注意事项返回的必须是一个全新的json对象getState使用注意点getState的值不会自动改变，所以执行完dispatch之后，要获取最新值要再次调用getStatesubscribegetState的缺点:当项目比较大的时候，很难知道数据更新了，需要去重新获取最新数...
2019-04-14 10:38:13
124
原创 react-router 入门
能够通过不同的地址，展现不同的组件 安装npm i react-router-dom -D会自动安装react-router例子：router使用route link使用Route 相当于定义变量， Link就像个if一样去匹配已定义的Route。称为路由表exact 精确匹配...
2019-04-13 18:09:36
151
原创 React+Wabpack dev-server
在这篇文章的基础上，只需要五步即可1.安装相关文件npm i webpack webpack-cli webpack-dev-server -Dnpm i html-webpack-plugin -Ddev-server依赖webpack进行编译plugin是帮助index.html引用相应编译后的js文件，而不是像之前写死的boundle.js2.修改package.js文...
2019-04-09 08:14:01
832
原创 React+Wabpack代码质量管理
在这篇文章的基础上，只需要三步即可1.安装相关文件npm i eslint eslint-loader eslint-plugin-react -D2.生成eslint配置文件node node_modules/eslint/bin/eslint --init安装完毕之后，会在node_modules相应目录下生成eslint文件，我们需要调用其中的init命令会询问你要如何...
2019-04-09 07:46:13
158
原创 Reract+Webpack 编译JSX文件
为啥要使用webpackReact的语法是JSX，浏览器并不认识，所以直接引用React写的js文件会报错。webpack的作用就是将JSX(但不仅限于jsx)编译为浏览器认识的js语法。初始化项目初始化npm init -y安装webpacknpm i webpack webpack-cli -D安装Reactnpm i react react-dom -...
2019-04-09 00:36:49
2353
原创 React+Webpack css语法检测
在这篇文章的基础上，只需要三步即可1.安装相关文件npm i stylelint stylelint-webpack-plugin stylelint-config-standard -Dstylelint-config-standard 预定义的css语法规则stylelint-webpack-plugin webpack适配stylelint的插件2.修改package.js...
2019-04-09 00:33:38
290
原创 React+Webpack css语法兼容处理
在这篇文章的基础上，只需要三步即可1.安装相关文件npm i postcss-loader autoprefixer -Dpostcss-loader 可以给css加各种前缀autoprefixer 内部携带兼容表，用来指导postcss-loader给css样式添加哪种前缀2.修改package.js文件给postcss-loader指导，兼容哪些浏览器> 0.5...
2019-04-09 00:31:54
711
原创 React+Wabpack 编译图片资源
在这篇文章的基础上，只需要两步即可1.安装图片 loader相关文件npm i url-loader file-loader -Durl-loader依赖于file-loader2.修改webpack.config.js文件limit 大于10k的图片会被输出到build/images/小于10k的会被直接打包到js文件中...
2019-04-08 23:32:00
185
原创 React+Wabpack 编译css文件
在这篇文章的基础上，只需要两步即可1.安装css loader相关文件npm i style-loader css-loader -D2.修改webpack.config.js文件
2019-04-08 23:22:41
259
原创 React+Webpack基本文件结构
build 存放编译生成后的文件config 存在配置文件public 存放一些不会打包到文件中的静态资源，比如用户的头像等srcassert 存放会一起打包打出去的静态资源，比如图标等components 存放定义的组建pages 存放定义的页面store 存放redux定义的一些数据App.js 内容输出给index.js使用index.js html引用的入口...
2019-04-08 23:06:16
164
原创 React入门
React中单标签必须闭合render函数最顶层只能有一个容器type = text/babel编写组件组件必须有render方法自定义组件名称必须大写开头模版 {}属性和方法调用添加this， {this.name} {this.func()}return 用 () 包起来，因为换行的原因组件传参行内style样式要以json形式传递render(){ retu...
2019-04-07 18:49:42
135
原创 webpack loader
接着上一篇文章，我们继续充实webpack本片文章将说明如何使用webpack打包css文件Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader第一步：下载依赖的库cnpm install css-loader st...
2019-04-04 13:18:40
113
原创 webpack入门
安装node环境webpack本身就是使用node.js写的同时我们安装完node环境的同时也安装完成npm安装cnpm因为npm拉取的镜像是国外的比较慢，所以我们统一使用cnpm$ npm install -g cnpm --registry=https://registry.npm.taobao.org安装webpackcnpm install -g webpack cnpm...
2019-04-04 10:47:19
126
原创 babel编译
文章目录package.json文件初始化下载依赖包修改package.json文件添加 .babelrc文件执行package.json文件初始化npm init -y下载依赖包npm i @babel/core @babel/cli @babel/preset-envcore babel 核心模块cli 与命令终端解析相关preset-env 定义ES6->ES5...
2019-04-01 19:25:12
567
原创 CSS样式
label {} 标签选择器.classname {} 类名选择器#id {} id选择器label.classname {} 特定class的标签xx xx {} 后代选择器a:link 伪类选择器
2019-04-01 08:13:20
99
原创 npm修改为淘宝镜像
修改配置文件这样以后所有的下载都是使用淘宝镜像了npm config set registry http://registry.npm.taobao.org修改终端只针对此次下载npm install package --registry https://registry.npm.taobao.org...
2019-03-30 07:50:44
2825
原创 百度网盘不限速下载器
百度网盘不限速下载器 2018年4月19日更新这是一款通过算法来提速的高速下载器，支持Windows和Mac。使用方法安装高速下载器客户端和浏览器插件打开百度网盘点击高速下载即可安装说明本软件需要安装浏览器插件和客户端下载地址微云：https://share.weiyun.com/2d1d66fb70779a7ee6938c102f25798f 密码：7vtB9P浏览器...
2019-03-29 10:10:54
2110
原创 Javascript权威指南高清版第六版（中文版）.pdf
仅供学习链接: https://pan.baidu.com/s/1Gf58HMDCGpcbmX214jsixg提取码: mxvk文件格式 pdf
2019-03-29 07:52:47
15658
10
原创 MAC软件安装记录
1.安装brewbrew是MAC OS上的软件包管理工具，能在Mac中方便的安装软件和卸载软件。brew是通过Ruby安装的，而Mac默认安装了Ruby具体的安装，使用方法去官网查看吧 https://brew.sh/用户目录下的.zshrc为其配置文件，可设置取消自动更新等操作2.安装node环境可直接使用 brew命令行安装 brew install node3.安装np...
2019-03-27 22:55:30
996
原创 4.[Docker学习]Docker的安装
文章目录Window10安装CentOS安装Window10安装1.现在 Docker 有专门的 Win10 专业版系统的安装包，需要开启Hyper-V。2.安装 Toolbox最新版 Toolbox 下载地址： https://www.docker.com/get-docker点击 Get Docker Community Edition，并下载 Windows ...
2019-03-27 19:38:09
103
原创 3.[Docker学习]Docker的基本架构
文章目录基本组成三大基本组成基本组成Client：命令行终端，类型为windows系统下的CMD命令行DOCKER_HOST：宿主主机系统，可以理解为Windows系统Docker_daemon：后台守护进程，负责接收命令行，同时对容器和镜像进行管理Containers：容器，一个镜像运行实例后，即一个容器，各容器之间相互独立。Images：镜像，应用和运行环境的整体打包Regi...
2019-03-27 17:41:12
116
原创 2.[Docker学习] Docker是什么，为了解决什么问题
文章目录Docker是什么解决了什么为题Docker是什么官网 https://www.docker.com/基于Go语言开发是全球领先的软件容器平台理念 Build，Ship and Run Any App，Anywhere解决了什么为题开发人员利用 Docker 可以消除协作编码时“在我的机器上可正常工作”的问题。运维人员利用 Docker 可以在隔离容器中并行运行和管...
2019-03-27 17:28:58
568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人