<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[barbiElluck的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/barbiElluck</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; barbiElluck]]></copyright><item><title><![CDATA[react-mobx解析及实现简单计数器]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/118692722</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/118692722</guid><author>barbiElluck</author><pubDate>Tue, 13 Jul 2021 11:19:48 +0800</pubDate><description><![CDATA[一.  mobx解析
mobx背后的哲学其实很简单:
任何源自应用状态的东西都应该自动地获得。
其中包括UI、数据序列化、服务器通讯，等等。

React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。
安装:
cnpm i mobx mobx-react -S

单项数据流:
MobX 支持单向数据流，也就是动作改变状态，而状态的改变会更新所有受影响的视图。


mobx原则
当状态改变时，所有]]></description><category></category></item><item><title><![CDATA[redux解析及实现简单的计数器]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/118399577</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/118399577</guid><author>barbiElluck</author><pubDate>Fri, 02 Jul 2021 00:11:08 +0800</pubDate><description><![CDATA[redux的设计思想很简单，只有两句话
		1.web应用是个状态机，视图和组件是一一对应的。
		2.所有的状态，都保存在对象里面。

一.基本概念和API

图解：redux完美遵循了单向数据流，由视图组件通过dispatch发送一个action，store接收到这个action和传入的state，发送给reducers，reducers匹配对应的state并经过计算，形成新的state并返回给store，store返回给视图组件。
1.1将redux/index创建的组件引入到App.js内

1.2]]></description><category></category></item><item><title><![CDATA[百度地图Api（一看就会系列）]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/118160286</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/118160286</guid><author>barbiElluck</author><pubDate>Wed, 23 Jun 2021 19:51:44 +0800</pubDate><description><![CDATA[百度地图api
前言：最近公司要求我出个百度地图api的技术分享，小编在这里也分享给大家，觉得对大家有帮助的话就点波三连吧！！

一. 引用
百度地图开放平台申请密匙,在项目index.html文件中引入链接，本文使用的是JavaScript API GL版

&lt;script 
	type="text/javascript" 
	src="//api.map.baidu.com/api?type=webgl&amp;v=1.0&amp;ak=密匙"&gt;
&lt;/script&gt;

二. 使用]]></description><category></category></item><item><title><![CDATA[antd-form表单的封装]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/118085007</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/118085007</guid><author>barbiElluck</author><pubDate>Mon, 21 Jun 2021 13:50:51 +0800</pubDate><description><![CDATA[目录
由于一直在做中台业务，后台项目特别多，但是后台项目的特点是：大量的列表和大量表单，重复开发会降低效率，所以我这边总结了一下使用antd组件搭建form的快捷方法。希望能对大家有用。
传统form表单搭建
首先传统搭建一个form表单，那么代码可能会是下面这样子

import React from 'react';
import { Form, Input } from 'antd';
 
@Form.create()
class MyTestForm extends React.Component ]]></description><category></category></item><item><title><![CDATA[快捷实现转换农历]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/117461328</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/117461328</guid><author>barbiElluck</author><pubDate>Wed, 02 Jun 2021 10:28:05 +0800</pubDate><description><![CDATA[首先给大家看下效果图

第一步:新建一个js文件夹,把下列代码cv到文件夹中去.
/**

* @1900-2100区间内的公历、农历互转

* @charset UTF-8

* @Author  jiangjiazhi

* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]

* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore ]]></description><category></category></item><item><title><![CDATA[space-between时尾行排版优化]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/117436811</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/117436811</guid><author>barbiElluck</author><pubDate>Tue, 01 Jun 2021 10:27:03 +0800</pubDate><description><![CDATA[在使用justify-content: space-between;时,经常会遇到下列问题,

		ul {
            width: 500px;
            height: 500px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        li {
            width: 130px;]]></description><category></category></item><item><title><![CDATA[简述flux思想]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/117265902</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/117265902</guid><author>barbiElluck</author><pubDate>Tue, 25 May 2021 22:26:55 +0800</pubDate><description><![CDATA[1.什么是flux
1.Flux的提出主要是针对现有前端MVC框架的局限总结出来的一套基于dispatcher的前端应用架构模式。按照MVC的命名习惯，他应该叫ADSV（Action Dispatcher Store View）。
2.Flux的核心思想就是数据和逻辑永远单向流动

...]]></description><category></category></item><item><title><![CDATA[可视化大屏项目心得]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/116886096</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/116886096</guid><author>barbiElluck</author><pubDate>Tue, 25 May 2021 21:37:19 +0800</pubDate><description><![CDATA[可视化面板介绍
​    应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。
使用echarts
1.使用 echarts 版本: “echarts”: “^4.3.0”
1.在使用echarts时，我会把options单独放在一个js文件里，这样方便管理优化。
2.这样的处理方式也会减少，vue文件的大小，代码看起来相对整洁。
3.这样的处理方式也是实现了组件化。
项目疑难
1.柱状图颜色渐变

seri]]></description><category></category></item><item><title><![CDATA[Js数组的方法合集]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/112117973</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/112117973</guid><author>barbiElluck</author><pubDate>Sat, 02 Jan 2021 20:58:31 +0800</pubDate><description><![CDATA[push()
	格式：数组.push(参数1，参数2....)；
	功能：给数组的末尾加元素。
	返回值：插完元素以后数组的长度。


alert(arr);    运行结果：北京，上海，广州，深圳，天津，成都
alert(res);	   运行结果： 6

pop()
	格式：数组.pop（）
	参数：没有参数
	返回值：取下一个元素
	功能：从数组末尾取下一个元素


alert(res);	   运行结果：广州
alert(arr);    运行结果：北京，上海

shift（）
	返回值：取下的元素]]></description><category></category></item><item><title><![CDATA[什么是递归？？看完这篇就懂了！！]]></title><link>https://blog.youkuaiyun.com/barbiElluck/article/details/111465093</link><guid>https://blog.youkuaiyun.com/barbiElluck/article/details/111465093</guid><author>barbiElluck</author><pubDate>Mon, 21 Dec 2020 00:38:52 +0800</pubDate><description><![CDATA[**函数递归：**如果面试官去问你关于递归的知识，说明面试官对你的要求很高!

			但是去公司的话呢，公司是明文禁止使用递归。
			
可能这两句话听起来有些矛盾，但是跟着小编往下看，我们一起剖析一下这个神秘的函数递归到底是什么

什么是递归？
	递归：
		满足以下三种特点就是递归：
			1.函数自己调用自己
			2.一般情况下有参数
			3.一般情况下有return

【注】递归可以用来解决循环能解决的事情，有一些循环不太容易解决的事，递归也能轻松解决。
			循环和递归
			递归：易于理解.]]></description><category></category></item></channel></rss>