Axios的使用 axios.get('/data') .then(res=>{ if(res.status==200) this.setState(data:res.data) })…

复杂以后 setState 就不太方便了 所以使用Redux来管理 React只负责View. Store.State.Dispatch.Reducer reducer(state,action) { switch(action.type){ case ... ... ... return newAction; } } ·通过Reducer创建Store ·Store.dispatch(action)来修改状态 ·Reducer函数接受state和action,返回新的state,可用store…

function a (props) { return <h1>hello world{this.props.asd}</h1> } class a extends React.Component{ constructor(){ super() this.state = { xxx:yyy } } render(){ return ( <div>Hello</div> ) } }…

1.bodyParser和cookieParser:   const bodyParser = require('body-parser') const cookieParser = require('cookie-parser')   app.use(cookieParser()); app.use(bodyParser.json()) 2.登陆注册——数据库模型建立 3.注册功能的实现 //引用body-parser插件 const bodyParser = require('body-pa…

1.基于cookie的用户认证 express 依赖 cookie-parser 2.axios语法: axios.get('/data').then(res=>{ if(res.status==200){ if(res.data.code==0) { .......... } } }) 3.非route组件通过@withRouter包裹组件获取props中属性(比如要使用this.props.history.push) sd 总结一下: 登陆页面: 先用antd-mobile做好UI, 点击注…

第一章 课程道学 6个页面 弱化css Antd-mobile作为组件库 Redux 状态管理 React-Router 路由 Axios异步请求 后端Express框架 Socket.io 数据库:Mongodb ==================================================================================================== 列表: 第1章 介绍课程目标和学习内容包括课程概述.课程安排.学习前提.讲授方式等…

2-1 介绍React开发环境 npm install -g create-react-app xxx npm run eject   来配置webpack 2-2 ES6常用语法 其他 还有一些特性,虽然不在ES6的范围内,但是也被babel支持,普遍被大家接受和使用(需要安装插件) ·对象扩展符,函数绑定 ·装饰器 ·Async await 2-3 Express简介 var app = express() app.get('/',function(){ res.send('Hello wo…

一.课程导学 1.React 主要解决的是UI层的问题,应用的状态需要借助Redux等状态管理. 2.前端React  +  antd-mobile UI组件库 + Redux 状态管理库 + React-router 路由 + MongoDB + Socket.io(即时通信) + Node (express) + Axios 异步请求. 3.前端工程化:webpack4.0 + git 二.知识储备(React + Node + MongoDB + ES6) 1.…

Android性能优化 Android不可能无限制的使用内存和CPU资源,过多的使用内存会导致内存溢出,即OOM. 而过多的使用CPU资源,通常是指做大量的耗时任务,会导致手机变的卡顿甚至出现程序无法响应的情况,即ANR. 15.1.1布局优化 1.怎样进行布局优化? 首先删除布局中没用的控件和层级 其次有选择的使用性能较低的ViewGroup. 布局优化的还有一种手段是採用标签.标签.ViewStub.标签主要用于布局重用,标签一般和配合使用,它能够减少减少布局的层级,而ViewStub则提供…

1. 多个元素或组件的过渡 多个元素的过渡: <style> .v-enter,.v-leace-to{ opacity: 0; } .v-enter-active,.v-leave-active{ transition: opacity 1s; }</style> <transition mode="out-in"> <div v-if="show" key="hello">hello world…