分类:前端

html标记语言,css级联样式表,javascript

2021-07-26 0 By admin

dotenv-cli 前端多环境变量配置工具

为前端工程配置多环境变量,用于解决开发环境、测试环境和生产环境中不同的环境配置不同的需求。 一、概述 dotenv-cli 工具提供了多环境配置的能力;其使用过程为:对不同环境设置不同的环境变量文件,通过设置前端工程执行命令(npm|yarn command)加载对应的环境变量文件,即可实现多环境的…

2021-07-20 0 By admin

React 使用 PropTypes 进行类型检查

随着你的应用程序不断增长,你可以通过类型检查捕获大量错误。在开发中,可以选择使用 Flow 或 TypeScript 等扩展来做类型检查;也可以使用,React 内置的一些类型检查的功能。要在组件的 props 上进行类型检查,你只需配置特定的 propTypes 属性即可。 一、示例 PropTy…

2021-06-17 0 By admin

React 组件-不常见的生命周期方法

本节中的生命周期方法并不太常用。它们偶尔会很方便,但是大部分情况下组件可能都不需要它们。 React 前端框架开发过程中,组件的生命周期里不常见的生命周期包括:shouldComponentUpdate()、getDerivedStateFromProps()和getSnapshotBeforeUp…

2021-06-16 0 By admin

React 框架中组件概述

React 的组件可以定义为【class 组件】或【函数组件】的形式。class 组件目前提供了更多的功能,这些功能在后面有所介绍。如需定义 class 组件,需要【继承 React.Component】:在 React.Component 的子类中有个必须定义的 render() 函数。强烈建议你…

2021-06-10 0 By admin

React 框架中组件使用方式中的组合 vs 继承

React 有十分强大的组合模式。我们推荐使用组合而非继承来实现组件间的代码重用。在这篇文档中,将指导初学 React 的开发人员使用继承时经常会遇到的一些问题,并展示如何通过组合思想来解决这些问题。 一、包含关系 有些组件无法提前知晓它们子组件的具体内容。在 Sidebar(侧边栏)和 Dialo…

2021-06-10 0 By admin

React 表单介绍-包括受控组件和非受控组件

在这里受控组件和非受控组件都是依托表单场景使用的;所以这篇的整理思路是通过学习表单组件的使用,来了解受控组件和非受控组件的特性。 一、表单和受控组件介绍 在 React 里,HTML 表单元素的工作方式和其他的 DOM 元素有些不同,这是因为表单元素通常会保持一些内部的 state。通过 state…

2021-06-10 0 By admin

React 框架中事件处理介绍

前端页面开发中,网页对用户操作产生响应,这些响应能力都是通过事件来实现的。事件类型包括:鼠标事件、键盘事件、手机端触屏事件、用户自定义事件等。一般情况事件都需要和 DOM 元素绑定在一起,此DOM 元素就是这个事件的目标节点。 一、React 事件处理 React 元素的事件处理和 DOM 元素的很…