组件的私有方法都用 _ 开头，所有事件监听的方法都用 handle 开头。把事件监听方法传给组件的时候，属性名用 on 开头组件的内容编写顺序如下：static 开头的类属性，如 defaultProps、propTypes。 构造函数，constructor。 ge...
原创
2021-07-27 19:48:29
440阅读
组件的私有方法都用 _ 开头，所有事件监听的方法都用 handle 开头。把事件监听方法传给组件的时候，属性名用 on 开头组件的内容编写顺序如下
原创
2022-06-30 17:27:05
151阅读
在 React 中，组件有多种写法，每种写法有其适用场景和特点。以下是常见的 React 组件写法：1. 函数组件（Function Components）最基础、最常用的组件形式，以函数形式定义，接收 props 作为参数并返回 React 元素。// 基本函数组件
const Greeting = (props) => {
return <h1>Hello, {props
React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件 虽然有三种方式可以定义react的组件，那么这三
转载
2020-03-01 21:13:00
158阅读
2评论
prev<Overlay isVisible={popupMenu.isVisible} onBackdropPress={() => setPopupMenu({ ...por
原创
2023-02-14 09:06:06
79阅读
普通的工程师堆砌代码，优秀的工程师优雅代码，卓越的工程师简化代码。如何写出优雅整洁易懂的代码是一门学问，
原创
2022-08-24 17:18:29
66阅读
render 方法的注意点 多次渲染, 后渲染的会覆盖先渲染的内容，render方法一次只能渲染一个元素或者组件，render方法最多只能接收3个参数，所以不能同时渲染多个元素 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"
原创
2020-11-01 22:56:00
151阅读
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
117阅读
重新设计 React 组件库
诚身
7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天，让我们再次回到软件工程界一个永恒问题的探讨上来，那就是如何提升一个开发团队的开发效率？ 从宏观的角度来讲，其实只有良好的抽象才能真正提高一个团队的开发效率，而囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端工程抽象到最后一层，那么剩下的其实就只有
转载
2024-08-26 10:07:51
61阅读
React是一个流行的JavaScript库，可以轻松构建现代Web应用程序和编码。开发人员通常使用 ReactJS 来创建引人入胜的用户界面 (UI)，从而使应用程序更快。ReactJS允许软件开发人员将UI组件分解为单独的组件，优化模块化和关注点分离。 React可以通过输入框架来处理视图，这就是为什么它被一些人认为是一个框架，而另一些人则称它为一个库，争论通常集中在库和框架之间的技术差
转载
2023-08-19 11:03:55
59阅读
## Java Interface规范写法
### 引言
在Java编程中，接口（Interface）是一种非常重要的概念。接口定义了一组方法的规范，用于指导具体的类实现这些方法。通过接口，我们可以实现代码的解耦和模块化，提高代码的可维护性和可测试性。本文将介绍Java接口的规范写法，并通过代码示例详细讲解。
### 接口的定义
接口是一种特殊的类，它只包含方法的声明，而不包含方法的实现。
原创
2023-08-13 14:32:45
99阅读
Redis的使用规范建议Hi，我是阿昌，今天学习记录的是关于Redis的使用规范建议Redis 的使用规范，包括键值对使用、业务数据保存和命令使用规范。毕竟，高性能和节省内存，是我们的两个目标，只有规范地使用 Redis，才能真正实现这两个目标。一、键值对使用规范关于键值对的使用规范，两个方面：key 的命名规范，只有命名规范，才能提供可读性强、可维护性好的 key，方便日常管理；value 的设
转载
2023-08-31 10:10:18
59阅读
1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定
转载
2020-09-21 15:31:00
471阅读
2评论
一、命名规范1、通用命名方法命名方法 举例 Camel命名法
转载
2022-09-29 16:12:22
162阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
原创
2022-04-01 22:34:23
161阅读
vue react 区别
转载
2019-07-05 14:42:55
1096阅读
通过createElement创建元素存在的问题，如果结构比较简单还好，但是如果结构比较复杂，就比较难以下手，所以大牛们就发明了JSX，专门用来编写React中的页面结构体的。 什么是 JSX JSX JavaScript + X (XML) (eXtension)，JSX是一个看起来很像 XML
原创
2020-11-03 23:08:00
109阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
转载
2022-04-12 14:36:49
297阅读
React 是一个用于构建用户界面的JavaScript库，使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。特点：Declarative 声明式： 以声明式编写UI，让代码更加可靠且方便调试 Component-Based 组件化： 创建拥有各自状态的组件，再由组件组成更加复杂的UI。 Learn Once, Write Anywhere 一次
需求: 监听按钮的点击, 修改div中的内容 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable
原创
2020-11-01 20:02:00
75阅读
