<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yangyang_A的博客]]></title><description><![CDATA[我们一起学IT]]></description><link>https://blog.youkuaiyun.com/yangyang_A</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yangyang_A]]></copyright><item><title><![CDATA[npm 设置淘宝源还原官网源]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/118698735</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/118698735</guid><author>yangyang_A</author><pubDate>Tue, 13 Jul 2021 14:08:40 +0800</pubDate><description><![CDATA[npm 设置淘宝源

// npm 设置淘宝源

npm config set registry https://registry.npm.taobao.org


npm 还原官网源地址

npm 还原官网源

npm config set registry https://registry.npmjs.org/



]]></description><category></category></item><item><title><![CDATA[git 解决每次拉取仓库都要提示输入用户名密码的问题]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/118641974</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/118641974</guid><author>yangyang_A</author><pubDate>Sat, 10 Jul 2021 22:33:37 +0800</pubDate><description><![CDATA[假如你有两个用户名不一样的gitee账号, 你其中一个全局设置关联了用户名密码, 而当你想要拉取另一个 账号创建的仓库代码时, 每次都要提示输入用户名密码, 那么你可以执行以下操作


在你指定的当前仓库目录下执行命令 git config --global credential.helper store
执行完毕后, 会在你电脑 用户里多出一个 .git-credentials  文件. 这个文件里存储了你登录时的认证信息.




再次执行 git pull 操作之后, 输入一次 正确的 用户名密码, ]]></description><category></category></item><item><title><![CDATA[JS正则表达式]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/118639624</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/118639624</guid><author>yangyang_A</author><pubDate>Sat, 10 Jul 2021 19:43:36 +0800</pubDate><description><![CDATA[文章目录JS正则表达式==编写正则表达式==**正则表达式 由 两部分组成**元字符:量词元字符特殊元字符普通元字符修饰符元字符详解$ 和 ^\ 斜杠x|y 规则[] 规则常用正则表达式验证是否为有效数字验证密码验证真实姓名的验证邮箱的身份证号码两种创建正则表达式的区别正则的捕获方法正则捕获的特点正则捕获的懒惰性正则捕获的贪婪性exec 捕获实现一个 execAll 捕获所有的方法match 方法捕获test方法捕获==replace 方法捕获 很重要==正则表达式之时间字符串格式化? 号在正则中的五大作用]]></description><category></category></item><item><title><![CDATA[js类型判断的几种方法]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/118571963</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/118571963</guid><author>yangyang_A</author><pubDate>Thu, 08 Jul 2021 13:53:12 +0800</pubDate><description><![CDATA[js类型判断的几种方法

/** JS中 判断一个变量类型的几种方式
 * 1. typeof  没法区分对象类型.  数组, object
 * 2. Object.prototype.toString.call()
 * 3. instanceof
 * 4. constructor
 */




要说到 JS 类型判断的几种方式, 我们就需要知道 JS 有哪些数据类型
# ES5阶段, 数据类型有6 种: string, boolean, number, null, undefined, objec]]></description><category></category></item><item><title><![CDATA[git add . 报错 The following problems have occurred when adding the files: Pathspec ‘part02]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/118542156</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/118542156</guid><author>yangyang_A</author><pubDate>Wed, 07 Jul 2021 10:55:51 +0800</pubDate><description><![CDATA[git add . 报错 The following problems have occurred when adding the files: Pathspec 'part02
git add 添加文件的时候报这个错, 说明 当前这个文件所在的模块是一个 仓库.
这个仓库在外层 git 仓库之内, 所以管理冲突. 会报错.
进入到里面这个仓库,删除掉 .git文件夹, 再提交
#注意
==如果删除了.git文件夹还报这个错, 那说明之前管理这个模块的仓库还有缓存. 进入里面这个 git 仓库,执行删除缓存]]></description><category></category></item><item><title><![CDATA[axios下载文件请求, responseType为blob时捕获后端错误问题]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/112259901</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/112259901</guid><author>yangyang_A</author><pubDate>Wed, 06 Jan 2021 10:53:55 +0800</pubDate><description><![CDATA[axios 下载文件请求, responseType为blob时, 无法捕获后端抛出错误问题
    axios({
        method: data.method,
        url: baseUrl + `${data.url}${data.params ? '?' + data.params : ''}`,
        responseType: 'blob',
    }).then((res) =&gt; {
        console.log(' res --&gt;&gt]]></description><category></category></item><item><title><![CDATA[css 常用居中布局总结]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/109482065</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/109482065</guid><author>yangyang_A</author><pubDate>Tue, 03 Nov 2020 23:46:05 +0800</pubDate><description><![CDATA[文章目录主流CSS 布局居中布局水平居中布局常见解决方案第一种方案: inline-block + text-align 配合使用这种实现方案的优缺点第二种方案: table + margin 属性配合使用第二种解决方案的优缺点第三种方案: absolute + transform 属性配合使用第三种解决方案的优缺点垂直居中布局垂直居中布局常见解决方案第一种解决方案: table-cell + vertical-algin 属性配合使用第一种垂直居中布局解决方案优缺点第二种解决方案: absolute + ]]></description><category></category></item><item><title><![CDATA[WebStorm 配置文件注释]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/109378232</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/109378232</guid><author>yangyang_A</author><pubDate>Fri, 30 Oct 2020 09:04:29 +0800</pubDate><description><![CDATA[WebStorm 配置文件注释

打开webstorm 设置, 找到 Live Template 设置

添加快捷键模板


模板写法
/**
* @author: *********
* @age: 永远18岁的美少年
* @Email： **********
* @date: $date$
* @description: $description$
*/





]]></description><category></category></item><item><title><![CDATA[canvas 初识,canvas基本语法练习 -01]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/108242474</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/108242474</guid><author>yangyang_A</author><pubDate>Wed, 26 Aug 2020 16:30:53 +0800</pubDate><description><![CDATA[文章目录canvascanvas 是什么?如何设置 canvas 的宽高如何获取 canvas 的上下文对象如何用 canvas 画画绘制矩形的方法填充矩形方法描边矩形清理矩形方法绘制路径的步骤绘制直线路径绘制圆弧路径切线圆弧二次贝塞尔曲线三次贝塞尔曲线矩形路径closePath水滴形状的绘制canvas 图形样式图形的着色区域描边区域填充区域图形着色的三种方式纯色渐变纹理影响描边样式的因素总结
canvas
canvas 是什么?


广义来讲:  canvas 是 h5 新增的 canvas 2d 绘图]]></description><category></category></item><item><title><![CDATA[React项目中安装和配置antd流程]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107838333</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107838333</guid><author>yangyang_A</author><pubDate>Thu, 06 Aug 2020 14:17:21 +0800</pubDate><description><![CDATA[文章目录在React 项目中安装和配置 antd 流程安装 antd高级配置react-app-rewired定制主题/主题颜色
在React 项目中安装和配置 antd 流程
安装 antd


yarn add antd
npm i antd

使用 antd 的样式
这种方式是使用 antd 的全部样式, 比较浪费, 一般我们不这么引入, 一般都是按需引入的方式使用 antd 的样式.
@import '~antd/dist/antd.css;

高级配置

按需加载 antd 的样式

react-]]></description><category></category></item><item><title><![CDATA[React中reducer的拆分,react redux hooks及redux-thunk中间件使用]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107838184</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107838184</guid><author>yangyang_A</author><pubDate>Thu, 06 Aug 2020 14:15:17 +0800</pubDate><description><![CDATA[文章目录react中 reducer的拆分,react redux hooksreact redux hooksuseSelectoruseStoreuseDispatchredux 中间件 - redux-thunk
react中 reducer的拆分,react redux hooks

combineReducers 官网的介绍


combineReducers(reducers)
复杂数据下 reducer  的拆分,案例代码如下:
import {combineReducers} from "r]]></description><category></category></item><item><title><![CDATA[redux, react-redux 及使用案例演示]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107808807</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107808807</guid><author>yangyang_A</author><pubDate>Wed, 05 Aug 2020 10:24:54 +0800</pubDate><description><![CDATA[文章目录redux 和 react-reduxredux核心概念state 对象action 对象store 对象redux 三大原则react-reduxredux 和 react-redux 案例代码如下
redux 和 react-redux

Redux 是一个独立的JavaScript 状态管理库, 并非是 React 内容之一
redux中文文档官网

redux核心概念

理解redux的几个核心概念以及它们之间的关系
1. state
2. reducer
3. store
4. actio]]></description><category></category></item><item><title><![CDATA[React路由 及 React 路由中核心组件]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107768621</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107768621</guid><author>yangyang_A</author><pubDate>Mon, 03 Aug 2020 17:13:51 +0800</pubDate><description><![CDATA[文章目录React 路由前端路由React Router基于 Web 的 React Routerreact-router-dom 的核心组件Router组件Route 组件exact 属性component 属性Route:render 路由组件传参动态路由Link 组件to 属性NavLink 组件activeStyleactiveClassNameisActiveSwitch 组件Redirect 组件withRouter 组件
React 路由

react-router路由路官网
安装: npm ]]></description><category></category></item><item><title><![CDATA[React函数式组件及React常用hooks]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107768009</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107768009</guid><author>yangyang_A</author><pubDate>Mon, 03 Aug 2020 16:46:54 +0800</pubDate><description><![CDATA[文章目录React函数式组件及常用hooks函数式组件函数式组件简单介绍React hooks(钩子)React hooks的优势常用hook - useState常用hook - useEffect常用hook - useRef常用hook -  useMemoHook 使用规则
React函数式组件及常用hooks
函数式组件
函数式组件简单介绍



函数式组件:  函数式组件本质就是一个普通函数, 接收一个props参数, 并返回一个 reactElement .


函数式组件中没有 this和生]]></description><category></category></item><item><title><![CDATA[React受控非受控组件详解,PureComponent介绍,Refs, children属性详解]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107713516</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107713516</guid><author>yangyang_A</author><pubDate>Fri, 31 Jul 2020 15:03:54 +0800</pubDate><description><![CDATA[文章目录React 受控非受控组件 PureComponent受控组件&amp;非受控组件受控组件非受控组件受控组件和非受控组件区别PureComponentPureComponent 问题ref 属性string ref回调Refs主流写法 createRefchildrenchildren 传递标签数据dangerouslySetInnerHTML
React 受控非受控组件 PureComponent
受控组件&amp;非受控组件

在 React中, 组件内部主要是通过 props 和 state ]]></description><category></category></item><item><title><![CDATA[React组件间通信方式, React生命周期理解]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107688741</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107688741</guid><author>yangyang_A</author><pubDate>Thu, 30 Jul 2020 13:59:03 +0800</pubDate><description><![CDATA[文章目录ReactReact组件间通信父传子 props子传父 回调跨组件通信 contextReact组件的生命周期React的生命周期演变React 16.3 之前React16.3 之后将来生命周期替代方法生命周期函数作用详解constructor(props)render()static getDerivedStateFromProps(props,state)componentDidMount()getSnapshotBeforeUpdata(prevProps,prevState)compone]]></description><category></category></item><item><title><![CDATA[React的基本使用,及create-react-app介绍]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107664836</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107664836</guid><author>yangyang_A</author><pubDate>Wed, 29 Jul 2020 15:14:46 +0800</pubDate><description><![CDATA[文章目录React基础语法如何使用ReactReact的基础使用React中的条件渲染React脚手架 create-react-app安装 create-react-app脚手架React中的组件函数式组件类组件StrictMode 模式StrictMode模式的作用StrictMode具体使用setState 更改状态数据的方法props 和stateprops和state的区别
React基础语法
如何使用React

React.js 提供了React.js核心功能的代码, 如: 虚拟 dom的创建]]></description><category></category></item><item><title><![CDATA[webpack 基础应用学习记录]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107561313</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107561313</guid><author>yangyang_A</author><pubDate>Fri, 24 Jul 2020 14:59:04 +0800</pubDate><description><![CDATA[文章目录webpackwebpack安装webpack使用打包模块入口文件打包命令打包文件分析打包配置 webpack.config.jswebpack的核心配置modeentry 入口output 出口webpack的执行简要流程Loaders  常用loaderraw-loaderfile-loaderurl-loadercss-loaderstyle-loadersass-loaderplugins   插件HtmlWebpackPluginclean-webpack-pluginmini-css-e]]></description><category></category></item><item><title><![CDATA[Js中的构造函数继承, 原型继承等继承的学习详解]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107484748</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107484748</guid><author>yangyang_A</author><pubDate>Tue, 21 Jul 2020 11:26:15 +0800</pubDate><description><![CDATA[文章目录JS中继承学习和详解1.0 构造函数继承构造函数继承代码演示构造函数继承的原理构造函数继承的缺点2.0 通过原型链继承原型继承代码演示原型继承的原理原型继承的缺点3.0 组合继承组合继承代码演示**组合继承原理:**组合继承的缺点组合继承的优化4.0 Object.create实现继承Object.create继承代码演示Object.create继承原理Object.create继承优点5.0 class 类继承class类继承代码演示总结:
JS中继承学习和详解
1.0 构造函数继承
构造函数继]]></description><category></category></item><item><title><![CDATA[nunjucks 模板引擎常用语法学习总结]]></title><link>https://blog.youkuaiyun.com/yangyang_A/article/details/107358799</link><guid>https://blog.youkuaiyun.com/yangyang_A/article/details/107358799</guid><author>yangyang_A</author><pubDate>Wed, 15 Jul 2020 13:35:10 +0800</pubDate><description><![CDATA[文章目录nunjucks模板引擎nunjucks模板注释koa-nunjucks-2的使用nunjucks 插值语法nunjucks 的判断语句nunjucks 的循环语句nunjucks内置的过滤器nunjucks 模板继承nunjucks 中的宏标签 macronunjucks 中的includenunjucks 中的 import
nunjucks模板引擎

nunjucks官网: 

nunjucks模板注释

由于nunjucks 模板, 直接以写html 的方式写的模板文件, 因此他的注释可以直]]></description><category></category></item></channel></rss>