React学习笔记(一)
组件化思想
组件
组件是构建 React 应用的独立、可复用的代码块。它接收输入(称为 props),并返回描述UI的 React 元素。
函数组件 vs 类组件
函数组件:一个接受输入,并输出JSX的函数。
类组件:使用class定义,并继承React.Component的类,必须包含一个render()方法。
为什么函数组件成为主流
1、代码简洁:函数组件 ...
学习 React 前,你必须掌握的 10 个 JavaScript 核心概念
学习 React 前,你必须掌握的 10 个 JavaScript 核心概念
如果你正计划入门 React.js,先稍等一下 —— 问问自己:“我的 JavaScript 基础真的扎实吗?”
React 并非写过几行 JS 就能直接上手的框架。它要求你清楚 JavaScript 的底层工作原理,尤其是那些看似简单、却支撑着整个 React 生态的核心概念。
下面就为大家详细拆 ...
GitHub 星标太多管不过来?这款 AI 工具帮你一键整理、智能搜索!
大家好,我是 Java陈序员。
之前,给大家介绍过一个开源的 Github Stars 存储库管理器,用于解决 GitHub 星标库太多不好管理的问题。
开发者必备!Github Stars 存储库管理器!
今天,再给大家介绍一款 Github 星标库管理工具,与 AI 结合,实现更加强大的分类搜索功能!
关注微信公众号:【Java陈序员】,获取开源项目分 ...
【医疗行业案例】基于 React 的预约系统:DHTMLX 助力高效排班与预约管理
在医疗、酒店、美容等服务行业中,预约(Booking)与排班(Scheduling)是线上服务的两大核心功能。它们不仅是高效时间管理的基础,也保障了组织内部的工作流程有序运转。预约功能帮助用户快速完成就诊、住宿或服务的在线预订;而排班功能则确保组织合理利用人力资源,平衡工作负荷。正因如此,这两类功能在现代 Web 应用中 ...
实现一个 AI 编辑器 - 行内代码生成篇
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:佳岚
什么是行内代码生成?
通过一组快捷键(一般为cmd + k)在选中代码块或者光标处唤起 Prompt 命令弹窗,并且快速的应用生成的代码。
提示词系统
首先是完成一个简易的 ...
Node.js环境和antd初始化项目
Node.js 环境准备
为了方便切换 Node.js 版本, 在 Ubuntu 下使用 nvm 做 Node.js 的版本管理, 在 Windows 10 下使用 fnm 做 Node.js 的版本管理
Ubuntu 22.04 Node.js 环境准备
以下操作使用 Ubuntu 22.04 环境
访问 Node.js 下载说明页 https://nodejs.org/en/download
安装 nvm
nvm 的作用类似于 conda, 可以在用户目录下 ...
扣子 Coze 产品体验功能
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:长路
认识扣子
相关链接
官方文档:什么是扣子 https://www.coze.cn/open/docs/guides/welcome
学习资源:https://www.coze.cn/open/docs/guides/learning_resources
动态 ...
DHTMLX重磅发布React Scheduler组件,强势赋能日程管理开发!
React开发者们的呼声,DHTMLX团队听到了!继DHTMLX React Gantt图表广受欢迎后,DHTMLX再次带来全新力作 —— DHTMLX React Scheduler正式发布!
该组件将成熟稳定的JavaScript Scheduler功能完美移植到React生态,为现代Web开发提供强大的日程排程能力,极大地提升项目开发效率与界面体验。本文将带您快速了解其核心 ...
绝了!一款简洁优雅的高性能个人博客系统!
大家好,我是 Java陈序员。
作为一名程序员,你是否会想搭建个人技术博客,却被各种技术配置搞得头大?用静态博客系统要手动部署,用动态系统又担心速度太慢,找图床、配评论、做统计还要东拼西凑各种工具?
今天,给大家介绍一款简洁优雅的高性能个人博客系统,开箱即用!
关注微信公众号:【Java陈序员】,获取开源项目 ...
.NET 9 + React 开发的企业级后台权限管理系统,文档齐全,轻松上手
前言
在数字化转型浪潮中,高效且安全的权限管理是后台系统的核心基石。传统方案或依赖臃肿的三方框架,或难以满足细粒度权限需求。
今天推荐一款完全独立开发、基于前沿技术栈开发的RBAC权限系统。它摒弃了现成Admin框架的束缚,以 ".NET 9 + React 18" 双引擎驱动,深度融合按钮级权限与数据权限控制,并原生支持多租户架 ...
全网最全!1500+ 免费、美观的前端网页模板,建站神器(包括HTML、Vue、Angular、React等)!
前言
经常有小伙伴问我 Vue、React、Bootstrap 或者 Angular 这些有好看且免费的前端模板推荐的吗?今天大姚给大家分享一个宝藏网站,它汇聚了1500+ 免费、美观的前端网页模板,无论是 Vue、React、Bootstrap、Angular 等多种主流前端技术,你都能在这里找到心仪的模板,让你的前端开发之路更加顺畅!
HtmlRev:https://ht ...
一体化白板!一款开源的白板工具!
在日常工作中,我们常常需要使用到白板工具,用于作图,生成思维导图、流程图等来辅助工作。
今天,给大家介绍一款开源的白板工具,支持多种类型图!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
drawnix —— 一款开源的、基于 React 实现的白板工具(SaaS ...
开源免费!一个在线的数据库实体关系绘图工具!
大家好,我是 Java陈序员。
之前,给大家介绍过一款基于实体连接图的数据库设计工具。
可视化!一款基于实体连接图的数据库设计工具!
今天,给大家介绍一个同款的在线数据库实体关系绘图工具。
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
drawDB —— 一个 ...
SvelteKit 最新中文文档教程(21)—— 最佳实践之图片
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
ReAct vs Plan-and-Execute:LLM Agent 模式实战对比
在构建 LLM Agent 系统时,选择合适的推理模式至关重要。本文将深入对比两种主流的 Agent 推理模式:ReAct(Reasoning and Acting)和 Plan-and-Execute,通过实战案例帮助你做出正确的技术选型。
核心要点
深入理解两种主流 Agent 模式
ReAct 模式的思考-行动循环机制
Plan-and-Execute 的规划执行分离策略
掌握基于 ...
我开源了一个短视频应用(Go+React)|DouTok2.0 项目介绍
前言
大家好,这里是白泽,拖更了一段时间,抱歉。在 DouTok2.0 可以初步允许大家接入开发之后,这篇文章才得以出炉。
DouTok:一个开源的 web 端的短视频应用,采用微服务架构,包含前后端(React & Go),DouTok 正处在开发初期,目前已经完成了 基础的用户注册、登录、用户信息管理、视频上传、视频列表展示、评论、点 ...
react 知识点汇总(非常全面)
React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发并维护。它的核心理念是“组件化”,即将用户界面拆分为可重用的组件。
React 的组件通常使用 JSX(JavaScript XML)。JSX 是一种 JavaScript 语法扩展,允许开发者在 JavaScript 代码中编写类似 HTML 的结构。
1、初识react
1.1 常用命令
首先安装 Nodejs ...
react-pdf预览在线PDF的使用
1、在react项目中安装react-pdf依赖包
建议安装8.0.2版本的react-pdf,如果安装更高版本的可能出现一些浏览器的兼容性问题;
npm install react-pdf@8.0.2 -S
1、PC端的使用
1.1、封装一个组件:PdfViewModal.tsx
import React, { useState } from 'react'
import { Modal, Spin, Alert } from 'antd'
import { D ...
基于ReAct机制的AI Agent
当前,在各个大厂纷纷卷LLM的情况下,各自都借助自己的LLM推出了自己的AI Agent,比如字节的Coze,百度的千帆等,还有开源的Dify。
你是否想知道其中的原理?是否想过自己如何实现一套AI Agent?当然,借助LangChain就可以。
1. 简述AI Agent
何为AI Agent呢?如果拿人来对比的话,半支烟认为AI Agent就是一个会思考和行动 ...
解决react useEffect中的内容被执行两次的问题
当我们在函数组件中,希望使用 useEffect 来达到初始化的目的时,会发现总是在初始化的时候执行两遍
问题复现
组件代码部分
import "./assets/App.css";
import { useEffect } from "react";
const App = () => {
useEffect(() => {
console.log("组件初始化");
}, []);
return (
<>
...