• 2025-01-07请说说Flutter和RN有哪些区别?
    Flutter和RN(ReactNative)在前端开发领域都是备受关注的跨平台移动应用开发框架。它们之间的区别主要体现在以下几个方面:编程语言与架构:Flutter使用Dart作为其核心编程语言,并配备了自己的Skia渲染引擎来绘制UI元素。这种架构使得Flutter能够提供更快的渲染速度和更高的自定义
  • 2025-01-06GoWVP 全栈开发日记[1]:从 0 到实现 GB/T 28181 协议的完整实践
    GoWVP全栈开发日记[1]:从0到实现GB/T28181协议的完整实践服务端源代码https://github.com/gowvp/gb28181前端源代码https://github.com/gowvp/gb28181_web技术栈Golangv1.23,Gowebv1.x,Ginv1.10,Gormv1.25…React19,Vite6.x,Typescript,React-R
  • 2025-01-06如何系统学习 react 和 antd 技术
    系统学习React和AntDesign(antd)技术需要一个有条理的计划,涵盖基础知识、实践项目以及持续的学习和优化。以下是一个推荐的学习路径:1.学习基础JavaScript/ES6+:确保你对JavaScript语言本身有足够的理解,特别是ES6+的新特性,如箭头函数、解构赋值、模板字符串、类、模块
  • 2025-01-06实现Excel的导入导出(react篇)
    使用场景数据录入与编辑:在企业资源规划(ERP)、客户关系管理(CRM)等系统中,用户可通过导入Excel文件快速将大量数据录入系统,也可将系统中的数据导出为Excel进行编辑后再导入。数据分析与报表:在数据统计和分析平台中,用户可以导入包含原始数据的Excel文件,利用平台的分析功能
  • 2025-01-05Error: Attempted to call generateViewport() from the server (Next.js 15)
    Erroroccurredprerenderingpage"/".Readmore:https://nextjs.org/docs/messages/prerender-errorError:AttemptedtocallgenerateViewport()fromtheserverbutgenerateViewportisontheclient.It'snotpossibletoinvokeaclientfuncti
  • 2025-01-05React v16.0之后的版本为什么要删除和Will相关生命周期?
    Reactv16.0之后的版本删除和Will相关生命周期(componentWillMount、componentWillReceiveProps、componentWillUpdate)的原因主要有以下几点:与Fiber架构的调和过程不兼容:在React16中引入了Fiber架构,其调和(reconciliation)过程可能会多次执行,这与旧版生命周期中Will相关方法的设计
  • 2025-01-05说说你对Next.js的理解
    Next.js是一个基于React的开源JavaScript框架,由Vercel公司开发并维护。它通过提供一系列强大的功能,如服务器端渲染(SSR)、静态站点生成(SSG)、文件系统路由等,简化了React应用的构建过程,并优化了性能和开发体验。以下是我对Next.js的深入理解:一、核心特性服务器端渲染(SSR):Next
  • 2025-01-05在TypeScript中支持哪些JSX模式?
    在TypeScript中,支持以下三种JSX模式,这些模式主要影响编译阶段的代码生成,而不影响类型检查:preserve模式:在preserve模式下,TypeScript会保留JSX语法,不会对其进行任何转换。这意味着输出的代码仍然包含JSX标记,需要后续的转换步骤(如使用Babel)来将其转换为适合在浏览器中运行的Jav
  • 2025-01-05[cause]: TypeError: e_.createContext is not a function (Next.js 15)
    开发Next.js项目遇到报错: [cause]:TypeError:e_.createContextisnotafunction 出现这个报错的原因是在Next.js项目中,在 ServerComponent 中使用了MUI组件,但是MUI组件没有做SSR适配就会导致这个报错。解决办法解决办法就是在文件顶部添加 useclient 声明,让
  • 2025-01-04What is React compiler ?
    3assumptionsCodeisvalidJavaScriptTestvalues/propertiesaredefinedbeforeacceessingthemCodefollowsRulesofReactReactCompilerwillmostlikelydetectthatandskipcompilationforthecomponent.ThereisaloseESLintpluginthatcanwar
  • 2025-01-04How does React State Actually Work?
    HowdoesReacthandleupdates?HowReactCommunicatesWiththeRenderer?therendererthathandlestheupdatessetStatecallsrendererTheUpdateWhenwecallsetState,Reactaddsthepasseddatatoaqueue.Theupdatesarelaterhandledonebyon
  • 2025-01-04How Does React actually work ?
    ThebasicconceptsofReactreconciliationvirtualDOMrenderingdiffingalgorithmpre-knowledgeunderstandthedifferencebetweenReactcomponents,elementsandcomponentWhatisaReactcomponent?Reactcomponent=classorafunctionthatoutpu
  • 2025-01-04[Web Fronted] 前端框架: React
    序部分开源项目是基于Web前端框架React构建的,有必要了解一二。避免一脸懵逼,不知道怎么修改相关代码和配置概述:ReactReact的简介React起源于Facebook的内部项目因为该公司对市场上所有JavaScriptMVC框架都不满意,就决定自己写一套,用来架设Instagram的
  • 2025-01-04请说说前端跨端技术方案有哪些?
    前端跨端技术方案主要有以下几种:Finclip:Finclip是凡泰极客研发的小程序容器技术,它基于浏览器内核,采用动态语言(JS)和声明式View构建(XML)。这项技术兼容互联网主流小程序技术,并可采用Vue、React等框架进行开发。它的特点在于方便多个小程序页面之间的数据共享和交互,同时提高
  • 2025-01-03React-Router 一站式攻略:从入门到精通,掌握路由搭建与权限管控
    文章目录一、前言二、安装使用npm安装(推荐)使用yarn安装三、基础使用设置路由基础结构定义路由和组件关联直接在组件中定义路由定义单独一个路由表创建导航链接四、核心组件和功能BrowserRouter和HashRouterRoute组件Link组件Switch组件五、路由参数和嵌套路
  • 2025-01-03【前端】react入门级写法介绍和部分Demo
    React是一个由Facebook维护的用于构建用户界面的JavaScript库,特别是单页应用中数据渲染部分。它允许开发者创建复杂的UI界面,并且高效地更新和渲染当数据变化时的视图。React的核心理念是组件化开发,即通过组合小的、可重用的代码片段(组件)来构建整个应用程序。以下是十个常见
  • 2025-01-02这是一篇很好的互动式文章,Framer Motion 布局动画
      微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势,学习途径等等。本文GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。重现framer的神奇布局动画的指南。到目前为止,我最喜欢Framer
  • 2025-01-02从零开始构建React Native数字键盘功能
    从零开始构建ReactNative数字键盘功能发布于 2024-03-0113:58:333230举报文章被收录于专栏:终身学习者现代移动应用程序在入门过程中经常涉及一个步骤,你需要输入发送到你的电子邮件或手机号码的验证码PIN。有时,你需要使用类似于分割OTP输入字段的东
  • 2025-01-01React 国际化
    1.国际化的基础概念1.1什么是国际化?国际化(i18n):使应用程序支持多语言的能力。本地化(l10n):根据用户的语言、地区设置调整内容,如日期、时间、货币格式等。1.2国际化在React中的常见需求支持多种语言的文本翻译。根据地区调整日期、时间、货币格式。动态切换语言和文
  • 2025-01-01如果不使用脚手架,如果用webpack构建一个自己的react应用
    以下是使用Webpack构建一个自己的React应用的基本步骤:1.项目初始化首先创建一个项目文件夹,并在其中初始化package.json文件(用于管理项目的依赖和脚本等),打开命令行,进入项目文件夹,执行以下命令:mkdirmy-react-appcdmy-react-appnpminit-y2.安装必要的依赖需要安装React
  • 2025-01-01React 19 深度剖析:从架构升级到性能优化
    React19深度剖析:从架构升级到性能优化目录React19架构升级新特性深度解析性能优化最佳实践高级功能应用工程化实践迁移策略实战案例常见问题解决1.React19架构升级1.1新一代并发渲染引擎React19采用全新的并发渲染架构,显著提升了应用性能://新的并发模式配
  • 2024-12-31大模型agent开发之langchain内置的几种agent
    人工智能代理(agent)不仅会改变每个人与计算机交互的方式,还会颠覆整个软件行业。不需要任何不同的单独软件,使用日常语言命令设备,代理是人工智能的高级形式,本质上Agents是一个LLM的编排与执行系统。在langchain中Agents的实现主要分为以下八个步骤,1. 提出需求/问题,2. 问题+Promp
  • 2024-12-30深入理解 React 中的状态管理:Context API 与 Redux 的对比
    深入理解React中的状态管理:ContextAPI与Redux的对比目录前言React状态管理概述2.1.什么是状态管理?2.2.为什么需要状态管理?React的状态管理方式3.1.组件内部状态3.2.ReactContextAPI3.3.Redux状态管理ReactContextAPI深入解析4.1.Context的基
  • 2024-12-30JavaScript开发中常见问题代码和相关优化Demo参考5.0
    41. 过度使用全局状态管理问题代码:在小型项目中引入了复杂的全局状态管理库(如Redux),增加了不必要的复杂性。解决方案:对于小型应用或简单状态管理需求,考虑使用React的useState和useContext,或者Vuex等框架自带的状态管理功能。//使用ReactContextAPIconstThemeContext=
  • 2024-12-29React CountUp
    ReactCountUp     AconfigurableReactcomponentwrapperaround CountUp.js.Click here toviewonCodeSandbox.Previousdocsv3.xv4.xv5.xTableofContentsInstallationUsageSimpleexampleRenderpropexampleMoreexamplesManually