- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 npm 设置淘宝源还原官网源
npm 设置淘宝源// npm 设置淘宝源npm config set registry https://registry.npm.taobao.orgnpm 还原官网源地址npm 还原官网源npm config set registry https://registry.npmjs.org/
2021-07-13 14:08:40
735
原创 git 解决每次拉取仓库都要提示输入用户名密码的问题
假如你有两个用户名不一样的gitee账号, 你其中一个全局设置关联了用户名密码, 而当你想要拉取另一个 账号创建的仓库代码时, 每次都要提示输入用户名密码, 那么你可以执行以下操作在你指定的当前仓库目录下执行命令 git config --global credential.helper store执行完毕后, 会在你电脑 用户里多出一个 .git-credentials 文件. 这个文件里存储了你登录时的认证信息.再次执行 git pull 操作之后, 输入一次 正确的 用户名密码,
2021-07-10 22:33:37
1372
原创 JS正则表达式
文章目录JS正则表达式==编写正则表达式==**正则表达式 由 两部分组成**元字符:量词元字符特殊元字符普通元字符修饰符元字符详解$ 和 ^\ 斜杠x|y 规则[] 规则常用正则表达式验证是否为有效数字验证密码验证真实姓名的验证邮箱的身份证号码两种创建正则表达式的区别正则的捕获方法正则捕获的特点正则捕获的懒惰性正则捕获的贪婪性exec 捕获实现一个 execAll 捕获所有的方法match 方法捕获test方法捕获==replace 方法捕获 很重要==正则表达式之时间字符串格式化? 号在正则中的五大作用
2021-07-10 19:43:36
468
1
原创 js类型判断的几种方法
js类型判断的几种方法/** JS中 判断一个变量类型的几种方式 * 1. typeof 没法区分对象类型. 数组, object * 2. Object.prototype.toString.call() * 3. instanceof * 4. constructor */要说到 JS 类型判断的几种方式, 我们就需要知道 JS 有哪些数据类型# ES5阶段, 数据类型有6 种: string, boolean, number, null, undefined, objec
2021-07-08 13:53:12
304
原创 git add . 报错 The following problems have occurred when adding the files: Pathspec ‘part02
git add . 报错 The following problems have occurred when adding the files: Pathspec 'part02git add 添加文件的时候报这个错, 说明 当前这个文件所在的模块是一个 仓库.这个仓库在外层 git 仓库之内, 所以管理冲突. 会报错.进入到里面这个仓库,删除掉 .git文件夹, 再提交#注意==如果删除了.git文件夹还报这个错, 那说明之前管理这个模块的仓库还有缓存. 进入里面这个 git 仓库,执行删除缓存
2021-07-07 10:55:51
5107
原创 axios下载文件请求, responseType为blob时捕获后端错误问题
axios 下载文件请求, responseType为blob时, 无法捕获后端抛出错误问题 axios({ method: data.method, url: baseUrl + `${data.url}${data.params ? '?' + data.params : ''}`, responseType: 'blob', }).then((res) => { console.log(' res -->>
2021-01-06 10:53:55
1569
原创 css 常用居中布局总结
文章目录主流CSS 布局居中布局水平居中布局常见解决方案第一种方案: inline-block + text-align 配合使用这种实现方案的优缺点第二种方案: table + margin 属性配合使用第二种解决方案的优缺点第三种方案: absolute + transform 属性配合使用第三种解决方案的优缺点垂直居中布局垂直居中布局常见解决方案第一种解决方案: table-cell + vertical-algin 属性配合使用第一种垂直居中布局解决方案优缺点第二种解决方案: absolute +
2020-11-03 23:46:05
439
原创 WebStorm 配置文件注释
WebStorm 配置文件注释打开webstorm 设置, 找到 Live Template 设置添加快捷键模板模板写法/*** @author: ********** @age: 永远18岁的美少年* @Email： *********** @date: $date$* @description: $description$*/
2020-10-30 09:04:29
859
原创 canvas 初识,canvas基本语法练习 -01
文章目录canvascanvas 是什么?如何设置 canvas 的宽高如何获取 canvas 的上下文对象如何用 canvas 画画绘制矩形的方法填充矩形方法描边矩形清理矩形方法绘制路径的步骤绘制直线路径绘制圆弧路径切线圆弧二次贝塞尔曲线三次贝塞尔曲线矩形路径closePath水滴形状的绘制canvas 图形样式图形的着色区域描边区域填充区域图形着色的三种方式纯色渐变纹理影响描边样式的因素总结canvascanvas 是什么?广义来讲: canvas 是 h5 新增的 canvas 2d 绘图
2020-08-26 16:30:53
296
原创 React项目中安装和配置antd流程
文章目录在React 项目中安装和配置 antd 流程安装 antd高级配置react-app-rewired定制主题/主题颜色在React 项目中安装和配置 antd 流程安装 antdyarn add antdnpm i antd使用 antd 的样式这种方式是使用 antd 的全部样式, 比较浪费, 一般我们不这么引入, 一般都是按需引入的方式使用 antd 的样式.@import '~antd/dist/antd.css;高级配置按需加载 antd 的样式react-
2020-08-06 14:17:21
4194
原创 React中reducer的拆分,react redux hooks及redux-thunk中间件使用
文章目录react中 reducer的拆分,react redux hooksreact redux hooksuseSelectoruseStoreuseDispatchredux 中间件 - redux-thunkreact中 reducer的拆分,react redux hookscombineReducers 官网的介绍combineReducers(reducers)复杂数据下 reducer 的拆分,案例代码如下:import {combineReducers} from "r
2020-08-06 14:15:17
530
原创 redux, react-redux 及使用案例演示
文章目录redux 和 react-reduxredux核心概念state 对象action 对象store 对象redux 三大原则react-reduxredux 和 react-redux 案例代码如下redux 和 react-reduxRedux 是一个独立的JavaScript 状态管理库, 并非是 React 内容之一redux中文文档官网redux核心概念理解redux的几个核心概念以及它们之间的关系1. state2. reducer3. store4. actio
2020-08-05 10:24:54
203
原创 React路由 及 React 路由中核心组件
文章目录React 路由前端路由React Router基于 Web 的 React Routerreact-router-dom 的核心组件Router组件Route 组件exact 属性component 属性Route:render 路由组件传参动态路由Link 组件to 属性NavLink 组件activeStyleactiveClassNameisActiveSwitch 组件Redirect 组件withRouter 组件React 路由react-router路由路官网安装: npm
2020-08-03 17:13:51
1750
原创 React函数式组件及React常用hooks
文章目录React函数式组件及常用hooks函数式组件函数式组件简单介绍React hooks(钩子)React hooks的优势常用hook - useState常用hook - useEffect常用hook - useRef常用hook - useMemoHook 使用规则React函数式组件及常用hooks函数式组件函数式组件简单介绍函数式组件: 函数式组件本质就是一个普通函数, 接收一个props参数, 并返回一个 reactElement .函数式组件中没有 this和生
2020-08-03 16:46:54
1890
原创 React受控非受控组件详解,PureComponent介绍,Refs, children属性详解
文章目录React 受控非受控组件 PureComponent受控组件&非受控组件受控组件非受控组件受控组件和非受控组件区别PureComponentPureComponent 问题ref 属性string ref回调Refs主流写法 createRefchildrenchildren 传递标签数据dangerouslySetInnerHTMLReact 受控非受控组件 PureComponent受控组件&非受控组件在 React中, 组件内部主要是通过 props 和 state
2020-07-31 15:03:54
292
原创 React组件间通信方式, React生命周期理解
文章目录ReactReact组件间通信父传子 props子传父 回调跨组件通信 contextReact组件的生命周期React的生命周期演变React 16.3 之前React16.3 之后将来生命周期替代方法生命周期函数作用详解constructor(props)render()static getDerivedStateFromProps(props,state)componentDidMount()getSnapshotBeforeUpdata(prevProps,prevState)compone
2020-07-30 13:59:03
289
原创 React的基本使用,及create-react-app介绍
文章目录React基础语法如何使用ReactReact的基础使用React中的条件渲染React脚手架 create-react-app安装 create-react-app脚手架React中的组件函数式组件类组件StrictMode 模式StrictMode模式的作用StrictMode具体使用setState 更改状态数据的方法props 和stateprops和state的区别React基础语法如何使用ReactReact.js 提供了React.js核心功能的代码, 如: 虚拟 dom的创建
2020-07-29 15:14:46
558
原创 webpack 基础应用学习记录
文章目录webpackwebpack安装webpack使用打包模块入口文件打包命令打包文件分析打包配置 webpack.config.jswebpack的核心配置modeentry 入口output 出口webpack的执行简要流程Loaders 常用loaderraw-loaderfile-loaderurl-loadercss-loaderstyle-loadersass-loaderplugins 插件HtmlWebpackPluginclean-webpack-pluginmini-css-e
2020-07-24 14:59:04
204
原创 Js中的构造函数继承, 原型继承等继承的学习详解
文章目录JS中继承学习和详解1.0 构造函数继承构造函数继承代码演示构造函数继承的原理构造函数继承的缺点2.0 通过原型链继承原型继承代码演示原型继承的原理原型继承的缺点3.0 组合继承组合继承代码演示**组合继承原理:**组合继承的缺点组合继承的优化4.0 Object.create实现继承Object.create继承代码演示Object.create继承原理Object.create继承优点5.0 class 类继承class类继承代码演示总结:JS中继承学习和详解1.0 构造函数继承构造函数继
2020-07-21 11:26:15
1175
原创 nunjucks 模板引擎常用语法学习总结
文章目录nunjucks模板引擎nunjucks模板注释koa-nunjucks-2的使用nunjucks 插值语法nunjucks 的判断语句nunjucks 的循环语句nunjucks内置的过滤器nunjucks 模板继承nunjucks 中的宏标签 macronunjucks 中的includenunjucks 中的 importnunjucks模板引擎nunjucks官网: nunjucks模板注释由于nunjucks 模板, 直接以写html 的方式写的模板文件, 因此他的注释可以直
2020-07-15 13:35:10
2165
原创 pug 模板引擎语法学习和记录
文章目录pug模板引擎简单学习pug模板中注释写法pug模板引擎常用语法缩进语法style 样式的写法行内样式的编写形式script写js的写法div的简写形式转义符号pug中定义变量pug中的循环遍历pug 中的 case when混入模式,宏模式定义一个静态内容定义一个函数语法include语法总结pug模板引擎简单学习pug 模板引擎, 之前也叫 jade模板引擎. 用来做服务端渲染常用的一种模板引擎.pug模板引擎的默认文件头信息.???? 注意: 编写pug模板的时候, 一定要注意,
2020-07-15 09:14:15
1786
原创 node版本管理工具nvm简单介绍和使用
nvm简单介绍和使用工作中, 我们经常会遇到node 版本不一致的问题, 频繁的卸载和切换node版本比较费时费力, 也比较麻烦, 在这里, 我们可以使用 NVM(Node Version Manager) 来管理 Node.js 的版本nvm 是 mac 环境下管理 nodejs 的工具, 在 windows 环境中推荐使用nvmw 或者 nvm-windows , 更推荐使用后者 nvm-windowsnvm-windows 下载地址: 里面点击 Download Now , 下载 n
2020-07-14 16:04:08
217
原创 Git 常用基础命令总结
文章目录git 常用命令总结git 用户名的查看和设置git config 用户名修改命令==git 分支相关====git和 github==本地已有仓库和远程仓库关联关联远程仓库可能遇到的问题远程添加dev分支==分支操作的几个问题==git 仓库相关初始化本地`git`仓库并提交管理git 删除文件git仓库三区对比git 版本回退,版本穿梭,版本撤销总结命令git 常用命令总结问题:如果向远程github 推送代码时, 你的github 每次都提示输入用户名密码, 不能记住你的用户名密码时,
2020-07-10 17:16:30
157
原创 常用 Linux 基础命令
文章目录常用Linux基础命令文件夹/目录操作进入 指定目录命令查看 目录内容命令创建 删除文件夹命令移动 目录文件操作新建文件删除文件系统相关命令系统关机,重启及登出常用Linux基础命令常用Linux 命令安装完git 后, 在电脑右键中有一个 Git Bash Here 打开的一个窗口是一个Linux 命令窗口, 因为安装git 的时候, 会自动安装一个内置的小型Linux命令, 所以该窗口执行的是Linux常用命令.???? 注意: Linux 命令和Windows命令略有不同, 执行命令
2020-07-10 10:37:57
106
原创 JS 字符串常用方法详细总结
文章目录Js 字符串 常用方法总结字符串查找相关方法includes() 方法indexOf() 方法lastIndexOf() 方法charAt() 方法获取或截取字符方法str[] 获取字符substring() 方法slice() 方法去除首尾空字符串方法trim()方法trimStart()/trimLeft() 方法trimEnd() /trimRight() 方法其他相关方法split() 把字符串分割成字符数组方法replace() 方法startsWith() 方法endsWith() 方法
2020-06-18 09:02:53
364
原创 正则元字符详解, 正则匹配, 正则捕获,常见正则表达式
文章目录正则表达式1.0 编写正则表达式1.1 正则表达式由两部分组成1.1.1 元字符1.1.2 修饰符2.0 正则表达式元字符详解2.1 `^和$ 元字符详解2.2 `\` 转义字符详解2.3 `x|y` 理解2.3 `[]`3.0 常用正则表达式练习3.1 验证是否为有效数字3.2 验证密码3.3 验证真实中文姓名的3.4 验证邮箱的正则表达式3.5 身份证号码正则4.0 两种创建正则表达式的区别.5.0 正则表达式的捕获5.1 怎么实现正则捕获5.2 捕获所有匹配结果6.0 正则表达式的分组捕获和
2020-06-02 17:12:17
607
原创 史上最全 JS 数组常用方法总结.
文章目录js数组常用方法总结判断是否为数组:Array.isArray()1.0 数组新增or删除相关方法push() 方法 末尾添加unshift() 方法 开头添加shift() 方法 删除第一项pop() 方法删除最后一项splice() 方法删除某一项 或 替换某一项2.0 数组查找遍历相关方法forEach() 方法find() 方法findIndex() 方法indexOf() 方法includes() 方法map() 方法filter() 方法3.0 其他方法toString() 方法join
2020-06-01 15:40:01
877
原创 最全Vue组件间通信方式总结,Vue组件化
文章目录Vue组件化, 组件间通信方式1.0 父子组件之间通信1.1 父传子1.1.1 `props` 方式传参.1.1.2 自定义函数传参1.2 子传父1.2.1 `ref` 实现: 父组件访问子组件数据1.2.2 `$children`实现: 父组件访问子组件数据1.2.3 `$emit`事件派发与监听2.0 兄弟组件之间的通信2.1 `$emit` 和 `$on` , 通过共同父组件实现兄弟组件通信2.2 `$bus` 事件总线的方式实现兄弟组件通信2.3 通过 PubSub.js 实现任意组件间通
2020-05-27 14:12:52
280
原创 ES6的Class类继承, super关键字用法即注意点
文章目录Class 的继承1.0 简介2.0 Object.getPrototypeOf()3. super 关键字4.0 类的 prototype属性和__proto__属性4.1 实例的 `__proto__` 属性总结:Class 的继承1.0 简介Class 可以通过 extends 关键字实现继承, 这边 ES5通过原型链实现继承, 要清晰和方便很多class Point {}class ColorPoint extends Point {}上面代码定义了一个ColorPo
2020-05-25 15:54:30
496
原创 ES6 的Class的基本语法,静态方法, 实例属性新写法
文章目录Class的基本语法1.0 简介1.1 constructor 方法1.2 类的实例1.3 取值函数(getter)和存值函数(setter)1.4 属性表达式1.5 Class 表达式1.6 注意点2.0 静态方法3.0 实例属性的最新写法4.0 静态属性5.0 私有方法和私有属性6.0 new.target属性总结:Class的基本语法1.0 简介ES6之前, JavaScript 语言中, 生成实例对象的方法是 通过构造函数,下面是一个例子:function Point(x, y
2020-05-25 11:24:55
622
原创 ES2017的async 函数的介绍,await命令使用解释及注意问题
文章目录async 函数1.0 含义2.0 基本用法3.0 语法4.0 await 命令4.1 如何让await后面异步操作失败, 不阻断后续代码执行?4.2 错误处理4.3 await 命令使用注意点5.0 async 函数的实现原理6.0 与其他异步处理方法的比较7.0 实例: 按顺序完成异步操作8.0 顶层 await总结:async 函数1.0 含义ES2017 标准引入了 async 函数，使得异步操作变得更加方便async函数对 Generator 函数的改进，体现在以下四点。
2020-05-22 11:24:44
584
原创 Generator 函数的异步应用大概介绍
文章目录Generator 函数的异步应用1.0 传统方法2.0 基本概念3.0 Generator 函数总结:Generator 函数的异步应用1.0 传统方法ES6 诞生以前, 异步编程的方法, 大概有下面四种.回调函数事件监听发布/订阅Promise对象Generator 函数将 JavaScript 异步编程带入了一个全新的阶段。2.0 基本概念异步所谓"异步"，简单说就是一个任务不是连续完成的，可以理解成该任务被人为分成两段，先执行第一段，然后转而执行其他任务，
2020-05-21 16:54:11
214
原创 Generator函数的语法, yield表达式, next方法理解
文章目录Generator 函数的语法1.0 简介2.0 yield表达式3.0 next 方法的参数4.0 for ... of 循环5.0 Generator.prototype.throw()6.0 Generator.prototype.return()7.0 next(), throw(), return()的共同点8.0 yield* 表达式9.0 作为对象属性的 Generator 函数10.0 Generator 函数的this总结:Generator 函数的语法1.0 简介Gene
2020-05-21 16:12:24
489
原创 Promise对象及相关实例方法介绍
文章目录Promise 对象1.0 Promise 的含义2.0 基本用法3.0 Promise.prototype.then()4.0 Promise.prototype.catch()5.0 Promise.prototype.finally()6.0 Promise.all()7.0 Promise.race()8.0 Promise.resolve()9.0 Promise.rejected()总结:Promise 对象1.0 Promise 的含义Promise 是一步编程的一种解决方案,
2020-05-21 15:38:04
1257
原创 ES6 Reflect 介绍, Reflect 相关方法介绍
文章目录Reflect1.0 概述2.0 静态方法2.1 Reflect.get(target,name,receiver)2.2 Reflect.set(target,name,value,receiver)2.3 Reflect.has(obj,name)2.4 Reflect.deleteProperty(obj,name)2.5 Reflect.construct(target,args)2.6 Reflect.getPrototypeOf(obj)2.7 Reflect.setPrototypeO
2020-05-18 14:15:11
680
原创 ES6 Proxy构造函数拦截器, Proxy实例的常用方法
文章目录Proxy1.0 概述2.0 Proxy 实例的方法2.1 get()2.2 set()2.3 apply()2.4 has()2.5 construct()2.6 deleteProperty()2.7 defineProperty()3.0 Proxy.revocable()4.0 this问题5.0 实例: Web 服务的客户端总结:Proxy1.0 概述Proxy 用于修改某些操作的默认行为, 等同于在语言层面做出修改, 所以书序一种 “元编程”, 即对编程语言进行编程.P
2020-05-15 17:32:45
872
原创 ES6 Set和 Map数据结构, Set 实例方法 Map实例方法说明
文章目录Set 和 Map 数据结构1.0 Set1.1 Set的基本用法1.2 Set 实例的属性和方法1. Set 结构的实例有以下属性2. Set 实例的方法分为两大类2.0 WeakSet3.0 Map3.1 含义和基本用法3.2 Map 实例的属性和操作方法3.3 Map 与其他数据结构的互相转换4.0 WeakMap总结Set 和 Map 数据结构1.0 Set1.1 Set的基本用法ES6 提供了一种新的数据结构 Set. 它类似于数组, 但是成员的值都是唯一的, 没有重复的值
2020-05-15 13:50:41
379
原创 ES6 Symbol函数,消除魔术字符串, Symbol.for和Symbol.keyFor
文章目录Symbol函数1.0 概述2.0 Symbol.prototype.description3.0 作为对象的属性名的 Symbol4.0 Symbol 实现消除魔术字符串5.0 属性名的遍历6.0 Symbol.for(), Symbol.keyFor()总结Symbol函数1.0 概述ES5的对象属性名都是字符串, 这容易造成属性名冲突. 比如你使用了别人提供的对象, 但又想为这个对象添加新的方法.(minxin)模式, 新方法的名字就有可能与现有方法产生冲突. 如果有一种机制, 保证每
2020-05-14 16:41:28
769
原创 ES6对象扩展, 对象链式判断,Object.assign()等方法
文章目录ES6 对象的扩展1.0 属性的简洁表示法2.0 属性名表达式3.0 属性的可枚举性和遍历4.0 super 关键字4.0 对象的解构赋值5.0 对象的扩展运算符6.0 对象的链判断运算符6.1 对象的链判断有三种写法: 一6.2 对象链判断三种写法: 二6.3 对象链判断三种写法: 三6.4对象的链判断符的几个注意点7.0 Null 判断运算符对象的新增方法1. Object.is()2. Object.assign()2.1. Object.assign()的注意点2.2 Object.assi
2020-05-14 14:54:01
1132
pagehelper
2018-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人