举个栗子走天下

2022年1月4日

摘要：路由传值的三种方式（v5.x） 1.params参数 //路由链接(携带参数)： <Link to='/demo/test/tom/18'}>详情</Link> //或 <Link to={{ pathname:'/demo/test/tom/18' }}>详情</Link> //注册路由(声明接收阅读全文

posted @ 2022-01-04 16:38 举个栗子走天下阅读(1005) 评论(0) 推荐(0)

2021年12月31日

v6版react-router-dom的改变——嵌套路由中的动态路由问题

摘要： ![image](https://img2020.cnblogs.com/blog/1519360/202112/1519360-20211231175401998-442015777.png) 阅读全文

posted @ 2021-12-31 17:55 举个栗子走天下阅读(642) 评论(0) 推荐(1)

react-router-dom 【V6新变化】

摘要： react-router-dom react-router-dom v6整体体验相对于v5，体验要好很多，最大的一个改变，就是曾经的Route不可嵌套，整个路由配置必须拆分成若干小块，除非通过react-router-config这种插件，才可以实现对整个路由的管理，然而现在，不需要任何插件就可以实阅读全文

posted @ 2021-12-31 12:09 举个栗子走天下阅读(609) 评论(0) 推荐(0)

2021年12月30日

v6版react-router-dom的改变

摘要： ![image](https://img2020.cnblogs.com/blog/1519360/202112/1519360-20211229193357550-794562402.png) ![image](https://img2020.cnblogs.com/blog/1519360/202112/1519360-20211229193504136-1505274699.png) ![i 阅读全文

posted @ 2021-12-30 12:24 举个栗子走天下阅读(61) 评论(0) 推荐(0)

2021年12月29日

读《现代JavaScript》笔记①——Map and Set(映射和集合)

摘要： Map Map是一个带键的数据项的集合，就像一个Object一样。但是他们最大的差别是Map允许任何类型的键（key）。它的方法和属性如下： new Map() 创建map map.set(key,value) 根据键存储值 map.get(key) 根据键来返回值，如果map中不存在对应的key 阅读全文

posted @ 2021-12-29 17:57 举个栗子走天下阅读(57) 评论(0) 推荐(0)

React脚手架配置代理总结

摘要：方法一：在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明： 1.优点：配置简单，前端请求资源时可以不加任何前缀。 2.缺点：不能配置多个代理。 3.工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（阅读全文

posted @ 2021-12-29 15:15 举个栗子走天下阅读(49) 评论(0) 推荐(0)

React组件通讯

摘要：父子组件传值父组件提供要传递的state数据给子组件添加标签属性，值是state中的数据子组件通过props接收父组件传来的数据 class P extends React.Component { state = { childv:'父组件向子组件传值' } render(){ return( 阅读全文

posted @ 2021-12-29 12:06 举个栗子走天下阅读(127) 评论(0) 推荐(0)

项目版本更新，浏览器缓存问题解决方案

摘要：打包项目更新到服务器时可能会存在缓存问题，需要在服务器中进行配置。 location = /index.html{ add_header Cache-Control "no-cache,no-store"; } no-cache,no-store可以只设置一个 no-cache浏览器会缓存，但刷新页阅读全文

posted @ 2021-12-29 11:30 举个栗子走天下阅读(548) 评论(0) 推荐(0)

pubsub-js发布订阅

摘要： PubSubJS是一个用JavaScript编写的基于主题的发布/订阅库。 PubSubJS有同步解耦，所以主题是异步发布的。这有助于你的程序可预测性，因为在消费者处理主题时，主题的发起者不会被阻止。对于喜欢冒险的人，PubSubJS还支持同步主题发布。这可以在某些环境（浏览器，不是全部）中提供加阅读全文

posted @ 2021-12-29 10:59 举个栗子走天下阅读(190) 评论(0) 推荐(0)

2021年12月28日

原生ajax请求

摘要：原生js的ajax请求传统方法的缺点: 传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页阅读全文

posted @ 2021-12-28 15:30 举个栗子走天下阅读(514) 评论(0) 推荐(0)