CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

JSON.stringify()的坑及实现

JSON.stringify()的坑及实现题目来源：GitHub 手写题集合刷题总结：文章概要分为三个部分，JSON.stringify 踩的坑 + 循环引用问题 + 手写 JSON.stringify 一、JSON.stringify 踩的坑前后端约定，前端传递的参数格式为 [{key, value},...]，但是 JSON.stringify 处理数据的时候，有一个原则...

Posted by CodingWithAlice on August 20, 2023

62. 不同路径

62. 不同路径题目：一个机器人位于一个 m x n 网格的左上角（起始点在下图中标记为 “Start” ）。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为 “Finish” ）。问总共有多少条不同的路径？示例：输入：m = 3, n = 7 输出：28；输入：m = 3, n = 2 输出：3；输入：m = 7, n = 3 输出：28...

Posted by CodingWithAlice on August 19, 2023

clickhouse、mysql、mongodb异同

clickhouse、mysql、mongodb异同 ClickHouse、MySQL 和 MongoDB 是三种不同类型的数据库管理系统，它们的区别和优缺点如下：数据模型： ClickHouse 是一种列式数据库，适合于高吞吐量、低延迟的分析场景； MySQL 是一种关系型数据库，适合于事务处理和 OLTP 场景； MongoDB 是一种文档型数据库，适合于半...

Posted by CodingWithAlice on July 11, 2023

fetch

fetch、axios、ajax - 有关中止请求参考文章：ajax和axios、fetch的区别、MDN - AbortController、MDN - AbortSignal 背景：有一个查询接口，响应时间很长（5min）左右，所以需要提供一个用户不愿意等待时的「中止」按钮知识学习：一开始我们用的 XHRHttpRequest【传统 ajax】 -> jQuer...

Posted by CodingWithAlice on November 21, 2022

React 相关基础知识

React 相关基础知识第五课 Context - 无须明确地传遍每一个组件，就能将值深入传递进组件树设计目的是为了共享那些对于一个组件树而言是“全局”的数据，而不必显式地通过组建树逐层传递 props（在这之前，如果有全局状态管理需要使用 redux）缺点：使组件的复用性变差 // 下方案例直接从官方文档拷贝 const ThemeContext = React.crea...

Posted by CodingWithAlice on November 13, 2022

Antd 的深入学习

Antd 的深入学习场景：原本 Form 中已经有了 formData 作为初始数据；在渲染表单的时候，需要依据其中的字段查询另一个接口，拿到对应数据用于渲染表单的下一部分由于 formData 作为参数不方便修改（直接赋值修改是无法触发更新的），所以选择将新接口返回的字段通过 form.setFieldsValue(res) 增量式添加到 form 中（form 中的字段都是通过 ...

Posted by CodingWithAlice on October 27, 2022

TS 基本知识梳理

TS 基本知识梳理(泛型) 第四课除了视频，学习内容还参考了 RYF的TS教程一、泛型前因主要是为了解决类型声明时，函数返回值的类型和参数类型是相关时，无法反映出参数和返回值之间的类型关系。特点带有“类型参数” - 函数名后面尖括号的部分<T>，就是类型参数。泛型可以理解成一段类型逻辑，需要类型参数来表达。本质泛型本质上是一个类型函数，通过输...

Posted by CodingWithAlice on October 19, 2022

项目初始化和配置

项目初始化和配置第一课 :information_desk_person:注意：npx 可以让你使用 npm 中的包功能，而不用手动全局安装这个包 ts 配置 tsconfig.ts -> baseUrl 可以指定项目中绝对路径 eslint 配置安装：prettier -> 按照指示新建配置文件用于配置：echo {}> .prettierrc.jso...

Posted by CodingWithAlice on October 14, 2022

Chrome 读取的缓存跨域问题

Chrome 读取的缓存跨域问题参考文章：CORS issue due to aggressive Chrome cache、MDN 常见的缓存模式-Vary响应、MDN - Vary 背景：在工作遇到先访问 A 域名下的网站，对 react.production.min.js 文件进行缓存，再访问 B 域名下的网站，同时也请求了 react.production.min.j...

Posted by CodingWithAlice on August 25, 2022

包管理工具

包管理工具参考文章：JavaScript package managers compared: npm, Yarn, or pnpm? 看到另一篇主要讲 pnpm 实现的博客，也可以了解下 2022年了，你还没用pnpm吗？背景：在工作遇到（node14）npm install + npm run build 会打包静态资源失败 yarn + yarn build...

Posted by CodingWithAlice on August 24, 2022