<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Mrs_dai的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Mrs_dai</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Mrs_dai]]></copyright><item><title><![CDATA[vscode快速生成react初始化组件]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/120362682</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/120362682</guid><author>Mrs_dai</author><pubDate>Sat, 18 Sep 2021 10:43:03 +0800</pubDate><description><![CDATA[编辑器vscode应用商店搜索ES7插件安装


rcc快速生成一个react组件

rconst快速生成一个constructor构建函数

如果习惯使用class生命组件的同学最常用的应该是rce快捷键 这更符合我们常规操作
还有好多其他的组件可以在使用的过程中慢慢了解~




...]]></description><category></category></item><item><title><![CDATA[React项目导出excel表格]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/113518944</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/113518944</guid><author>Mrs_dai</author><pubDate>Mon, 01 Feb 2021 15:21:47 +0800</pubDate><description><![CDATA[业务场景：现在常用的后台管理系统数据都以表格的形式展示在页面上，经常需要将表格里面的数据导出对应的表格来实现客户的需求，接下来就从react项目介绍一种前端实现导出excel最简单的方法

安装插件
	yarn add js-export-excel或者npm install js-export-excel
	页面先引入安装的插件
	
import ExportJsonExcel from 'js-export-excel'
	
	代码调用
	
&lt;button className="formBtn s]]></description><category></category></item><item><title><![CDATA[antd Table Pagination组件分页 onShowSizeChange onChange问题]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/113374136</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/113374136</guid><author>Mrs_dai</author><pubDate>Fri, 29 Jan 2021 11:29:05 +0800</pubDate><description><![CDATA[antd分页组件当pagesize发生改变的时候会触发onShowSizeChange的回调，然后会触发onChange的回调，仔细看一下官网上介绍的这俩函数的区别


onChange
			页码改变的回调，参数是改变后的页码以及每页条数
			function(page, pageSize)
		onShowSizeChange
			pageSize变化的回调
			function(current, size)
		




通过官方API可以看出，onShowSizeChange-&gt;f...]]></description><category></category></item><item><title><![CDATA[git配置ssh密钥]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/111151977</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/111151977</guid><author>Mrs_dai</author><pubDate>Mon, 14 Dec 2020 11:01:10 +0800</pubDate><description><![CDATA[在进行配置之前 先检查当前电脑之前是不是已经生成：
任意目录下打开git bash，执行: cd ~/.ssh
如果能进入到.ssh目录，则证明，之前生成过.ssh，可以直接使用；
如果不能进入到.ssh目录，则需要我们进行配置
一、如果之前没有配置过
   1.配置
    git config --global user.name 'XXX'
    git config --global user.email 'XXX@XX.XXX'
   2.生成密钥
   ...]]></description><category></category></item><item><title><![CDATA[react webpack多入口应用项目配置]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/111034620</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/111034620</guid><author>Mrs_dai</author><pubDate>Fri, 11 Dec 2020 16:07:02 +0800</pubDate><description><![CDATA[背景：目前前端主流的框架例如react、vue大多用于进行单页面开发，但是随着项目的不断扩大，如果每做一个项目都搭建一个框架有点过于浪费资源，或者在对公司的老项目进行迭代开发的时候整体架构需要做一些改善（比如很多早期的项目都是原生js或者jq写的 而且还存在还多前后端不分离的项目），在原有的项目上进行增加新的功能也会增加开发成本并且使得项目难以维护。本文章主要讲解在react项目中配置多页面多入口案例。]]></description><category></category></item><item><title><![CDATA[Git修改密码之后git push提示“fatal: Authentication failed for”]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/103959439</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/103959439</guid><author>Mrs_dai</author><pubDate>Mon, 13 Jan 2020 16:01:06 +0800</pubDate><description><![CDATA[命令行输入


git config --system --unset credential.helper


git config --global credential.helper store


然后在执行git push 输入用户名和密码即可
]]></description><category></category></item><item><title><![CDATA[React面试过程中的那些事～]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/103851673</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/103851673</guid><author>Mrs_dai</author><pubDate>Mon, 13 Jan 2020 15:44:14 +0800</pubDate><description><![CDATA[React作为现在前端开发领域的三大框架之一（React，Vue, Angular）广受前端同学的青睐，甚至会有一些刚步入IT行业的小白来说都会直接上手，今天我们就先来聊聊react的那些事～

React的生命周期都有哪些？
	首先我们先来看一下React的整体生命周期图
	Constructor：是ES6对类的默认方法，通过new命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如...]]></description><category></category></item><item><title><![CDATA[react使用proxy解决跨域问题]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/100121369</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/100121369</guid><author>Mrs_dai</author><pubDate>Wed, 28 Aug 2019 16:23:15 +0800</pubDate><description><![CDATA[目前开发的时候都是前后端分离，各自独立进行开发，虽然到最后前端和后端都会部署到同一台服务器上，但是在开发过程中，前端和后端需要进行联调，在这个过程中势必会出现跨域的问题。在写本文章之前我开发过程中遇到的跨域都是直接甩锅给后端，让后端的同学去解决，俗话说大前端小后端（开个玩笑，后端同学不要介意～），我们前端也应该具备解决跨域的能力。接下来就给大家介绍一下我刚才所尝试的前端来解决跨域的问题：

使用r...]]></description><category></category></item><item><title><![CDATA[react基础面试]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/94381040</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/94381040</guid><author>Mrs_dai</author><pubDate>Mon, 01 Jul 2019 14:55:51 +0800</pubDate><description><![CDATA[React中keys的作用是什么？在开发的过程中，我们需要保证某个元素的key在其同级元素中具有唯一性。因此React Diff算法中React会借助元素的key值来判断高元素是新近创建的还是被移动而来的元素，进而减少一些不必要的元素重新渲染，提高性能。此外，React还需要借助key值来判断元素与本地状态的关联关系，因为key值在开发的过程中非常重要。keys是react用于追踪哪些列表中元素被...]]></description><category></category></item><item><title><![CDATA[前端面试题——基础知识]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/88567727</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/88567727</guid><author>Mrs_dai</author><pubDate>Fri, 15 Mar 2019 16:06:24 +0800</pubDate><description><![CDATA[由于前端知识点太多就很复杂，面试的时候有很多面试官又经常问一些偏基础的技术点，故整理此文章来帮助大家更高的应对面试，也以备自己不时之需。

div垂直水平居中的方法
	
1. .parnet {
        position: relative;
        width: 100%;
        height: 200px;
        background: red;
    }...]]></description><category></category></item><item><title><![CDATA[如何在React中配置eslint进行代码检测]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/86712089</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/86712089</guid><author>Mrs_dai</author><pubDate>Thu, 31 Jan 2019 11:03:26 +0800</pubDate><description><![CDATA[首先需要安装依赖包
npm install eslint  --save-dev
	npm install eslint-config-airbnb  --save-dev
	npm install eslint-plugin-import  --save-dev
	npm install eslint-plugin-jsx-a11ly  --save-dev
	npm install eslin...]]></description><category></category></item><item><title><![CDATA[.eslintrc配置文件]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/86712218</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/86712218</guid><author>Mrs_dai</author><pubDate>Thu, 31 Jan 2019 11:02:43 +0800</pubDate><description><![CDATA[
			{

			&quot;parser&quot;: &quot;babel-eslint&quot;,

			&quot;extends&quot;: &quot;airbnb&quot;,

			&quot;rules&quot;: {

			&quot;generator-star-spacing&quot;: [0],

			&quot;consistent-return&quot;: [0],

			&quot;react/forbid-prop-types&quot;: [0],]]></description><category></category></item><item><title><![CDATA[如何正确使用form表单提交]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/86674462</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/86674462</guid><author>Mrs_dai</author><pubDate>Mon, 28 Jan 2019 11:40:08 +0800</pubDate><description><![CDATA[使用form表单提交数据的时候一般情况下我们会直接使用type为submit的按钮直接进行提交数据，但是在提交之前前端有时候需要校验提交的数据是否正确（比如上传的文件格式，用户输入的内容等等）并且监听数据是否上传成功。这个时候我们可以给提交按钮绑定点击事件。
form表单的action属性在页面初始化的时候设置，点击事件中我们可以获取到用户上传的数据进行校验这个还比较容易实现，但是我们如何得知数据...]]></description><category></category></item><item><title><![CDATA[jquery-form.js文件]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/86674433</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/86674433</guid><author>Mrs_dai</author><pubDate>Mon, 28 Jan 2019 11:39:02 +0800</pubDate><description><![CDATA[
/*!
 * jQuery Form Plugin
 * version: 4.2.2
 * Requires jQuery v1.7.2 or later
 * Project repository: https://github.com/jquery-form/form
 * Copyright 2017 Kevin Morris
 * Copyright 2006 M. Alsup
 * ...]]></description><category></category></item><item><title><![CDATA[React生命周期函数的正确使用]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/86668294</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/86668294</guid><author>Mrs_dai</author><pubDate>Sun, 27 Jan 2019 18:40:51 +0800</pubDate><description><![CDATA[当一个页面中存在父子组件时需要注意使用componentWillMount和componentDidMount这两个生命周期函数，如果需要先加载父组件里面数据传递给子组件，然后再加载子组件（获取网络数据）这种情况下我们不能同时在子父组件中都是用componentDidMount来获取数据，因为这个时候会先执行子组件的componentDidMount生命周期函数，但是此时还未得到从父组件传递过来的...]]></description><category></category></item><item><title><![CDATA[初识vue和mongoDB]]></title><link>https://blog.youkuaiyun.com/Mrs_dai/article/details/78709985</link><guid>https://blog.youkuaiyun.com/Mrs_dai/article/details/78709985</guid><author>Mrs_dai</author><pubDate>Mon, 04 Dec 2017 15:09:44 +0800</pubDate><description><![CDATA[1, mondb专业术语  表 行  列这个表列行的概念没找到 
专业术语查看node.js的ppt课件 
      db.foo.find(…).limit(n) 根据条件查找数据并返回指定记录数  
      db.foo.find(…).skip(n)  
      db.foo.find(…).sort(…) 查找排序  
      db.foo.findOne([query]) 根]]></description><category></category></item></channel></rss>