- 博客(360)
- 收藏
- 关注
RSS订阅原创 第三个小程序动工：一款结合ai的菜谱小程序
找到一个合适的文件夹，cmd项目初始化React 与 Preact 是功能相似但设计理念不同的两个前端库，以下是它们的核心区别与联系：---### **核心联系**1. **相似的 API 设计**Preact 与 React 的 API 高度兼容，包括组件模型、虚拟 DOM 和 JSX 语法。开发者可以轻松迁移 React 项目到 Preact，或反之。2. **共享生态系统**
2025-05-20 09:42:00
385
原创 error: src refspec master does not match any git推送时，本地分支与远程分支的注意点
出现该错误是因为你本地没有名为master的分支，而当前处于main分支。Git 默认分支名可能已从master更改为main。
2025-05-19 07:47:19
80
原创 supabase的注册与等待
本文简要介绍了使用Supabase作为Firebase的开源替代方案进行注册与登录的过程。用户使用QQ邮箱快速完成注册后，建议安装数据库管理工具DBeaver以便后续操作。文章还提到DBeaver的安装步骤需要用户自行搜索完成。整体流程简洁高效，适合开发者快速上手Supabase。
2025-05-15 07:46:43
202
原创 一个完整的项目示例：taro开发微信小程序
前一周完成了一个项目，体测成绩转换的工具，没做记录，。这次计划开发一个地图应用小程序，记录一下。方便给使用的人。
2025-05-13 13:57:00
580
原创 人工辅助编程项目化开发的经验总结
不同的语言有不同的机制，如果我们对于我们使用的语言不熟悉的话，建议使用一些中间件的方式来实现。将所有可以复用的信息或者变动信息以一张表的形式存储，然后在不同的页面端进行提取。然后再添加其他的一些辅助功能，特别要注意实现代码之间的科学规划，避免后期个人调试的时候或者个人编写的时候代码的无序和混乱。注意要不停的提醒功能组件的复用，放到可复用的目录文件夹以下，避免后期维护困难。不同的语言需要使用不同的技术来处理信息的传递，这样。使用合适的状态管理，错误的状态管理容易造成渲染的冲突。第四，关于功能组件的调试问题。
2025-05-12 05:42:18
124
原创 Taro 编译不平不同平台小程序
**支付宝小程序** | `alipay` | `taro build --type alipay` | `npm run build:alipay` || **微信小程序** | `weapp` | `taro build --type weapp` | `npm run build:weapp` || **QQ 小程序** | `qq` | `taro build --type qq` | `npm run build:qq` |2. **通过 `npm scripts` 运行**
2025-05-10 13:15:19
710
原创 小程序快速开发的模型与相关技术。
**原子化 CSS**| UnoCSS + `unocss-preset-weapp` | 按需生成样式，自动转换 `rpx`，体积极小（<10KB），兼容小程序特性。| **开发框架** | Taro 3.6+ (React) | 多端编译支持，社区活跃，微信小程序兼容性最佳。| **UI 组件库** | NutUI-React-Taro | 京东官方适配 Taro 的组件库，70+ 组件，专为移动端和小程序优化。- **样式覆盖技巧**：通过 `!
2025-05-09 05:43:47
965
原创 taro的学习记录
使用这边预览，即可。其他的工作还是要在vscode哪边做的。1.根据网站的顺序进行。直接运行：pnpm dev:weapp。其他的工具完全可以在这里做了。根据情况选择，不明白 的问ai。完成之后，用vscode打开。
2025-05-07 09:20:33
318
原创 React 文件链条
*首次显示的是 `public/index.html` 中通过 `src/index.js` 渲染的 `src/App.jsx` 组件内容**。浏览器请求 → 加载 index.html → 执行 index.js → 渲染 App.jsx → 显示界面。// 这里决定了首次渲染的是 App.jsx。- 实际显示的是 `App` 组件被渲染到 `index.html` 中的结果。2. **`src/index.js` 或 `src/index.jsx`**1. **不是直接显示 `App.jsx`**
2025-04-25 11:39:31
533
原创 python 更换 pip 镜像源
如果仍有问题，可能是网络限制，可尝试切换其他镜像源或使用代理。在安装 python模块时，如遇到下载速度慢的问题，可以通过。通过以上方法，下载速度通常可提升。
2025-04-23 15:08:33
434
原创 Vscode已经打开的python项目，如何使用已经建立的虚拟环境
在 VS Code 中使用已创建的 Conda/Mamba 虚拟环境。完成后，你的 VS Code 将完全使用。如果不想每次打开终端都自动激活环境，在。（路径需替换为你的实际路径，可通过。有时需要重启后才能识别新环境。在终端运行以下命令，检查。点击终端右下角，选择。（Windows）或。环境运行和调试代码！
2025-04-23 14:48:29
832
原创 Conda命令的替代品，你完全 可以用一下。
是 Conda 的，由 C++ 编写，专为而设计。它完全兼容 Conda 的命令和包管理方式，但比 Conda，尤其适合处理复杂依赖环境（如机器学习、科学计算等）。
2025-04-23 14:38:53
472
原创 Python 高阶函数:日志的高级用法
f"均值 {np.mean(history)/1e6:.2f}ms ± {np.std(history)/1e6:.2f}ms")logging.error("AI诊断结果:\n" + response.choices[0].message.content)"content": f"分析以下Python错误原因，用中文给出解决建议：\n{error_info}"@live_dashboard("ws://monitor.example.com") # 实时监控。@version_aware # 版本追踪。
2025-04-18 19:22:36
791
1
原创 Pc端软件关键代码的服务器验证方式
self.result_label.config(text=f"计算结果: {local_vars['result']}")self.result_label = tk.Label(frame, text="结果将显示在这里")messagebox.showerror("错误", f"执行失败: {str(e)}")[客户端] --(HTTPS请求)--> [验证服务器] --(返回加密代码)--> [客户端动态执行]"""生成简单设备指纹（生产环境需要更复杂的方案）""""""解密接收到的代码"""
2025-04-15 21:59:19
1035
原创 第一课：环境配置与基础语法
参考如上文章，另外在init时出错，一定要注意的是带版本号。为了效果，请在app.jsx中将如下代码复制进去看一下。第一课的内容直接参考即或。
2025-04-14 09:36:32
189
原创 react tailwindcss最简单的开始
Install Tailwind CSS with Vite - TailwindCSS中文文档 | TailwindCSS中文网。前段时间一直卡在@版本号的问题上了。为了其他小朋友们遇到类似 问题，所以记录之。
2025-04-14 08:28:59
617
原创 react从零开始的基础课1
React 组件是一段可以 使用标签进行扩展 的 JavaScript 函数。</h1>function Greeting(props)定义名为Greeting 的 JavaScript 函数。React 组件是常规的 JavaScript 函数，但组件的名称必须以大写字母开头，否则它们将无法运行！JSX 引号内的值会作为字符串传递给属性。大括号让你可以将 JavaScript 的逻辑和变量带入到标签中。它们会在 JSX 标签中的内容区域或紧随属性的后起作用。{{和}}
2025-04-09 15:59:20
1144
原创 JSX 中，`style` 和 `className` 是两种不同的样式控制方式
优先用className：保持样式可维护性，利用 CSS 完整功能。必要时用style：处理动态样式或少量内联覆盖。混合使用：例如用className定义基础样式，style覆盖部分动态属性。
2025-04-09 14:59:13
388
原创 JavaScript中，`slice()` 是数组的一个方法，用于创建一个原数组的浅拷贝。当调用 `slice()` 时不传递任何参数
在JavaScript中，slice()是数组的一个方法，用于创建一个原数组的浅拷贝。当调用slice()时不传递任何参数（如），它会复制原数组的全部元素，返回一个新数组。这样做的主要目的是，确保数据的不可变性。
2025-04-09 07:44:05
298
原创 const let var 在react jsx中的使用方法 。
块级作用域const和let拥有块级作用域，var是函数作用域。重新赋值const声明的常量不能重新赋值（对象和数组的内部属性或元素除外），let声明的变量可以重新赋值。变量提升var存在变量提升，const和let存在暂时性死区，声明前访问会报错。在实际编码时，建议优先使用const，当需要重新赋值时再使用let，尽量避免使用var。
2025-04-08 16:41:01
395
原创 Tailwind CSS的五节课教学计划
通过以上课程，学员可逐步掌握从基础配置到复杂项目开发的完整流程，充分利用Tailwind CSS的原子化特性提升开发效率。：完成Tailwind CSS在React项目中的安装与基本类名使用。：掌握Tailwind的布局类（Flex/Grid）与组件化开发。：开发一个包含导航栏和卡片列表的页面，支持移动端与桌面端布局。：配置一个React项目，实现包含响应式文本和背景色的组件。：优化Tailwind CSS的生产构建，提升应用性能。：优化现有项目，对比开发与生产环境的CSS文件大小差异。
2025-04-08 13:42:32
959
原创 原子化 CSS 的常见实现框架
原子化 CSS 是一种 CSS 架构方法，其核心思想是将样式拆分为最小粒度的单一功能类，每个类仅对应一个具体的样式属性（如颜色、边距、字体大小等），通过组合这些类来构建复杂的界面。这种方式强调代码复用性、维护性和灵活性，能够显著减少重复代码并提升开发效率。通过合理选择框架，React 开发者可以更高效地实现样式管理，同时保持代码的可维护性。
2025-04-08 13:36:17
898
原创 JavaScript/React中，...（三个连续的点）被称为 扩展运算符（Spread Operator） 或 剩余运算符（Rest Operator）
你的代码中...order创建新对象（不修改原order）保留所有原有属性（id/total/products等）追加新属性（tax和finalAmount）这是现代JavaScript中实现不可变数据更新（immutable update）的标准做法，特别适合React的状态管理场景。
2025-04-08 10:14:53
326
原创 react学习：jsx语法：箭头函数 `(param1, param2) =＞ { ... }` 详细示例指南
button{children}</button>特性箭头函数普通函数this绑定词法作用域（自动绑定）动态绑定（call/apply改变）arguments不可用可用构造函数不能使用new可以原型属性没有prototype有代码简洁度高（适合简单逻辑）低调试友好度匿名函数难调试有函数名便于调试更安全地处理React事件绑定编写更简洁的数组操作方法避免常见的this指向错误构建更高效的函数式组件。
2025-04-08 10:09:11
645
原创 React 和 JSX 中，这些符号 (=＞, ＜, ? :)的用法
符号名称React 主要用途注意事项=>箭头函数定义组件、事件处理、列表渲染避免在JSX中直接创建新函数JSX开始/小于运算符定义组件/比较运算比较运算需用{}包裹?三元条件运算符条件渲染、动态class、条件导出避免嵌套超过2层掌握这些符号的准确用法，可以让你更高效地编写 React 代码！
2025-04-08 10:04:26
511
原创 export default function？在react中在前面还是后面呢？
场景推荐写法原因普通组件简洁直观需要包装的组件先声明后导出 + HOC便于扩展需要静态属性先声明后导出方便添加属性需要调试先声明后导出便于插入调试代码动态导出先声明后导出灵活控制导出内容通用建议项目内保持统一风格80% 的情况直接用即可当看到需要 “加工” 组件时，切换到先声明后导出模式是否需要我针对某个具体场景展开更详细的实现？
2025-04-08 09:48:32
292
原创 React 的 JSX 语法中，引号和大括号有不同的用途
掌握引号和大括号的区别，能让你更精准地控制数据类型的传递和动态渲染逻辑。，它们决定了属性值的类型和动态性。在 React 的 JSX 语法中，
2025-04-08 07:37:51
610
原创 ubuntu，react的学习（1）
其实我感觉不过是把python的类似的函数功能，只不过是可以封？使用vscode打开文件夹，竟然直接打不开。在此目录下，开启命令行。余下的按这个就行了。
2025-04-07 17:15:46
812
原创 ubuntu下的node.js的安装
将 Node.js 的二进制路径添加到系统环境变量中。遇到问题可检查路径是否正确或文件是否损坏。如果尚未下载文件，可以通过。将解压后的文件夹移动到。
2025-04-07 16:09:24
840
原创 第4课：列表渲染与条件渲染
列表渲染的key最佳实践四种条件渲染模式的应用场景复杂数据结构的可视化呈现交互体验的全面优化列表性能优化意识条件逻辑的优雅处理用户反馈的视觉设计。
2025-04-06 16:05:55
581
原创 第2课：JSX语法与组件基础
JSX是JavaScript XML的缩写，它允许我们在JavaScript中编写类似HTML的代码。不是字符串也不是HTML最终会被转译为普通的JavaScript函数调用必须返回单个根元素Props是组件的输入参数，用于父组件向子组件传递数据。JSX的核心语法和规则组件Props的概念和使用方法React中的三种样式添加方式创建了一个可重用的TaskCard组件。
2025-04-05 10:36:13
848
原创 第1课：React开发环境搭建与第一个组件
让我们看看├── node_modules/ # 所有依赖的库├── public/ # 静态文件│ ├── index.html # 主HTML文件│ └── ...├── src/ # 主要工作目录│ ├── App.css # 主样式文件│ ├── App.js # 主组件文件│ ├── App.test.js # 测试文件│ ├── index.css # 全局样式│ ├── index.js # 应用入口文件│ └── logo.svg # React图标。
2025-04-05 09:46:19
1639
原创 Git 换行符警告（LF replaced by CRLF）的解决方案
确保你的编辑器（如 VS Code、WebStorm）保存文件时使用。（Linux/Mac 风格），而非 Windows 的。Git 默认会尝试自动转换这些文件，但触发了警告。对于图片、压缩包等二进制文件，添加以下规则到。等）的行尾符（Line Ending）是。根据你的日志和知识库中的信息，以下是针对。上工作，但某些文件（如。如果无警告，说明配置生效。与 Git 配置一致。如果仍有问题，请提供。输出以便进一步排查！
2025-04-05 09:33:47
913
原创 个体户信用信息公示，自己操作记录。可参考。以山东省为例
2.电子营业证登录，如果是代管理执照，请事先在小程序上进行绑定和授权。如果是自己的话，直接扫。4.点击编辑，根据情况，然后最后提交。
2025-04-03 07:51:13
105
山东省中小学学籍管理，照片更新工具 使用说明 ：https://blog.csdn.net/weixin-42771529/article/details/146171050?sharetype=bl
2025-03-11
frpc-windows-amd64-v0.3
2024-10-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人