2 67-CSDN博客

原创 vue脚手架的搭建和使用

安装vue脚手架前检查 node -vnpm -v 如果需要切换淘宝镜像 npm install cnpm -g 检查 cnpm -v 安装 vue-clinpm install -g @vue/cli# ORyarn global add @vue/clicli 创建vue项目vue create my-project（指令）# ORvue ui （图形界面） ...

2020-03-02 23:56:04 83

原创小知识

注意点：把事件函数挂到标签上会造成内存泄漏的风险 react 1.组建卸载时事件处理函数也会被卸载掉2.所有的事件都应用了事件委托技术，挂载到了顶层对象上引入图片 <img src={require(“图片路径”)}>react性能考虑1. 无状态组件一般用memo去做优化2. 类组件用纯组件做一个浅比对判断数组的真假ES6方法Arry.isArry(数组) 返回值为...

2020-03-02 01:07:36 65

原创代理服务器

代理服务器 1.正向代理开发环境2.反向代理上线环境配置文件路径：node_modules/react-scripts/config/webpackDevServer.config.jsproxy:{"/weather":{target:“http://www.weather.com.cn”,changeOrigin:true,“pathRewrite”:{"^/weather":"...

2020-02-29 23:30:19 82

原创 json-server

全局安装工具 npm i json-server -g 查看版本号 json-server --version 更改运行端口 json-server data.json --port 端口号 -w-w 实时监控创建一个mock文件夹穿件一个data.json文件{“list”[{}]} ...

2020-02-28 23:45:09 55

原创 redux

状态管理工具 npm i redux --save三大原则 1. 单一数据源 2. state是只读的 3. 使用纯函数来执行修改只读状态的好处：一旦修改状态，必须先拿到状态的副本，在修改，这样的话状态就是可追溯的在项目中引入 import {createStore} from "redux"let initState={//状态的初始值 n:5}let reducer=(state...

2020-02-27 23:05:47 65

原创 2020-02-26

路由（router） V5版本后端路由：根据用户的请求返还不同的内容前端路由：根据不同的Url去切换组件路由的安装 npm i react-router-dom路由的引入路由模式1.历史记录模式（BrowserRouter）2.hash (HashRouter)在入口文件index.js包裹起来根组件APP路由的使用import {Route,NavLink,Redir...

2020-02-26 23:35:48 71

原创父子组件传值

父传子通过属性传递子传父通过父组件传递过来的方法来实现的传递的数据放到参数里去例如： this.props.父组件方法（需要传递的数据）把一个值放到state数组里list:[…this.state.list,需要放进去的数据] 解构赋值设置默认值 let [c=“默认值”]=obj ...

2020-02-26 17:18:19 89

原创 setState的使用

更改是他state的值不能直接修改直接修改会视图不同步要在setstate中更改this.setstate({})连续多次执行对象会合并setstate是异步操作，拿到最新的值需要在回调函数中拿 state里面的标签用 dangerousiySetInerHTML={_html:item}渲染 ...

2020-02-25 23:56:17 97

原创 react里value取值

ref标识节点的两种方式 1.ref=“字符串” 2.ref={(node)=>this.属=node} this.属就可以拿到当前的dom节点 3.用tis.refs.用ref标识的节点在state里面创建节点属性名：createRef() input里写入 ref=“this.state.属性名” 拿value值 this.state.属性名.current.value 给va...

2020-02-23 21:03:03 946

原创 react脚手架的使用

全局安装脚手架 npm install -g create-react-app 查看版本号 create-react-app --version 创建项目 create-react-app 项目名字启动项目 npm start

2020-02-23 20:56:28 97

qq_42330474的博客