_致远-CSDN博客

原创 react-mobx解析及实现简单计数器

一. mobx解析mobx背后的哲学其实很简单:任何源自应用状态的东西都应该自动地获得。其中包括UI、数据序列化、服务器通讯，等等。React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。安装:cnpm i mobx mobx-react -S单项数据流:MobX 支持单向数据流，也就是动作改变状态，而状态的改变会更新所有受影响的视图。mobx原则当状态改变时，所有

2021-07-13 11:19:48 72123

原创 redux解析及实现简单的计数器

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

2021-07-02 00:11:08 3653

原创百度地图Api（一看就会系列）

百度地图api前言：最近公司要求我出个百度地图api的技术分享，小编在这里也分享给大家，觉得对大家有帮助的话就点波三连吧！！一. 引用百度地图开放平台申请密匙,在项目index.html文件中引入链接，本文使用的是JavaScript API GL版<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=密匙"></script>二. 使用

2021-06-23 19:51:44 2171

转载 antd-form表单的封装

目录由于一直在做中台业务，后台项目特别多，但是后台项目的特点是：大量的列表和大量表单，重复开发会降低效率，所以我这边总结了一下使用antd组件搭建form的快捷方法。希望能对大家有用。传统form表单搭建首先传统搭建一个form表单，那么代码可能会是下面这样子import React from 'react';import { Form, Input } from 'antd'; @Form.create()class MyTestForm extends React.Component

2021-06-21 13:50:51 2508

原创快捷实现转换农历

首先给大家看下效果图第一步:新建一个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

2021-06-02 10:28:05 1585 2

原创 space-between时尾行排版优化

在使用justify-content: space-between;时,经常会遇到下列问题, ul { width: 500px; height: 500px; display: flex; justify-content: space-between; flex-wrap: wrap; } li { width: 130px;

2021-06-01 10:27:03 928

原创简述flux思想

1.什么是flux1.Flux的提出主要是针对现有前端MVC框架的局限总结出来的一套基于dispatcher的前端应用架构模式。按照MVC的命名习惯，他应该叫ADSV（Action Dispatcher Store View）。2.Flux的核心思想就是数据和逻辑永远单向流动...

2021-05-25 22:26:55 2292 7

原创可视化大屏项目心得

可视化面板介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。使用echarts1.使用 echarts 版本: “echarts”: “^4.3.0”1.在使用echarts时，我会把options单独放在一个js文件里，这样方便管理优化。2.这样的处理方式也会减少，vue文件的大小，代码看起来相对整洁。3.这样的处理方式也是实现了组件化。项目疑难1.柱状图颜色渐变seri

2021-05-25 21:37:19 41348 3

原创 Js数组的方法合集

push() 格式：数组.push(参数1，参数2....)；功能：给数组的末尾加元素。返回值：插完元素以后数组的长度。alert(arr); 运行结果：北京，上海，广州，深圳，天津，成都alert(res); 运行结果： 6pop() 格式：数组.pop（）参数：没有参数返回值：取下一个元素功能：从数组末尾取下一个元素alert(res); 运行结果：广州alert(arr); 运行结果：北京，上海shift（）返回值：取下的元素

2021-01-02 20:58:31 957

原创什么是递归？？看完这篇就懂了！！

**函数递归：**如果面试官去问你关于递归的知识，说明面试官对你的要求很高! 但是去公司的话呢，公司是明文禁止使用递归。可能这两句话听起来有些矛盾，但是跟着小编往下看，我们一起剖析一下这个神秘的函数递归到底是什么什么是递归？递归：满足以下三种特点就是递归： 1.函数自己调用自己 2.一般情况下有参数 3.一般情况下有return【注】递归可以用来解决循环能解决的事情，有一些循环不太容易解决的事，递归也能轻松解决。循环和递归递归：易于理解.

2020-12-21 00:38:52 4137

barbiElluck的博客