
react
alt琳
code
展开
-
前端实现路由
前端实现路由目的:后端实现的路由本质是通过服务器代理与路径的配合去访问服务器上的静态资源。而我们现在的项目都是单页面,路由控制权都是放在前端了。前端框架现在都是单页面模式,了解他们实现的本质变得重中之重。简单分析:前端实现路由有两种方式 hash 与 historyhash路由:hash原本是作为页面定位使用,本身会在URL后携带#,切换路由只改变#后面的值,他不会改变浏览器访问服务器资源的地址(#前的才会被用在请求中),所以改变hash值就像我们改变url参数一样不会导致页面的重载原创 2020-05-29 16:37:03 · 485 阅读 · 0 评论 -
react中的setState同步异步问题
在使用react中setState是常用的方法,看下面这个例子:setState是异步更新的 通常使用await或者callback监听更新完成;再看个例子,这是个有意思的现象:但是当setState中放入Object.assign他有着不同的表现:他会异步在state中一个个插入当前assign合并完的对象的属性值,并且同步更新在当前合并的对象中改变的pre属性。...原创 2019-05-30 22:34:38 · 1928 阅读 · 0 评论 -
redux利用redux-persist实现数据持久化
我们在使用redux的过程中会出现页面刷新redux中数据丢失的情况,我们有时候就会用到localstorage,sessionstorage等,但是我们都用了redux,应该尽量避免使用这两个。这里推荐使用redux-persist,他会将你state中的数据放入缓存,保持数据持久化:首先下载包:在store中使用// 引入createStoreimport reducer fro...原创 2019-07-11 10:33:16 · 1625 阅读 · 0 评论 -
react没有组件的文件时获取redux中的数据
举例 比如我们想在配置文件中获取redux,这时候普通的方法就不奏效了,这时候我们可以在config.js中引入 store,import store from './../redux/store';console.log(store)打印出来可以看到 store中有多个内置方法,查看官方的apihttp://cn.redux.js.org/docs/api/Store.html...原创 2019-07-11 10:49:11 · 1182 阅读 · 1 评论 -
分享一下自己react项目中封装的axios
分享一下自己react项目中封装的axios原创 2019-07-17 13:55:46 · 2081 阅读 · 0 评论 -
dva中引入样式问题
在dva中这样引入样式是className无效的,只能监听到header这样的标签选择器,我们一般都用以下方式写className,有时候觉得麻烦,这是因为dva中默认开启了css module,可以在样式文件中加 :global这样就能使用第一种方式引入样式了。...原创 2019-08-03 11:14:25 · 1072 阅读 · 2 评论