-
Elm 运算符浅析
所属栏目:[教程] 日期:2023-04-11 热度:7184
运算符定义将对数据执行的某些函数。运算符工作的值称为操作数。
考虑下面的表达式:
7 + 5 = 12
数值:“7”、“5”和“12”是操作数,而“+”和“=”是[详细] -
什么是Elm 决策构造
所属栏目:[教程] 日期:2023-04-11 热度:5097
决策结构要求程序员指定一个或多个要由程序评估或测试的条件,以及确定条件为真的情况下要执行的一条或多条语句,以及选择确定条件时要执行的其他语句。
下面显示的是大多数编程语言中常见的典型决策结构的一般形[详细] -
Elm 循环结构分析
所属栏目:[教程] 日期:2023-04-11 热度:6130
Elm是一种功能编程语言。Elm使用递归的概念来替代传统的循环结构。
递归
其他计算机编程语言允许模块或函数自行调用,此技术称为递归。
示例
在此程序中,我们将看到如何使用递归五次显示问候。
步骤一:[详细] -
Elm 功能介绍
所属栏目:[教程] 日期:2023-04-11 热度:3300
功能是Elm程序的基础,函数是执行特定任务的一组语句。
函数将程序组织成逻辑代码块。
一旦定义,可以调用函数来访问代码。这使代码可重用。此外,功能使读取和维护程序代码变得容易。
使用功能的步骤
使用[详细] -
Elm介绍
所属栏目:[教程] 日期:2023-04-11 热度:6296
Elm是一种功能编程语言。它是由Evan Czaplicki在2012年设计的。
Elm特别用于设计Web应用程序的前端。
Elm编译为JavaScript并在浏览器中运行。它快速,可测试,可维护,并且没有运行时异常。
Elm编程平台的一[详细] -
Elm定义
所属栏目:[教程] 日期:2023-04-11 热度:5566
Elm 是一种纯函数式编程语言,可编译为 JavaScript 的功能语言。
Elm 可以帮助您制作网站和Web应用程序。它非常强调简单性和高质量工具。
Elm 简化了语言以及应用程序框架。Elm 专为Web前端而设计,具有无运行[详细] -
React 组合与继承分析
所属栏目:[教程] 日期:2023-04-11 热度:118
React 有十分强大的组合模式。我们推荐使用组合而非继承来实现组件间的代码重用。
在这篇文档中,我们将考虑初学 React 的开发人员使用继承时经常会遇到的一些问题,并展示如何通过组合思想来解决这些问题。
R[详细] -
什么是React 状态提升
所属栏目:[教程] 日期:2023-04-11 热度:7500
通常,多个组件需要反映相同的变化数据,这时我们建议将共享状态提升到最近的共同父组件中去。让我们看看它是如何运作的。
在本节中,我们将创建一个用于计算水在给定温度下是否会沸腾的温度计算器。
我们将从[详细] -
React 列表 & Key介绍
所属栏目:[教程] 日期:2023-04-11 热度:3658
首先,让我们看下在 Javascript 中如何转化列表。
如下代码,我们使用 map() 函数让数组中的每一项变双倍,然后我们得到了一个新的列表 doubled 并打印出来:
const numbers = [1, 2, 3, 4, 5];
const double[详细] -
什么是React 条件渲染
所属栏目:[教程] 日期:2023-04-10 热度:9247
在 React 中,你可以创建不同的组件来封装各种你需要的行为。然后,依据应用的不同状态,你可以只渲染对应状态下的部分内容。
React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算[详细] -
React State & 生命周期
所属栏目:[教程] 日期:2023-04-10 热度:7058
在元素渲染章节中,我们只了解了一种更新 UI 界面的方法。通过调用 ReactDOM.render() 来修改我们想要渲染的元素:
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
<h[详细] -
React Props介绍
所属栏目:[教程] 日期:2023-04-10 热度:8221
state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。
Props
前面也提到很多[详细] -
什么是React 元素渲染
所属栏目:[教程] 日期:2023-04-10 热度:6894
元素是构成 React 应用的最小砖块。React元素描述了你在屏幕上想看到的内容。
const element = <h1>Hello, world</h1>;
与浏览器的 DOM 元素不同,React 元素是创建开销极小的普通对象。React DOM 会负责更新 DO[详细] -
React 服务器端渲染
所属栏目:[教程] 日期:2023-04-10 热度:9549
React 提供了两个方法 renderToString 和 renderToStaticmarkup 用来将组件(Virtual DOM)输出成 HTML 字符串,这是 React 服务器端渲染的基础,它移除了服务器端对于浏览器环境的依赖,所以让服务器端渲染变成了一[详细]
-
什么是React 表单
所属栏目:[教程] 日期:2023-04-10 热度:8602
表单不同于其他 HTML 元素,因为它要响应用户的交互,显示不同的状态,所以在 React 里面会有点特殊。
在 React 里,HTML 表单元素的工作方式和其他的 DOM 元素有些不同,这是因为表单元素通常会保持一些内部的 s[详细] -
在 React 应用中使用 Redux
所属栏目:[教程] 日期:2023-04-10 热度:2415
和 Flux 类似,Redux 也是需要注册一个回调函数 store.subscribe(listener) 来获取 State 的更新,然后我们要在 listener 里面调用 setState() 来更新 React 组件。
Redux 官方提供了 react-redux 来简化 React 和[详细] -
React Redux教程
所属栏目:[教程] 日期:2023-04-10 热度:2774
Dan Abramov 在 React Europe 2015 上作了一场令人印象深刻的演示 Hot Reloading with Time Travel,之后 Redux 迅速成为最受人关注的 Flux 实现之一。
Redux 把自己标榜为一个“可预测的状态容器”,其[详细] -
React Flux浅析
所属栏目:[教程] 日期:2023-04-10 热度:42
React 标榜自己是 MVC 里面 V 的部分,那么 Flux 就相当于添加 M 和 C 的部分。
Flux 是 Facebook 使用的一套前端应用的架构模式。
一个 Flux 应用主要包含四个部分:
the dispatcher
处理动作分发,维护[详细] -
React Mixins介绍
所属栏目:[教程] 日期:2023-04-10 热度:6131
使用 ES6 class 定义的组件已经不支持 mixin 了,因为使用 mixin 的场景都可以用组合组件这种模式来做到,参见 Mixins Are Dead. Long Live Composition
虽然组件的原则就是模块化,彼此之间相互独立,但是有时候[详细] -
React 组件间通信的几种情况
所属栏目:[教程] 日期:2023-04-10 热度:6285
React 组件间进行通信的几种情况
父组件向子组件通信
子组件向父组件通信
跨级组件通信
没有嵌套关系组件之间的通信
React 组件间通信
父子组件间通信
这种情况下很简单,就是通过 props 属性传递,[详细] -
React 组合组件运用
所属栏目:[教程] 日期:2023-04-10 热度:4023
使用组件的目的就是通过构建模块化的组件,相互组合组件最后组装成一个复杂的应用。
在 React 组件中要包含其他组件作为子组件,只需要把组件当作一个 DOM 元素引入就可以了。
一个例子:一个显示用户头像的组[详细] -
React 数据流
所属栏目:[教程] 日期:2023-04-10 热度:1001
Data Flow 只是一种应用架构的方式,比如数据如何存放,如何更改数据,如何通知数据更改等等,所以它不是 React 提供的额外的什么新功能,可以看成是使用 React 构建大型应用的一种最佳实践。
在React中,数据是自[详细] -
什么是React DOM
所属栏目:[教程] 日期:2023-04-10 热度:9960
大部分情况下你不需要通过查询 DOM 元素去更新组件的 UI,你只要关注设置组件的状态(setState)。但是可能在某些情况下你确实需要直接操作 DOM。
首先我们要了解 ReactDOM.render 组件返回的是什么?
它会返回[详细] -
React 事件处理教程
所属栏目:[教程] 日期:2023-04-10 热度:4515
React 元素的事件处理和 DOM 元素的很相似,但是有一点语法上的不同:
React 事件的命名采用小驼峰式(camelCase),而不是纯小写。
使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。[详细] -
React 组件介绍
所属栏目:[教程] 日期:2023-04-10 热度:2751
组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。本指南旨在介绍组件的相关理念。
组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述[详细]
