• 2024-11-21ReactPress vs VuePress vs RectPress
    ReactPress:重塑内容管理的未来在当今数字化时代,内容管理系统(CMS)已成为各类网站和应用的核心组成部分。ReactPress作为一款融合了现代Web开发多项先进技术的开源发布平台,正以其卓越的性能、灵活性和可扩展性,赢得了广大开发者和内容创作者的青睐。本文将重点介绍ReactPress,并
  • 2024-11-20【React】Debugging for Next.JS
    1.Createafilenamed .vscode/launch.json{"version":"0.2.0","configurations":[{"name":"Next.js:debugserver-side","type":"node-terminal","req
  • 2024-11-20React+AntD Table支持下拉分页和自定义输入分页条数
    实例支持在下拉分页框内输入分页条数来实现自定义分页代码usePageSizeSelect.jsimport{useEffect,useState}from"react";importBusfrom"../../utils/eventBus";exportfunctionusePageSizeSelect(){constonInputKeyDown=(e)=>{consttemp
  • 2024-11-20React+AntD文件上传并自定义上传逻辑
    上传组件DragClickUpload.tsximport{CloudUploadOutlined}from'@ant-design/icons';importtype{UploadProps}from'antd';import{message,Upload}from'antd';importReact,{useState}from'react';importaxiosfrom&
  • 2024-11-20使用脚手架搭建React项目
  • 2024-11-20React 组件中 State 的定义、使用及正确更新方式
  • 2024-11-19将打包后的 React或Vue 与 WebApi 部署在同一站点
    前后端分离的开发中,在部署项目时通常会分开进行部署,而这样又很麻烦,需要配置跨域,域名配置等等有一些情景下,我们需要采用更为方便的方式去部署,可以参考下方方法进行调整准备WebApi项目一个打包好的前端项目React或VUE都可以调整为WebApi项目新增wwwroot文件夹,用于放置前
  • 2024-11-19Taro首个支持鸿蒙的 UI 库,同时还兼容 React Native、小程序、H5
    Taro4.0已经推出一段时间了,4.0版本主要是支持了鸿蒙端的开发以及Vite编译工具的支持。duxapp在这段时间也跟随Taro的脚步,实现的对鸿蒙端的支持,并且也将之前的duxui这个多端的UI库,对鸿蒙端实现了兼容。duxui组件库提供了60+的组件支持,能快速帮助你完成业务。现在
  • 2024-11-17React--》如何高效管理前端环境变量:开发与生产环境配置详解
    在前端开发中,如何让项目在不同环境下表现得更为灵活与高效,是每个开发者必须面对的挑战,从开发阶段的调试到生产环境的优化,环境变量配置无疑是其中的关键。env配置文件:通常用于管理项目的环境变量,环境变量是一些预设的值,可以根据不同的环境(如开发环境、测试环境和生产环境)动
  • 2024-11-17使用React和Vite构建一个AirBnb Experiences克隆网站
    这一篇文章中,我会教你如何做一个AirBnbExperiences的克隆网站。主要涵盖React中Props的使用。克隆网站最终呈现的效果:1.使用vite构建基础框架npmcreatevite@latestcdairbnb-projectnpminstallnpmrundev2.构建网站的3个部分网站从上至下主要分为导航栏
  • 2024-11-16基于低代码框架的开发:AMIS+React
    上一期讲了如何在AMIS的编辑器中搭建页面,今天来讲讲如何在react项目中使用amisSDK对编辑器生成的json包解译。初始化项目请参照官方提供Demo: GitHub-aisuda/amis-react-starter:amisreact初始项目示例。安装npmiamis修改配置文件 这是我目前的配置文件信息:{
  • 2024-11-16解析 React Scheduler 原理,Solid 竟也在使用!
    对于ReactScheduler,它通过将任务切片并异步执行,避免了阻塞浏览器的主线程。很多人其实都看到过类似的文章了,甚至说去手写调度器,都写的很不错,所以本文将从一个新的角度探讨ReactScheduler,揭示它是如何利用几个简单的API实现这一壮举的。ReactScheduler解析首先,让
  • 2024-11-16什么是虚拟DOM?它在React中是如何工作的?
    虚拟DOM(VirtualDOM)是React中用于优化UI渲染性能的一种核心概念。它是一种轻量级的JavaScript对象,用来模拟真实DOM节点的结构和属性。虚拟DOM的主要作用是在内存中构建一个UI的抽象表示,然后通过与真实DOM进行比较和更新,减少直接操作真实DOM的次数,从而提高性能。在React中,虚拟D
  • 2024-11-15记一次react+node+nginx+mysql+docker发布
    简言这是为了给老婆工作上算培训班课时,计算课销更方便点的CRM(纸质档转线上)准备工作React项目Node项目(express,koa任意选择)一台服务器(如果你是纯手工发布,服务器选择倒是无所谓,如果要结合docker的话,请选择国外服务器或者香港也行,阿里云就算了,我自己最开始用的阿里云,docker根本p
  • 2024-11-15从零到一构建并打包 React + TypeScript + Less组件库教程(四、Icon 图标组件库自动生成 svg 组件)
    了解流行组件库的Icon组件本系列目录如下:项目初始化搭建+代码规范集成组件库多产物编译及文档编写turborepo集成Icon图标组件库自动生成svg组件点击查看此次commit本篇文章技术来源于semidesign,参考了semidesign的icon组件库设计观察我们经常使用的组件
  • 2024-11-15React系列一:创建React项目
    文章目录NPM安装React检查是否安装Node.js和npm检查拉取仓库是否使用国内并设置国内使用create-react-app快速构建React开发环境项目结构src下的index.js和index.csssrc下的App.js和App.cssApp.js挂载新组件NPM安装React检查是否安装Node.js和npmnode-vnpm-v
  • 2024-11-15React Router 的实现原理
     本文分两部分,一说前端路由的基本原理,二说ReactRouter的实现原理前端路由的基本原理​不说屁话,从时间线上讲,Web应用原本是后端渲染,后来随着技术的发展,有了单页面应用,慢慢从后端渲染发展成前端渲染在博客前端路由hash、history的实现 一问中我已经介绍过这两种模式h
  • 2024-11-15React setState是异步吗?
     React官网对于setState的说明:将setState()认为是一次请求而不是一次立即执行更新组件的命令。为了更为可观的性能,React可能会推迟它,稍后会一次性更新这些组件。React不会保证在setState之后,能够立刻拿到改变的结果。以上说明执行setState时,有可能是异步(大部分情况下)更新
  • 2024-11-14利用 React 构建现代化 Web 应用的核心实践
  • 2024-11-14从零到一构建并打包 React + TypeScript + Less组件库教程(二、组件库编译多产物及文档编写)
    本系列目录如下:项目初始化搭建+代码规范集成组件库多产物编译及文档编写上篇文章我们将组件库的基本结构和规范进行了整理,本篇的核心基本全在components文件夹下本篇的打包参考了文章https://github.com/worldzhao/blog/issues/5,强烈建议阅读一下此文章,而且讨论区也能
  • 2024-11-14从零到一构建并打包 React + TypeScript + Less组件库教程(一、项目初始化搭建+代码规范集成)
    本系列涉及的内容如下:组件库基础搭建,react+ts+less项目规范,包括但不限于prettier、eslint、stylelint、husky、lint-staged、commitlintpnpmmonorepo+turborepo集成gulp+webpack构建esm、cjs和umdstorybook文档集成此系列不包含发布npm和构建CI流程。
  • 2024-11-14java 使用开源免费API实现翻译功能 - 代码基于spring ai和国产大模型
    大模型技术推动翻译进入新阶段过去,我们主要依赖百度或其他团队提供的翻译API来实现中英、英中、日中、中日等多种语言间的翻译。然而,随着大模型技术的发展,其在内容理解能力上已远超传统翻译工具。现在,我们可以完全依靠这些先进的大模型来进行更准确、自然的多语言翻译工作,这
  • 2024-11-13【React Router】基于 react-router-dom 的路由配置与导航详解
    文章目录一、ReactRouter组件概述1.ReactRouter的作用2.主要组件介绍二、ReactRouter的基本使用1.安装与配置2.配置基础路由3.路由重定向三、嵌套路由与布局1.嵌套路由2.带参路由四、路由守卫与重定向1.路由守卫2.路由重定向五、总结React是现
  • 2024-11-13如何将下载的mp4视频嵌入react应用程序?
    将下载的mp4视频嵌入React应用程序可以通过以下步骤实现:将下载的mp4视频文件放置在React应用程序的合适位置,例如在public文件夹下创建一个videos文件夹,并将视频文件放置其中。在React组件中引入视频文件,可以使用<video>标签来嵌入视频。在组件的render方法中,可以使用以下代码来
  • 2024-11-13❤React-JSX语法认识和使用
    1、JSX基本使用​JSX是React的核心JSX是ES的扩展jsx语法->普通的JavaScript代码->babelReact可以使用JSX的前提和原因:React生态系统支持: 脚手架通常用于构建React应用程序,而JSX是React框架的核心语法之一。因此,脚手架默认支持JSX语法,以便更轻松地编写和管理React组件