51工具盒子

2024-12-13 厉飞雨 阅读(165) 评论(0) 赞(10)

<h3>环境准备</h3> <p>首先准备一个react环境（使用create-react-app）</p> <pre><code class="language-bash">npx create-react-app my-redux-app cd my-redux-app </c...

2024-12-13 厉飞雨 阅读(196) 评论(0) 赞(10)

<blockquote> <p>注，此指南可搭配 bilibili 尚硅谷的react教程食用~<br /> <a href="https://www.bilibili.com/video/BV1wy4y1D7JT/?spm_id_from=333.999.0.0">视频传送门</a></p&...

2024-12-13 厉飞雨 阅读(177) 评论(0) 赞(9)

### hash模式: {#hash模式} 1. 原理: 在 url 中的 # 之后对应的是 hash 值, 其原理是通过`window.onhashChange()` 事件监听hash值的变化, 根据路由表对应的hash值来判断加载对应的路由加载对应的组件 2. 优点: (1) 只需要前端配置路由表, 不需要后端的参与 (2) 兼容性好, 浏览器都能支持...

2024-12-13 厉飞雨 阅读(199) 评论(0) 赞(8)

<h1>前言 {#前言}</h1> <p><a href="https://react.dev/">React</a>、<a href="https://zh-hans.react.dev/">zh-hans</a></p> <h1>...

2024-12-13 厉飞雨 阅读(158) 评论(0) 赞(8)

前言 {#前言} ======== 2024 年 9 月 1 日，[Vue 3.5"天元突破：红莲螺岩"版本发布](https://blog.vuejs.org/posts/vue-3-5)，[完整更新日志](https://github.com/vuejs/core/blob/main/CHANGELOG.md)。 这次更新包含内部改进和实用的新功能，...

2024-12-13 厉飞雨 阅读(186) 评论(0) 赞(9)

Context {#Context} ================== 父子组件通过 props 显式传递数据，当组件层级较深时，这种方式会变得很麻烦。[Context(上下文)](https://zh-hans.react.dev/learn/passing-data-deeply-with-context)允许向所有后代组件传递数据（信息）。 不同于 Vue 的 p...

2024-12-13 厉飞雨 阅读(87) 评论(0) 赞(9)

<h1>前言 {#前言}</h1> <p><strong>React 没法做到 JS 做不到的事，其任务调度也逃不开浏览器的事件循环。</strong><br /> 相比起写 Vue，React 更需要开发者知道浏览器本身的各种特性。</p> <h1>缓存 {#缓存}</h1&...

2024-12-13 厉飞雨 阅读(108) 评论(0) 赞(7)

全局守卫 {#全局守卫} ------------ ### 前置守卫 `beforeEach` {#前置守卫-beforeEach} 全局前置守卫，在路由跳转前触发，它在 `每次导航` 时都会触发。 |--------------------------------------------------------------------------------------...

2024-12-13 厉飞雨 阅读(161) 评论(0) 赞(8)

<h1>解决hexo报错spwan failed {#解决hexo报错spwan-failed}</h1> <p>|------------------------------------------------------------------------------------------------------------------...

2024-12-13 厉飞雨 阅读(216) 评论(0) 赞(10)

前言 {#前言} -------- 如果不喜欢`Butterfly`主题自带的`曲别针`图标，可以换一种风格。（比如我现在使用的`旋转风车`） 操作 {#操作} -------- 打开主题配置文件`_config.butterfly.yml` 把`beautify`的`title-prefix-icon`选项设置为`'\f863'` （如果没有开启图标...