- 博客(36)
- 收藏
- 关注
RSS订阅原创 【css】 flex布局基本知识
Flexbox 是一种一维布局模型，用于处理元素在行或列上的排列。通过 flex-direction 定义主轴方向，可选 row、row-reverse、column 或 column-reverse。将容器设置为 display: flex 后，其子元素成为 flex 元素，默认沿主轴排列，不会拉伸但会缩小，沿交叉轴拉伸填满容器。flex-flow 是 flex-direction 和 flex-wrap 的简写，控制主轴方向和换行行为。flex 属性包含 flex-grow、flex-shrink 和
2025-05-21 22:41:22
1064
原创 Zustand selector 发生 infinate loops的原因以及解决
1. react的默认比较为引用比较，在zustandV5中沿用了这种方式。2. 每次重新渲染，useStore都会再执行一次，selector每次都返回的是一个新的引用3. zustand使用浅比较判断状态变化，触发重新渲染，以此往复1. 避免在selector中返回对象2. 采用文档中介绍的使用useShllow解决：
2025-01-10 17:35:46
515
原创 react全局状态管理——redux和zustand，及其区别
Redux 是一个使用叫作 “actions” 的事件去管理和更新应用状态的模式和工具库，用于集中管理状态。它以集中式 Store（centralized store）的方式对整个应用中使用的状态进行集中管理，其规则确保状态只能以可预测的方式更新。“store” 是保存应用程序的全局 state 的容器，所有 Redux 应用的中心都是 store。
2025-01-10 17:18:46
941
原创 mac使用 —— win转mac的记录
截图： command+shift+3 全屏 command+shift+4 选取屏幕。open filename 打开文件(使用默认程序，cat直接打开或连接）mac沿用了unix的文件树设计，每个文件都有其父文件，最终父文件为根目录。Command+option+H 除了当前窗口，其他隐藏。文件夹⌘Command - ⇧Shift -.显示隐藏文件。command+shift+G 前往文件夹。command+shift+N 新建文件夹。command+H 隐藏，没有关闭。rm filename 删除。
2025-01-10 17:15:38
552
原创 React Router 用法概览
React 使得开发者能够轻松地创建交互式的单页应用（SPA），单页应用的一个常见挑战是如何处理页面导航和路由吗，React Router 就是解决这个问题的工具路由（Router）是 React Router 的核心概念当 URL 匹配某个路由时，React Router 会渲染该路由对应的组件。React Router 会根据 URL 和路由的匹配规则来决定哪个组件需要渲染。匹配规则支持动态参数、正则匹配等。
2025-01-03 23:59:22
1044
原创 逻辑像素与物理像素——canvas缩放后绘图区域的长宽究竟是多少
为了适配高分辨率的屏幕，给画布做了缩放，用缩放后的canvas长宽去计算网格的行列数。，但屏幕只显示了 21 列。解决该问题的关键在于。 - `canvas.width` 和 `canvas.height` 定义了画布的实际绘图分辨率，单位是 **物理像素**。 - CSS 设置的 `width` 和 `height` 是画布的 **逻辑显示尺寸**，单位是 **逻辑像素**。
2024-11-24 19:41:58
368
原创 [有趣的JavaScript] 为什么typeof null返回 object
从编译和历史角度来看，返回"object"是因为 JavaScript 的设计遗留问题以及底层的存储机制（基于二进制标识），随着语言的发展被保留下来，尽管有点违背直觉，但已成为规范的一部分。
2024-11-24 14:32:55
356
原创 [you don‘t know JavaScript] this全面解析
**this的绑定位置由调用位置决定**" 容易让人误解为this就指向调用位置，然而其调用位置不代表this绑定到这个位置，我们分析调用位置只是为了分析其**调用方式**(以下几种)，再得到其绑定位置。
2024-11-24 14:22:52
950
原创 CSS 设置宽高的单位概览
响应式设计：优先使用vwvh或rem。固定尺寸：适合用px。动态尺寸：善用calc()和。这篇文档主要侧重于实际应用上，其深入的细节、原理还没有详细介绍，感兴趣的话可以看看MDN的文档哎，越用越觉得css内容多，真不知道怎么学了。
2024-11-23 12:09:08
1357
原创 leetcode2650. 设计可取消函数 generator和Promise
如果错误被捕获，则返回的 promise 应该解析为下一个生成或返回的值。为了实现这个目标，请你编写一个名为 cancellable 的函数，它接收一个生成器对象，并返回一个包含两个值的数组：一个 取消函数 和一个 promise 对象。你的函数负责将 promise 对象解析的值传回生成器。如果 promise 被拒绝，你的函数应将该错误抛回给生成器。当生成器完成时，您的函数返回的 promise 应该解析为生成器返回的值。但是，如果生成器抛出错误，则返回的 promise 应该拒绝并抛出该错误。
2024-11-22 19:15:40
379
1
原创 JavaScript 中的 Generator 函数及其方法
Generator 函数通过function*声明，返回一个特殊的Generator 对象,其核心机制是yield关键字。这个对象有一个可以“暂停”并在以后恢复执行的能力。当调用一个 Generator 函数时，它不会立即执行，而是返回一个Generator 对象。调用next()函数在每个yield语句处暂停。当我们调用next()时，它会继续执行到下一个yieldyield 1;yield 2;yield 3;// 返回 Generator 对象// Start 1// End 3。
2024-11-22 14:12:21
979
原创 深入理解 JavaScript 中的 Promise 异步操作
Promise是一种用于处理异步操作的对象，它代表一个操作的最终完成（或失败）及其结果值。PromisePending: 初始状态，操作尚未完成。Fulfilled: 操作成功完成，返回结果值。Rejected: 操作失败，返回失败原因。状态一旦从Pending转为Fulfilled或Rejected，就不能再次更改。
2024-11-22 13:44:51
882
原创 matplotlib正确显示符号和中文
matplotlib在默认的字体设置中会将中文和负号显示为□。方法二：直接修改默认字体(总用到在同一文件中所有图)方法一：修改单个图像字体。
2024-09-20 23:19:31
699
原创 AntDesign 使用Tabs 遇到的问题(没有隐藏、出现重复tabpanel等
因此覆盖ant-tabs-tabpane样式，选择器任然会选到隐藏的界面（class=“ant-tabs-tabpane ant-tabs-tabpane-hidden”），从而覆盖掉其本身的。在写样式覆盖默认样式时，要记得在类名后面添加active，不然会其他本该隐藏的标签页的hidden属性，使其显示出来。PS. 我写完前端其他内容，来写这篇文章改回原来的代码时，发现这个bug再没法复现，一切都诡异地正常运转。使用Tabs发现第一个标签莫名重复了一个，并且页面上一直显示该标签下的组件。
2024-07-30 15:57:29
871
2
原创 git 报错 fatal: unable to access xxx Failed to connect to github.com port 443 解决
git clone 报错 Failed to connect to github.com port 443解决办法
2024-06-16 15:22:42
566
原创 类不平衡数据调整分布（pandas和sklearn两种解决方法） 如何在Python中选择数据集中特定数量的01样本
在数据处理中，有时候会遇到类不平衡的情况，即某些类别的样本数量明显偏多或偏少。在处理类不平衡数据时，有时需要从数据集中选择相等数量的样本，以保持数据的平衡性。
2024-05-13 16:41:37
568
1
原创 python 错误和异常处理，断言assert使用，logging模块
介绍了python中的常见错误、try...except捕获异常，自定义异常，断言assertion的使用，logging模块
2024-04-07 15:54:46
429
1
原创 Python 写函数时的一些好习惯 为函数指定传入参数、返回值类型
当项目复杂时，我们可能会忘记没有完成的函数，调用时只执行空语句也不会有任何提示。为了防止这种情况，我们用ImplementError代替pass。这不仅能让我们在写代码的时候避免传进错误参数，也利于编辑器更好的进行补全提示。说明里记录函数的功能、传入参数、返回值，是给自己和他人参考的最直接的方式。如图，指定类型后编辑器会有对应类型的提示，如果不指定就不会有。
2024-04-02 21:21:31
355
1
原创 有用的f-string技巧python useful Fstring tricks in Python
在Python中，f-strings是一种字符串格式化方法，允许通过 { } 加入变量。
2024-03-21 20:38:42
370
1
原创 Python random模块常用函数详解
本文思路：常用函数原型、返回值、用法示例生成随机数讲解部分按照返回类型、是否传入列表、是否产生特定分布分类如果发现本文有错误，希望您指正。如果有想要添加的方面，也尽情留言。
2024-03-15 22:07:48
3206
1
原创 快速幂算法C++
可以看出，指数为偶数时，指数减半，底数平方。指数为奇数时指数减1，底数乘底数（一次方）即：2^10=(2^5)^2=(2*2^4)^2=(2*(2^2)^2)^2。由于指数为奇数时需保留一次方底数，所以设置变量res。实际上是将指数不停二分，对应底数平方。
2023-04-03 09:44:10
96
原创 ACM训练 分数加减
0) {return;up = -up;flag = -1;return;int main()char op;= EOF) {return 0;
2023-03-24 23:58:26
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人