- 作者：tager序言如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的了，又该如何优雅地管理这些import语句呢？本文将从产生大量import语句的原因、可能带来的问题以及如何优化和管理import语句几个角度来进行探讨。<顺便吆喝一句，... 作者：tager序言如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的了，又该如何优雅地管理这些import语句呢？本文将从产生大量import语句的原因、可能带来的问题以及如何优化和管理import语句几个角度来进行探讨。<顺便吆喝一句，...
- 在现代前端开发中，表单处理是一个常见的需求。React 作为一个流行的 JavaScript 库，提供了多种方式来处理表单数据。本文将从初学者的角度出发，逐步深入探讨 React 中表单处理的常见问题、易错点以及如何避免这些问题，并通过代码案例进行详细解释。 1. 基本概念 1.1 受控组件与非受控组件在 React 中，表单元素可以分为两类：受控组件和非受控组件。受控组件：表单元素的值由 ... 在现代前端开发中，表单处理是一个常见的需求。React 作为一个流行的 JavaScript 库，提供了多种方式来处理表单数据。本文将从初学者的角度出发，逐步深入探讨 React 中表单处理的常见问题、易错点以及如何避免这些问题，并通过代码案例进行详细解释。 1. 基本概念 1.1 受控组件与非受控组件在 React 中，表单元素可以分为两类：受控组件和非受控组件。受控组件：表单元素的值由 ...
- 引言React 是一个用于构建用户界面的 JavaScript 库，其事件处理机制与原生 DOM 事件处理有所不同。理解 React 的事件处理机制对于编写高效、可维护的 React 应用程序至关重要。本文将从基础概念入手，逐步深入到常见的问题和易错点，并提供相应的解决方案和代码示例。 一、React 事件处理基础 1. 事件绑定在 React 中，事件处理函数通常作为 props 传递给... 引言React 是一个用于构建用户界面的 JavaScript 库，其事件处理机制与原生 DOM 事件处理有所不同。理解 React 的事件处理机制对于编写高效、可维护的 React 应用程序至关重要。本文将从基础概念入手，逐步深入到常见的问题和易错点，并提供相应的解决方案和代码示例。 一、React 事件处理基础 1. 事件绑定在 React 中，事件处理函数通常作为 props 传递给...
- 在现代前端开发中，测试是确保应用质量和稳定性的重要环节。React Testing Library 是一个广泛使用的测试库，它提供了一种简单且直观的方式来测试 React 组件。本文将从基础概念出发，逐步深入探讨 React Testing Library 的使用方法，包括常见问题、易错点及如何避免，并通过代码案例进行详细解释。 什么是 React Testing Library？React... 在现代前端开发中，测试是确保应用质量和稳定性的重要环节。React Testing Library 是一个广泛使用的测试库，它提供了一种简单且直观的方式来测试 React 组件。本文将从基础概念出发，逐步深入探讨 React Testing Library 的使用方法，包括常见问题、易错点及如何避免，并通过代码案例进行详细解释。 什么是 React Testing Library？React...
- 在现代前端开发中，单元测试和组件测试是确保代码质量和稳定性的关键步骤。React 是一个广泛使用的前端框架，而 Jest 是一个流行的 JavaScript 测试框架，特别适合用于 React 应用的测试。本文将从基础概念出发，逐步深入探讨如何使用 Jest 进行 React 组件的模拟测试，包括常见的问题、易错点以及如何避免这些问题。 1. 基础概念 1.1 单元测试单元测试是对软件中的最... 在现代前端开发中，单元测试和组件测试是确保代码质量和稳定性的关键步骤。React 是一个广泛使用的前端框架，而 Jest 是一个流行的 JavaScript 测试框架，特别适合用于 React 应用的测试。本文将从基础概念出发，逐步深入探讨如何使用 Jest 进行 React 组件的模拟测试，包括常见的问题、易错点以及如何避免这些问题。 1. 基础概念 1.1 单元测试单元测试是对软件中的最...
- Next.js 是一个基于 React 的流行的服务器端渲染（SSR）框架，它简化了构建高性能的静态网站和动态应用的过程。本文将从基础概念出发，逐步深入探讨 Next.js 的常见问题、易错点及如何避免，并通过具体的代码示例进行说明。 基础概念 什么是 Next.js？Next.js 是一个轻量级的 React 服务端渲染应用框架，由 Vercel 开发。它提供了许多开箱即用的功能，如自动代... Next.js 是一个基于 React 的流行的服务器端渲染（SSR）框架，它简化了构建高性能的静态网站和动态应用的过程。本文将从基础概念出发，逐步深入探讨 Next.js 的常见问题、易错点及如何避免，并通过具体的代码示例进行说明。 基础概念 什么是 Next.js？Next.js 是一个轻量级的 React 服务端渲染应用框架，由 Vercel 开发。它提供了许多开箱即用的功能，如自动代...
- React Server Side Rendering (SSR) 是一种在服务器端渲染 React 应用的技术。通过 SSR，可以在服务器上预先生成 HTML 内容，然后发送给客户端，从而提高首屏加载速度和搜索引擎优化 (SEO)。本文将从概念入手，逐步深入探讨 SSR 的常见问题、易错点及如何避免，并通过代码案例进行说明。 一、React SSR 的概念 1. 什么是 SSR？定义：Se... React Server Side Rendering (SSR) 是一种在服务器端渲染 React 应用的技术。通过 SSR，可以在服务器上预先生成 HTML 内容，然后发送给客户端，从而提高首屏加载速度和搜索引擎优化 (SEO)。本文将从概念入手，逐步深入探讨 SSR 的常见问题、易错点及如何避免，并通过代码案例进行说明。 一、React SSR 的概念 1. 什么是 SSR？定义：Se...
- Picker多列选择器。Picker UI 提供与WeLink规范一致的视图。 主要包括：单列选择器、双列选择器、日期选择器。参数说明参数类型默认值说明groupsarray-选择器选项数组defaultSelectarray-选择的初始值索引showboolfalse是否显示picker组件onChangefunc-选择器选中的回调事件onCancelfunc-取消回调事件langobje... Picker多列选择器。Picker UI 提供与WeLink规范一致的视图。 主要包括：单列选择器、双列选择器、日期选择器。参数说明参数类型默认值说明groupsarray-选择器选项数组defaultSelectarray-选择的初始值索引showboolfalse是否显示picker组件onChangefunc-选择器选中的回调事件onCancelfunc-取消回调事件langobje...
- Progress进度条。Progress UI 提供与WeLink规范一致的视图。 进度条状态包括：上传前、上传中、上传成功、上传失败。参数说明参数类型默认值说明showCancelbooltrue是否显示取消上传按钮valuenumber0进度条的值，取值范围：0~100import React from 'react';import { Button, Progress } from '... Progress进度条。Progress UI 提供与WeLink规范一致的视图。 进度条状态包括：上传前、上传中、上传成功、上传失败。参数说明参数类型默认值说明showCancelbooltrue是否显示取消上传按钮valuenumber0进度条的值，取值范围：0~100import React from 'react';import { Button, Progress } from '...
- 達到的效果是這樣 達到的效果是這樣
- 基於幾個教程提到了 NextJS總是要走一下官網的基本入門教程非常有創意。https://en.wikipedia.org/wiki/React_(web_framework)React (also known as React.js or ReactJS) is a JavaScript library[3] for building user interfaces.https://nex... 基於幾個教程提到了 NextJS總是要走一下官網的基本入門教程非常有創意。https://en.wikipedia.org/wiki/React_(web_framework)React (also known as React.js or ReactJS) is a JavaScript library[3] for building user interfaces.https://nex...
- 特点是栅格系统, 使用简单, 上手容易. 专为响应式页面而生. 一套代码就可以自适应平板电脑和PC. 特点是栅格系统, 使用简单, 上手容易. 专为响应式页面而生. 一套代码就可以自适应平板电脑和PC.
- mpvue 和 wepy 都是开发微信小程序的框架。都是牛人出口，给个赞！ wepy 是腾讯开源的一套语法接近vue.js、快速开发小程序的一套框架，开源的较早，网上有很多资源，也有一些大厂使用。并有成熟的UI，如weui 、zan-ui mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。最近刚刚开源，资料较少。 mpvue 和 wepy 都是开发微信小程序的框架。都是牛人出口，给个赞！ wepy 是腾讯开源的一套语法接近vue.js、快速开发小程序的一套框架，开源的较早，网上有很多资源，也有一些大厂使用。并有成熟的UI，如weui 、zan-ui mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。最近刚刚开源，资料较少。
- 一. 漫谈AngularAngular，来自Google的前端SPA框架，与React,Vue并称前端框架的三驾马车，前些日子刚发布了7.0版本。它是一个十足的革命者，每一次亮相，都会把新的思想和软件层面的实现提供给开发者，从Angularjs1.0时代推翻jQuery的统治地位，到Angular2.0时代基于Typescript的全面升级，再到现在每半年一个大版本的高速更新迭代，不断革新着... 一. 漫谈AngularAngular，来自Google的前端SPA框架，与React,Vue并称前端框架的三驾马车，前些日子刚发布了7.0版本。它是一个十足的革命者，每一次亮相，都会把新的思想和软件层面的实现提供给开发者，从Angularjs1.0时代推翻jQuery的统治地位，到Angular2.0时代基于Typescript的全面升级，再到现在每半年一个大版本的高速更新迭代，不断革新着...
- 移动端的API能力验证方案与PC端不一样！不一样！！不一样！！！ 即使需要使用的API都存在，也不一定能用，这一点和PC端是有很大区别的，国内的手机系统虽然都是基于Android,但几乎都会经过各大厂商的定制，功能与原版Android系统并不是完全一致的，在考察技术方案的时候一定要确认用demo把功能跑起来才可以，别问我怎么知道的。 移动端的API能力验证方案与PC端不一样！不一样！！不一样！！！ 即使需要使用的API都存在，也不一定能用，这一点和PC端是有很大区别的，国内的手机系统虽然都是基于Android,但几乎都会经过各大厂商的定制，功能与原版Android系统并不是完全一致的，在考察技术方案的时候一定要确认用demo把功能跑起来才可以，别问我怎么知道的。
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签