摘要: 看,我换上了新皮肤!🎨 目前它还处于早期快速迭代阶段,我非常期待听到你的想法。欢迎在评论区畅所欲言,你的每一个建议都至关重要! ​​源码链接:​​awescnb/themes 阅读全文
posted @ 2025-10-20 14:47 guangzan 阅读(107) 评论(7) 推荐(5)
摘要: 背景 我们团队主要在做 C 端产品,对于 C 端应用,图片资源使用 CDN 十分重要,因此我们曾建立了一个文件上传平台:上传文件后,可以复制图片的 CDN URL 在前端项目中使用。 目前服务端不会对图片做压缩,使用前得先借助其他工具手动压缩再上传,体验很差。调研后发现,纯前端就能完成压缩且完全满足 阅读全文
posted @ 2025-10-22 18:10 guangzan 阅读(119) 评论(0) 推荐(3)
摘要: import { render } from 'preact' const frag = document.createDocumentFragment() render(<CustomComponent />, frag) const container = document.querySelec 阅读全文
posted @ 2025-09-28 00:34 guangzan 阅读(32) 评论(0) 推荐(0)
摘要: 为何需要通用 Action? 在 Zustand 状态管理库中,开发者常常需要为状态对象的每个字段单独编写更新函数。然而,随着状态结构的复杂化,这种方式会导致代码冗余,维护成本增加。例如: updateName: (name) => set(() => ({ name })), updateAge: 阅读全文
posted @ 2025-09-12 18:54 guangzan 阅读(51) 评论(0) 推荐(1)
摘要: 问题 使用 Delete unused imports 操作时,同时删掉了 import React from 'react';。 为什么不能删掉呢?因为代码 push 到远程仓库后会走 CI 流程, CI 流程里有代码检查节点进行 ESLint 检查 CI 节点的 ESLint 规则开发者无法修改 阅读全文
posted @ 2025-09-12 15:36 guangzan 阅读(191) 评论(0) 推荐(2)
摘要: 引言 在状态管理领域,计算属性(computed properties)是一个极其重要的概念。MobX 和 Pinia 等库都内置了计算属性功能,允许开发者声明式地定义派生状态。虽然 Zustand 本身没有直接提供 computed API,但这并不意味着我们无法实现类似的功能。 本文将介绍三种在 阅读全文
posted @ 2025-08-06 14:03 guangzan 阅读(277) 评论(0) 推荐(1)
摘要: 引言 在现代 React 应用开发中,状态管理一直是开发者面临的核心挑战之一。虽然 Redux 曾是主流解决方案,但其繁琐的样板代码让许多开发者望而却步。Zustand 作为一个轻量级的状态管理库,提供了更简洁的 API 和更好的 TypeScript 支持,同时还能与 React Context 阅读全文
posted @ 2025-08-06 13:57 guangzan 阅读(86) 评论(0) 推荐(0)
摘要: 引言 在现代前端应用中,模态框(Modal)是最常用的UI组件之一。然而,随着应用规模的增长,模态框的状态管理往往会变得混乱。本文将介绍一种基于 Pinia 和 Vue 3 Composition API 的类型安全模态框管理方案,帮助你优雅地处理应用中的各种模态框状态。 核心概念解析 1. Pin 阅读全文
posted @ 2025-07-28 14:57 guangzan 阅读(129) 评论(0) 推荐(0)
摘要: 实现环形进度条效果【一】 好基友扔过来一张效果图,简单分析下,一起看看如何实现它吧。 一个半环形用于表示 0 - 100%。 半环形开头有一个圆点作为修饰。 半环形两端需要呈现为圆角。 通过 div 实现 先画一个长方形。 <div class="graph"></div> .graph { width: 200px; he 阅读全文
posted @ 2023-11-26 15:19 guangzan 阅读(1123) 评论(2) 推荐(6)
摘要: 理解 React 中的 useEffect、useMemo 与 useCallback ![](https://img2023.cnblogs.com/blog/1501373/202305/1501373-20230508094607697-173292978.jpg) ## useEffect 先理解 useEffect 有助于学习 useMemo 和 useCallback。因为 阅读全文
posted @ 2023-05-08 09:46 guangzan 阅读(3990) 评论(2) 推荐(5)
摘要: temp1.dispatchEvent( new MouseEvent('mouseover', { view: window, bubbles: true, cancelable: true, }) ); 阅读全文
posted @ 2023-05-07 14:15 guangzan 阅读(110) 评论(0) 推荐(3)
摘要: ## 问题 在当前版本 vant weapp 组件库中,sticky 组件 offsetTop 属性类型为 number,单位默认为 px 且无法更改,而小程序默认单位是 rpx。这导致在一些场景下,如 sticky 的元素与顶部须保留一定距离,无法直接设置 offsetTop。 ## 解决 通过小 阅读全文
posted @ 2022-07-27 09:36 guangzan 阅读(1323) 评论(0) 推荐(2)
摘要: 解决方法 进入你当前的项目的 .git 目录 cd ./.git/ 删除 index.lock(linux) rm -rf ./index.lock 删除 index.lock(windows) rm -r -fo ./index.lock index.lock 执行编辑索引的 Git 命令时,Gi 阅读全文
posted @ 2022-07-19 11:35 guangzan 阅读(772) 评论(0) 推荐(0)
摘要: node-sass 不支持 >>> 语法,推荐改用 /deep/。后来,node-sass 被 deprecated,推荐使用 dart-sass。但 dart-sass 又和 /deep/ 有冲突。所以,如果你使用 vue2 同时又使用 dart-sass,只剩一种选择 ::v-deep。 <st 阅读全文
posted @ 2022-07-13 15:26 guangzan 阅读(463) 评论(0) 推荐(2)
摘要: 前置 微信小程序官方文档自定义组件章节内容比较杂,以下是我的学习记录。 小程序自定义组件 原生微信小程序支持简洁的组件化编程,通过组件化编程可以: 将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用 将复杂的页面拆分成多个低耦合的模块,有助于代码维护 发布第三方原生小程序自定义组件或组件 阅读全文
posted @ 2022-02-12 12:33 guangzan 阅读(1698) 评论(3) 推荐(2)
摘要: 掌握用文本文件和CSⅴ文件准备训练数据 掌握对数据列和非数据列的处理 掌握从文件中加载训练数据 用文件准备训练数据 纯文本文件 纯文本文件(.txt):只保存文本信息的文件 相比Word、PDF等格式文件较小 相比二进制格式存储数据文件稍大(易读性较好) 数据的数字化 数据格式 训练数据的格式 数据 阅读全文
posted @ 2021-10-21 22:40 guangzan 阅读(484) 评论(3) 推荐(3)
摘要: 了解非线性问题、分类问题 掌握神经网络解决二分类问题 掌握随机生成训练数据的方法 非线性问题 三好学生问题:家长们再次凑到一起,但这次情况不一样了,孩子们的总分不知道,仅知道是否评选上三好学生的结果。 计算总分的规则仍然是:总分 = 德育分*60% + 智育分*30% + 体育分*10% 评选三好学 阅读全文
posted @ 2021-10-04 20:30 guangzan 阅读(528) 评论(0) 推荐(2)
摘要: 🎁 点击这里 获取国庆头像。通过 Vue3 + Vant(组件库) + Vite 构建。 应用的流程 在做之前,先思考它的流程: 上传头像 选择头像模板 保存新头像 进入应用放出节日祝福与简单的使用介绍。 开始仅显示一个上传头像按钮。这样做的好处是,直接固定第一步操作。如果将模板和保存按钮显示出来 阅读全文
posted @ 2021-10-01 17:02 guangzan 阅读(533) 评论(6) 推荐(6)
摘要: 掌握标量、向量、张量等概念 掌握如何用向量形式简化神经网络结构并编程实现 了解线性问题 标量、向量、张量 张量 在上一章的代码中添加 print 函数: 代码 # import tensorflow as tf import tensorflow.compat.v1 as tf tf.disable 阅读全文
posted @ 2021-09-22 15:07 guangzan 阅读(457) 评论(3) 推荐(0)
摘要: 了解引入的需要神经网络解决的问题 学习用神经网络的基本结构、表达方式和编程实现 学习训练神经网络的基本方法 三好学生成绩问题 总分 = 德育分 * 60% + 智育分 * 60% + 体育分 * 60% 假设家长不知道这个规则,已知: 学校一定是以德育分、智育分和体育分三项分数的总分来确定三好学生的 阅读全文
posted @ 2021-09-22 13:55 guangzan 阅读(174) 评论(0) 推荐(0)