2018年07月_axibadexiang

原创关于react 脚手架开始配置

关于安装less-loader 安装好之后我们把webpack 配置暴露出来 npm i ejest。然后去webpack.config.dev中去配置这里为什么安装less-loader，应为项目用到了antd。antd是基于less的。 webpack是从后往前加载的 less-loader->postcss-loader->css-loader->style-lo...

2018-07-26 22:53:32 674

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在业务中。第一次用到这个。场景：构建一个应用。提交表单填写得构建信息。跳转构建日志页面。后台收到请求之后，回已每一段时间一点一点将构建日志信息吐出返回给前台，这里就...

2018-07-13 16:22:08 139

原创 react router

react路由首先安装路由 npm i react-router-dom引入路由import {BrowserRouter,Route} from 'react-router-dom' 使用路由class App extends Component { render() { return ( <div className="miao"> <Pr...

2018-07-11 20:02:58 131

原创 react之redux

1.我们在输入内容时候input里面的数据与redux仓库里面的同步变化2.给input一个onchange事件绑定3.在事件方法中定义一个对象，要有type属性，告诉你得方法是去干什么事情得，以及值，然后调用dispath吧对象传给reducer4.这里的reducer相当于一个记事本。记录你的操作。首先renducer里面定义一个默认的对象存储数据。然后判断传过来得对象得type是否等于事件名...

2018-07-04 10:46:22 209

原创 react入门2关于虚拟dom

首先想一下react的数据渲染正常情况下我们的步骤是1.state数据 2.jsx模板 3.数据加模板结合。生成真实DOM,实现数据的渲染，来显示页面。当state数据发生变化时候，模板加数据生成真实DOM，替换原来的DOM。这样每次换数据都要换模板很耗性能。第二种方式。如果我们每次更换数据时候与模板经行对比，看看那里的数据变了替换掉相应的dom，实现渲染。就不用没次都要换掉整个模板了。但是这样做...

2018-07-02 17:22:16 126

原创入门react

入门react，做一个输入框输入类内容点击按钮下面列表添加输入的内容，首先拆分为两个模块，一个是输入添加模块，一个是显示内容模块，import React ,{ Component,Fragment} from 'react'import TodoItem from './TodoItem'import './style.css'class TodoList extends Component {...

2018-07-02 16:14:54 181

原创初探react

今天开始学习了react，写此博客记录一些笔记import React ,{ Component,Fragment} from 'react'class TodoList extends Component { constructor(props){ super(props); this.state = { inputVale:'', ...

2018-07-02 12:23:08 174

axibadexiang的博客