![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
2 67
这个作者很懒,什么都没留下…
展开
-
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 · 93 阅读 · 0 评论 -
小知识
注意点:把事件函数挂到标签上会造成内存泄漏的风险react 1.组建卸载时 事件处理函数也会被卸载掉2.所有的事件都应用了事件委托技术,挂载到了顶层对象上引入图片 <img src={require(“图片路径”)}>react性能考虑1. 无状态组件 一般用memo去做优化2. 类组件 用纯组件做一个浅比对判断数组的真假ES6方法Arry.isArry(数组) 返回值为...原创 2020-03-02 01:07:36 · 72 阅读 · 0 评论 -
代理服务器
代理服务器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 · 86 阅读 · 0 评论 -
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 · 59 阅读 · 0 评论 -
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 · 68 阅读 · 0 评论 -
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 · 79 阅读 · 0 评论 -
父子组件传值
父传子 通过属性传递子传父 通过父组件传递过来的方法来实现的 传递的数据放到参数里去例如: this.props.父组件方法(需要传递的数据)把一个值放到state数组里list:[…this.state.list,需要放进去的数据] 解构赋值设置默认值 let [c=“默认值”]=obj...原创 2020-02-26 17:18:19 · 95 阅读 · 0 评论 -
setState的使用
更改是他state的值不能直接修改 直接修改会视图不同步要在setstate中更改this.setstate({})连续多次执行对象会合并setstate是异步操作,拿到最新的值需要在回调函数中拿state里面的标签用 dangerousiySetInerHTML={_html:item}渲染...原创 2020-02-25 23:56:17 · 116 阅读 · 0 评论