Styled-Component
Styled Components 是一个使用CSS-in-JS技术实现的样式组件库，它是一个为React和React Native设计的库。它允许我们在应用中使用JavaScript和CSS混合起来编写样式级组件。并且它是支持Sass的，不需要添加任何库。
十种React性能优化方式
对于纯展示的组件（没有内部状态或依赖），使用 PureComponent 或自定义的 shouldComponentUpdate 方法，可以避免不必要的重新渲染。对于那些不依赖于父组件传入的 props 的函数组件，可以使用 React.memo 进行包裹，减少不必要的重渲染。对于页面上不是首次加载
构建安全高效的前端权限控制系统
随着Web应用程序的复杂性不断增加，用户权限管理变得越来越重要。在传统的服务器端渲染应用程序中，权限控制通常由后端负责，前端只需根据后端返回的数据进行展示。但是，在前后端分离的应用程序中，前端需要承担更多的责任，包括控制页面访问权限和展示权限。
React低代码平台实战：构建高效、灵活的应用新范式
随着技术的不断发展，低代码开发平台已经成为了构建高效、灵活的应用程序的新范式。而基于React的低代码平台更是引领了这一潮流。React作为一种强大而灵活的JavaScript库，其组件化的架构使得开发人员能够更加高效地构建复杂的应用程序。结合低代码开发平台的快速开发特性，基于React的低代码平台
基于Next14+Auth5实现Github、Google、Gitee平台授权登录和邮箱密码登录
最近使用Next14配合Auth.js5实现了github、google、gitee授权登录以及邮箱密码登录，中间遇到了不少坑，给大家分享一下，帮助大家避坑。
低代码平台开发实践：基于React的高效构建与创新【文末送书-29】
低代码平台开发实践：基于React的高效构建与创新【文末送书-29】随着技术的不断进步和业务需求的日益复杂，低代码平台成为现代软件开发领域中备受关注的工具之一。在这个快节奏的时代，基于React的低代码平台为开发者提供了一种高效构建应用程序的新途径。本文将深入探讨低代码平台在React上的开发实践，
前端离线存储能力：如何在 React 中巧妙运用IndexedDB
当我们开发复杂的Web应用时，常常需要在客户端存储大量数据。你可能听过 `localStorage`或者 `sessionStorage`，但它们在存储空间和功能上都有限。而今天我们要聊的，是一个功能更强大的技术：**IndexedDB**。IndexedDB是一个运行在浏览器中的非关系型数据库。它
Java selenium 通过直接设置表单元素的 value 属性来填写 Vue / React 表单
需要注意的是，使用这种方式填写 React 表单也存在风险，因为不同浏览器可能对于事件的实现机制有所不同，而且这种做法也会绕过浏览器内置的事件机制，增加了代码的复杂性和难度，同时也可能存在一些潜在的风险。再次强调，使用这种方式可能有风险，因为不同浏览器可能对于事件的实现机制有所不同，而且这种做法也会
React脚手架
项目的整体技术架构为: react + webpack + es6 + eslint，使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。第二步，切换到想创项目的目录，使用命令：create-react-app project_name。(2)【子组件】给【父组件】传递数据：通过props传
强烈推荐 25个 前端开源中后台管理系统
Naive Ui Admin 是一个基于 vue3,vite2,TypeScript 的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验等功能，它可以帮助你快速搭建企业级中后台项目，相信不管是从新技术使用还是其他方面，都能帮助到你，持续更新
前端常见面试题之react基础
在React中，可以通过箭头函数的方式将自定义参数传递给事件处理程序。${`);render() {return (在上面的代码中，当点击按钮时，会触发 handleClick 方法并输出 “Clicked with value: customValue”。这样就可以很方便地传递自定义参数给Reac
前端Vue篇之对 React 和 Vue 的理解，它们的异同、Vue的优点
React 更注重灵活性和可扩展性，适合大型应用程序的构建，而 Vue 更注重简单性和快速上手，适合快速原型设计和中小型项目。Vue.js 是一个功能强大、灵活且易于上手的前端框架，适用于各种规模的项目，并且在开发体验和性能方面表现出色。选择使用哪个取决于团队的技术栈偏好、项目需求以及开发人员的经验
跨端的三种方案原理和对比（WebView，ReactNative，Flutter）
答： 第一代跨平台框架，代表者为：PhoneGap、微信小程序。WebView标签是一种用于在网页中嵌入浏览器窗口的HTML元素。它的底层原理是通过来实现网页的渲染和交互。在Android平台上，WebView使用的是Android系统提供的WebView组件，它基于WebKit引擎。答：因为Web
SpringBoot + 通义千问 + 自定义React组件，支持EventStream数据解析！
大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。最近ChatGPT非常受欢迎，尤其是在编写代码方面，我每天都在使用。随着使用时间的增长，我开始对其原理产生了一些兴趣。虽然我无法完全理解这些AI大型模型
React中使用WebRTC
React中使用WebRTC 自定义hook datachannel peer 获取本地音视频数据 交换信令 candidate answer offer sfu 动态生成音视频元素 打开WebRTC数据通道 关闭数据通道 关闭peer 发送通道数据 setRemoteDescription add
React Admin 前端脚手架之ant-design-pro
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
【React】前端React 代码中预览展示excel文件
【代码】前端React 代码中预览展示excel文件。
2024 前端趋势预测：React 不会被取代，AI 崛起，追求全栈宇宙
对于前端来说，2023 是非同寻常的一年。我们见证了争相抢占甚至是发明服务器端渲染（SSR）市场的热潮、AI 的不断进步、Web 渲染器和 JS 引擎的寒武纪大爆发、一大批有力的竞争者试图摧毁巨头的统治地位……在开始预测未来一年发展趋势之前，我们先来回顾一下今年到目前为止的大杂烩。
使用 React Testing Library 和 Jest 完成单元测试
引言在2020的今天，构建一个 web 应用对于我们来说，并非什么难事。因为有很多足够多优秀的的前端框架(比如 React，Vue 和 Angular)；以及一些易用且强大的UI库(比如 Ant Design)为我们保驾护航，极大地缩短了应用构建的周期。但是，互联网时代也急剧地改变了许多软件设计，开
【前端】react的基础认识
React的学习过程是一次探索现代前端开发的旅程。通过深入理解React的组件、状态、生命周期和事件处理等核心概念，您将能够构建出更加灵活、可维护和高性能的前端应用。本博客仅是React的入门指南，如果您希望更深入地了解React，建议查阅官方文档和相关教程。祝愿您在React的世界中编写出精彩的前
