摘要： 背景 我们团队主要在做 C 端产品，对于 C 端应用，图片资源使用 CDN 十分重要，因此我们曾建立了一个文件上传平台：上传文件后，可以复制图片的 CDN URL 在前端项目中使用。 目前服务端不会对图片做压缩，使用前得先借助其他工具手动压缩再上传，体验很差。调研后发现，纯前端就能完成压缩且完全满足 阅读全文

摘要： import { render } from 'preact' const frag = document.createDocumentFragment() render(<CustomComponent />, frag) const container = document.querySelec 阅读全文

摘要： 为何需要通用 Action？ 在 Zustand 状态管理库中，开发者常常需要为状态对象的每个字段单独编写更新函数。然而，随着状态结构的复杂化，这种方式会导致代码冗余，维护成本增加。例如： updateName: (name) => set(() => ({ name })), updateAge: 阅读全文

摘要： 问题 使用 Delete unused imports 操作时，同时删掉了 import React from 'react';。 为什么不能删掉呢？因为代码 push 到远程仓库后会走 CI 流程， CI 流程里有代码检查节点进行 ESLint 检查 CI 节点的 ESLint 规则开发者无法修改 阅读全文

摘要： 引言 在状态管理领域，计算属性（computed properties）是一个极其重要的概念。MobX 和 Pinia 等库都内置了计算属性功能，允许开发者声明式地定义派生状态。虽然 Zustand 本身没有直接提供 computed API，但这并不意味着我们无法实现类似的功能。 本文将介绍三种在 阅读全文

摘要： 引言 在现代 React 应用开发中，状态管理一直是开发者面临的核心挑战之一。虽然 Redux 曾是主流解决方案，但其繁琐的样板代码让许多开发者望而却步。Zustand 作为一个轻量级的状态管理库，提供了更简洁的 API 和更好的 TypeScript 支持，同时还能与 React Context 阅读全文

摘要： 引言 在现代前端应用中，模态框(Modal)是最常用的UI组件之一。然而，随着应用规模的增长，模态框的状态管理往往会变得混乱。本文将介绍一种基于 Pinia 和 Vue 3 Composition API 的类型安全模态框管理方案，帮助你优雅地处理应用中的各种模态框状态。 核心概念解析 1. Pin 阅读全文

摘要： 好基友扔过来一张效果图，简单分析下，一起看看如何实现它吧。 一个半环形用于表示 0 - 100%。 半环形开头有一个圆点作为修饰。 半环形两端需要呈现为圆角。 通过 div 实现 先画一个长方形。 <div class="graph"></div> .graph { width: 200px; he 阅读全文

摘要：  ## useEffect 先理解 useEffect 有助于学习 useMemo 和 useCallback。因为 阅读全文

摘要： temp1.dispatchEvent( new MouseEvent('mouseover', { view: window, bubbles: true, cancelable: true, }) ); 阅读全文

摘要： ## 问题 在当前版本 vant weapp 组件库中，sticky 组件 offsetTop 属性类型为 number，单位默认为 px 且无法更改，而小程序默认单位是 rpx。这导致在一些场景下，如 sticky 的元素与顶部须保留一定距离，无法直接设置 offsetTop。 ## 解决 通过小 阅读全文

摘要： 解决方法 进入你当前的项目的 .git 目录 cd ./.git/ 删除 index.lock（linux） rm -rf ./index.lock 删除 index.lock（windows） rm -r -fo ./index.lock index.lock 执行编辑索引的 Git 命令时，Gi 阅读全文

摘要： node-sass 不支持 >>> 语法，推荐改用 /deep/。后来，node-sass 被 deprecated，推荐使用 dart-sass。但 dart-sass 又和 /deep/ 有冲突。所以，如果你使用 vue2 同时又使用 dart-sass，只剩一种选择 ::v-deep。 <st 阅读全文

摘要： 前置 微信小程序官方文档自定义组件章节内容比较杂，以下是我的学习记录。 小程序自定义组件 原生微信小程序支持简洁的组件化编程，通过组件化编程可以： 将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用 将复杂的页面拆分成多个低耦合的模块，有助于代码维护 发布第三方原生小程序自定义组件或组件 阅读全文

摘要： 掌握用文本文件和CSⅴ文件准备训练数据 掌握对数据列和非数据列的处理 掌握从文件中加载训练数据 用文件准备训练数据 纯文本文件 纯文本文件（.txt）：只保存文本信息的文件 相比Word、PDF等格式文件较小 相比二进制格式存储数据文件稍大（易读性较好） 数据的数字化 数据格式 训练数据的格式 数据 阅读全文

摘要： 了解非线性问题、分类问题 掌握神经网络解决二分类问题 掌握随机生成训练数据的方法 非线性问题 三好学生问题：家长们再次凑到一起，但这次情况不一样了，孩子们的总分不知道，仅知道是否评选上三好学生的结果。 计算总分的规则仍然是：总分 = 德育分*60% + 智育分*30% + 体育分*10% 评选三好学 阅读全文

摘要： 🎁 点击这里 获取国庆头像。通过 Vue3 + Vant（组件库） + Vite 构建。 应用的流程 在做之前，先思考它的流程： 上传头像 选择头像模板 保存新头像 进入应用放出节日祝福与简单的使用介绍。 开始仅显示一个上传头像按钮。这样做的好处是，直接固定第一步操作。如果将模板和保存按钮显示出来 阅读全文

摘要： 掌握标量、向量、张量等概念 掌握如何用向量形式简化神经网络结构并编程实现 了解线性问题 标量、向量、张量 张量 在上一章的代码中添加 print 函数： 代码 # import tensorflow as tf import tensorflow.compat.v1 as tf tf.disable 阅读全文

摘要： 了解引入的需要神经网络解决的问题 学习用神经网络的基本结构、表达方式和编程实现 学习训练神经网络的基本方法 三好学生成绩问题 总分 = 德育分 * 60% + 智育分 * 60% + 体育分 * 60% 假设家长不知道这个规则，已知： 学校一定是以德育分、智育分和体育分三项分数的总分来确定三好学生的 阅读全文