2023-12-10T08:18:11.476Z https://mrr-cxh.github.io/ Mrr-cxh Hexo https://mrr-cxh.github.io/2023/11/05/next-2.0/ 2023-11-05T08:37:05.000Z 2023-12-10T08:18:11.476Z

<h1 id="进入生产阶段"><a class="markdownIt-Anchor" href="#进入生产阶段">#</a> 进入生产阶段</h1> <p>在将 Next.js

https://mrr-cxh.github.io/2023/10/15/next-xing-neng-you-hua/ 2023-10-15T08:58:05.000Z 2023-10-15T09:43:15.728Z

<ol> <li> <p>从 CDN 加载 CSS 速度慢，阻塞页面渲染：CSS 加载慢导致 FCP 时间长，原因是 DOM 解析之后不会立即渲染，而是等待这几个外部 CSS 文件加载，如果他们很慢，渲染树就会一直导致阻塞。<br> <img

https://mrr-cxh.github.io/2023/02/05/next-1.0/ 2023-02-05T13:16:05.000Z 2023-12-10T06:33:46.863Z

<h1 id="简介"><a class="markdownIt-Anchor" href="#简介">#</a> 简介</h1> <p>Next.js 是一个 React 开发框架。它能确保您和您的团队成功地构建 React 应用程序。</p> <p>Next.js

https://mrr-cxh.github.io/2022/11/28/react-native/ 2022-11-28T12:46:05.000Z 2022-12-04T14:07:27.276Z

<h2 id="简介"><a class="markdownIt-Anchor" href="#简介">#</a> 简介</h2> <p>React Native (简称 RN) 是 Facebook 于 2015 年 4 月开源的跨平台移动应用开发框架，是 Facebook

https://mrr-cxh.github.io/2022/07/12/sentry/ 2022-07-12T12:27:50.000Z 2022-07-12T15:35:07.762Z

<h2 id="sentry-简介"><a class="markdownIt-Anchor" href="#sentry-简介">#</a> Sentry 简介</h2> <p>Sentry 是一个开源的实时错误监控的项目，它支持很多端的配置，包括 web

https://mrr-cxh.github.io/2022/06/30/deeplink-shen-du-lian-jie/ 2022-06-30T12:11:46.494Z 2022-06-30T12:13:39.495Z

<h2 id="deeplink-深度链接是什么"><a class="markdownIt-Anchor" href="#deeplink-深度链接是什么">#</a> Deeplink

https://mrr-cxh.github.io/2022/06/28/yi-dong-duan-gua-pei-ni-xu-yao-zhi-dao-de/ 2022-06-28T12:56:42.000Z 2022-06-30T12:37:51.583Z

<h2 id="移动端适配你需要知道的"><a class="markdownIt-Anchor" href="#移动端适配你需要知道的">#</a> 移动端适配你需要知道的</h2> <h3 id="导读"><a class="markdownIt-Anchor"

https://mrr-cxh.github.io/2022/06/20/vue3/ 2022-06-20T13:48:42.000Z 2022-08-09T15:27:03.995Z

<h2 id="中文文档"><a class="markdownIt-Anchor" href="#中文文档">#</a> 中文文档</h2> <ul> <li><a

https://mrr-cxh.github.io/2022/06/19/kwai-yi-xie-jie-jue-fang-an/ 2022-06-19T09:57:42.000Z 2022-06-19T10:17:23.363Z

<ul> <li> <p>巧妙运用 continue 和 undefined（本次用到的场景是过滤无效字段，如果要判断的字段为 undefined，则用 continue 跳出赋值阶段）</p> </li> <li> <p>Number (moment ().subtract

https://mrr-cxh.github.io/2022/06/16/reactrouter6/ 2022-06-16T12:48:42.000Z 2022-06-18T16:18:02.769Z

<h2 id="概述"><a class="markdownIt-Anchor" href="#概述">#</a> 概述</h2> <ul> <li> <p>React Router 以三个不同的包发布到 npm

https://mrr-cxh.github.io/2022/05/15/react-4.0/ 2022-05-15T12:48:42.000Z 2022-08-21T15:02:09.463Z

<h2 id="redux"><a class="markdownIt-Anchor" href="#redux">#</a> Redux</h2> <h3 id="相关文档"><a class="markdownIt-Anchor" href="#相关文档">#</a>

https://mrr-cxh.github.io/2022/05/12/react-3.0/ 2022-05-12T03:04:42.000Z 2022-05-14T14:25:53.185Z

<p>浏览器扩展程序 (FeHelper)：有个功能可以自动整理 JSON 格式数据</p> <h2 id="react-脚手架配置代理"><a class="markdownIt-Anchor" href="#react-脚手架配置代理">#</a> React

https://mrr-cxh.github.io/2021/09/12/react-2.0/ 2021-09-12T03:04:42.000Z 2022-05-12T03:46:46.652Z

<h2 id="收集表单数据"><a class="markdownIt-Anchor" href="#收集表单数据">#</a> 收集表单数据</h2> <h3 id="非受控组件"><a class="markdownIt-Anchor"

https://mrr-cxh.github.io/2021/09/11/react-1.0/ 2021-09-11T02:40:33.000Z 2022-05-08T13:33:57.573Z

<h2 id="概述"><a class="markdownIt-Anchor" href="#概述">#</a> 概述</h2> <p>也是单页面应用 (spa)，public 下只有一个 index.html，也是数据驱动视图，也是虚拟 dom<br> React

https://mrr-cxh.github.io/2021/08/09/pc-duan-oa-guan-li-xi-tong-jie-jue-fang-an/ 2021-08-09T13:13:45.000Z 2022-06-19T09:58:05.422Z

<h2 id="概述"><a class="markdownIt-Anchor" href="#概述">#</a> 概述</h2> <p>OA

https://mrr-cxh.github.io/2021/07/14/uni-app/ 2021-07-14T13:34:11.000Z 2021-08-09T13:13:58.789Z

<h2 id="uni-app"><a class="markdownIt-Anchor" href="#uni-app">#</a> uni-app</h2> <p>安装 HBuilderX (<a

https://mrr-cxh.github.io/2021/06/08/vuex/ 2021-06-08T08:06:10.000Z 2021-07-19T13:52:05.277Z

<h2 id="概述"><a class="markdownIt-Anchor" href="#概述">#</a> 概述</h2> <p>Vuex 是一个专为 Vue.js

https://mrr-cxh.github.io/2021/05/24/vue-router-1.0/ 2021-05-24T07:47:48.000Z 2021-07-18T14:42:28.433Z

<h2 id="路由基础"><a class="markdownIt-Anchor" href="#路由基础">#</a> 路由基础</h2> <p>路由的切换其实就是切换 div,

https://mrr-cxh.github.io/2021/05/16/vue-4.0/ 2021-05-16T07:37:47.000Z 2021-07-15T14:21:12.489Z

<h2 id="vue-组件通信"><a class="markdownIt-Anchor" href="#vue-组件通信">#</a> Vue 组件通信</h2> <ul> <li> <p>父传子 prop</p> </li> <li> <p>父传子 插槽

https://mrr-cxh.github.io/2021/05/08/vue-3.0/ 2021-05-08T07:31:02.000Z 2021-08-02T12:37:55.298Z

<h2 id="todo-大案例"><a class="markdownIt-Anchor" href="#todo-大案例">#</a> todo 大案例</h2> <ul> <li> <p>TodoWrap.vue 父组件</p> <pre