react
hewie_th
这个作者很懒,什么都没留下…
展开
-
如何新建react项目
1、电脑安装node.js(安装完之后可以使用npm命令)https://www.cnblogs.com/zhouyu2017/p/6485265.html2、全局安装react脚手架npm install -g create-react-app 3、脚手架安装完成之后就可以创建react项目cd进入要进行存放的文件夹例如 D:/project在此此文件夹下执行命令crea...原创 2018-10-11 16:20:48 · 2075 阅读 · 0 评论 -
react项目实战六聊天消息展示页面
新增依赖库npm install socket.io --save 服务端的npm install socket.io-client --save 客户端Scoket.io基于事件的双向通信库scoket.io与ajax的区别-基于不同的网络协议ajax基于http协议,单向,实时获取数据只能通过轮询scolet.io基于webscoket双向通信协议,后端可以主动...原创 2018-10-27 17:56:55 · 3301 阅读 · 2 评论 -
react项目实战五 个人中心页面
新增库依赖npm install browser-cookies --save 进行浏览器cookie的操作个人中心页面页面的开发没有什么难度,直接使用antd-mobile的组件即可src\component\usercenter\usercenter.js其中需要注意的是,个人中心页面的退出登录按钮,在退出登录的时候,同时清除cookie中的用户id。以及redux中的数据lo...原创 2018-10-22 11:36:45 · 2192 阅读 · 2 评论 -
react项目实战四 主页面开发以及boss和genius页面的开发
源码下载 (觉得不错的话,希望可以给个star)https://github.com/TH226/react-muke文件结构│ .gitignore│ list.txt│ package-lock.json│ package.json│ ├─config ├─public ├─scripts├─server│ model.js│ ...原创 2018-10-22 10:45:29 · 766 阅读 · 1 评论 -
react项目实战三 登录注册页面与数据库连接
ps:此部分(第二部分)的代码,提交简介为second commit源码地址https://github.com/TH226/react-muke需要引入依赖库npm install body-parser --save 接收post请求返回的参数npm install utility --save MD5加密库npm install prop-types --save 属性...原创 2018-10-19 17:46:28 · 8190 阅读 · 0 评论 -
react项目实战二 登录注册页面的完成
1、首先是新建项目,并引入相关依赖新建项目参考博客https://blog.csdn.net/TH226/article/details/83014317相关库:npm install redux --savenpm run eject 展示出所有配置npm install express --savenpm install -g nodemon //每次修改之后不需要手动重启s...原创 2018-10-14 15:19:25 · 17596 阅读 · 2 评论 -
redux的简单使用(例子演示)
注意:以下每一步是按照redux由易到难的顺序逐步进行的,从初步使用到react与redux的组合使用以及解耦的顺序来的安装reduxnpm install redux --save1、redux的简单使用1、新建store2、获取状态3、派发事件下边代码简单的演示此过程在src下新建index.js,在index中编写import {createStore} from 'r...原创 2018-10-13 16:45:58 · 3947 阅读 · 0 评论 -
React项目中装饰器的配置(即使用类似于java中的@注解)
1、先将项目的隐藏配置展示出来cd 到项目文件目录下在此处命令窗口中输入 npm run eject,隐藏目录就会出现2、安装装饰器插件运行命令 npm install --save-dev babel-plugin-transform-decorators-legacy3、在package.json文件下配置"babel": { "plugins": [ "tra...原创 2018-10-13 16:35:01 · 1438 阅读 · 0 评论 -
react项目实战一 项目相关知识储备
技术栈前台react 负责页面的构建redux 状态管理react-redux 关联react与reduxReact-router4 路由管理antd-mobile 蚂蚁金服前端组件es6后台MongoDB 非关系型数据库express 请求数据一、es6推荐阅读:http://es6.ruanyifeng.com/1、let和constlet 代替 va...原创 2018-10-11 16:42:39 · 1342 阅读 · 0 评论 -
封装ajax与promise实现接口调用
//封装promise和ajax方法,进行接口的请求/*URL 请求的网址type 请求类型 GET or POSTasync 是否异步 true or falsedata 参数*/function callApi(url,type,async,data){ return new Promise((resolve,reject) =>{ let x...原创 2018-11-19 17:07:38 · 522 阅读 · 0 评论