- 博客(10)
- 收藏
- 关注
原创 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 96
原创 小知识
注意点:把事件函数挂到标签上会造成内存泄漏的风险react 1.组建卸载时 事件处理函数也会被卸载掉2.所有的事件都应用了事件委托技术,挂载到了顶层对象上引入图片 <img src={require(“图片路径”)}>react性能考虑1. 无状态组件 一般用memo去做优化2. 类组件 用纯组件做一个浅比对判断数组的真假ES6方法Arry.isArry(数组) 返回值为...
2020-03-02 01:07:36 75
原创 代理服务器
代理服务器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 89
原创 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 61
原创 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 71
原创 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 82
原创 父子组件传值
父传子 通过属性传递子传父 通过父组件传递过来的方法来实现的 传递的数据放到参数里去例如: this.props.父组件方法(需要传递的数据)把一个值放到state数组里list:[…this.state.list,需要放进去的数据] 解构赋值设置默认值 let [c=“默认值”]=obj...
2020-02-26 17:18:19 99
原创 setState的使用
更改是他state的值不能直接修改 直接修改会视图不同步要在setstate中更改this.setstate({})连续多次执行对象会合并setstate是异步操作,拿到最新的值需要在回调函数中拿state里面的标签用 dangerousiySetInerHTML={_html:item}渲染...
2020-02-25 23:56:17 121
原创 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 990
原创 react脚手架的使用
全局安装脚手架npm install -g create-react-app查看版本号create-react-app --version创建项目create-react-app 项目名字启动项目 npm start
2020-02-23 20:56:28 109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人