SkioFox Blog

Redux

Redux数据管理

Redux流程图 redux中的角色 Store:存储状态，访问状态，提交状态更新，监听状态变更 Reducer:状态更新的执行者，是纯函数 Action:存放数据的对象，消息的载体，只能被别人操作，自己不能进行任何操作 redux的基本使用创建store和reducer // store.js // 引入createStore函数 ...

Posted by SkioFox on December 3, 2018

react-router

react-router-dom 特点：路由也是组件分布式配置包含式匹配路由的基本用法 // RouterSample.js import React, { Component } from "react"; import { BrowserRouter, Link, Route, Switch, Redirect } from "...

Posted by SkioFox on November 20, 2018

Ant Design表单实现

ant design 表单 import React from 'react'; import { Form, Icon, Input, Button } from "antd"; function hasErrors(fieldsError) { return Object.keys(fieldsError).some(field => fieldsError[field])...

Posted by SkioFox on November 13, 2018

React组件化和原理

React组件化额原理

React组件化容器组件和展示组件基本原则：容器组件负责数据获取，展示组件负责根据props显示信息优点数据和视图分离,分工明确重用性高更高的可用性易于测试 // React.demo PureComponent import React, { Component, PureComponent } from "...

Posted by SkioFox on October 23, 2018

react 生命周期

React 生命周期(v16.4) React v16.4 的生命周期 React v16.4 的生命周期变更缘由原来（React v16.0前）的生命周期在React v16推出的Fiber之后就不合适了，因为如果要开启async rendering，在render函数之前的所有函数，都有可能被执行多次。原来（React v16.0前）的生命周期有哪些是在ren...

Posted by SkioFox on September 15, 2018

react 基础

react 基本使用和API

react 组件 class 组件 React 的世界里一切皆是组件，我们使用class语法构建一个最基本的组件，组件的使用方式和HTML相同，组件的render函数返回页面渲染的一个JSX，然后使用ReactDom渲染到页面里 class App extends React.Component { render() { ...

Posted by SkioFox on August 5, 2018

vue基本原理

vue原理学习和解读

vue的基本原理解读 vue底层原理关系图 vue运行流程在new Vue() 之后，vue会调用进行初始化, 初始化生命周期、事件、props、methods、data、computed、watch等等。核心是通过Object.defineProperty设置getter、setter, 用来实现响应式和依赖收集。 $mount用于挂载组件编译模块分...

Posted by SkioFox on July 4, 2018

JS中的数据结构与算法

二叉树层序遍历二叉树结构 // 先建立一棵二叉树 function Tree() { // 定义树结点 var Node = function(element) { this.element = element; this.left =...

Posted by SkioFox on June 26, 2018

数据结构与算法

数据结构与算法总结

数据结构类型数据结构分类数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成（说白了就是组织数据的方式）。常用的数据结构有：数组，栈，链表，队列，树，图，堆，散列表等，如图所示：每一种数据结构都有着独特的数据存储方式。四大常用结构 ...

Posted by SkioFox on May 26, 2018

Nginx配置和反响代理

nginx安装(centos 7) 最近无意间发现Nginx官方提供了Yum源。因此写个文章记录下。添加源默认情况Centos7中无Nginx的源，最近发现Nginx官网提供了Centos的源地址。因此可以如下执行命令添加源： sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-releas...

Posted by SkioFox on May 25, 2018

SkioFox Blog

Redux

Redux数据管理

react-router

react-router

Ant Design表单实现

Ant Design表单实现

React组件化和原理

React组件化额原理

react 生命周期

react 生命周期

react 基础

react 基本使用和API

vue基本原理

vue原理学习和解读

JS中的数据结构与算法

JS中的数据结构与算法

数据结构与算法

数据结构与算法总结

Nginx配置和反响代理

Nginx配置和反响代理

FEATURED TAGS

ABOUT ME

FRIENDS