React 组件化
React 组件化
- 参考:王红元老师的React
组件化介绍
- React的组件相对于Vue更加的灵活和多样,按照不同的方式可以分成很多类组件:
- 根据组件的定义方式,可以分为:函数组件(Functional Component )和类组件(Class Component);
- 根据组件内部是否有状态需要维护,可以分成:无状态组件(Stateless Component )和有状态组件(Stateful Component);
- 根据组件的不同职责,可以分成:展示型组件(Presentational Component)和容器型组件(Container Component);
- 这些概念有很多重叠,但是他们最主要是关注数据逻辑和UI展示的分离:
- 函数组件、无状态组件、展示型组件主要关注UI的展示;
- 类组件、有状态组件、容器型组件主要关注数据逻辑;
- 当然还有很多组件的其他概念:比如异步组件、高阶组件等。
类组件
- 类组件的定义有如下要求:
- 组件的名称是大写字符开头(无论类组件还是函数组件)
- 类组件需要继承自 React.Component
- 类组件必须实现render函数
- 在ES6之前,可以通过create-react-class 模块来定义类组件,但是目前官网建议我们使用ES6的class类定义。
- 使用class定义一个组件:
- constructor是可选的,我们通常在constructor中初始化一些数据;
- this.state中维护的就是我们组件内部的数据;
- render() 方法是 class 组件中唯一必须实现的方法;
render函数的返回值
- 当 render 被调用时,它会检查 this.props 和 this.state 的变化并返回以下类型之一:
- React 元素:
- 通常通过 JSX 创建。
- 例如,<div /> 会被 React 渲染为 DOM 节点,<MyComponent /> 会被 React 渲染为自定义组件;
- 无论是 <div /> 还是 <MyComponent /> 均为 React 元素。
- 数组或 fragments:使得 render 方法可以返回多个元素。
- Portals:可以渲染子节点到不同的 DOM 子树中。
- 字符串或数值类型:它们在 DOM 中会被渲染为文本节点
- 布尔类型或 null:什么都不渲染
函数组件
- 函数组件是使用function来进行定义的函数,只是这个函数会返回和类组件中render函数返回一样的内容。
- 函数组件有自己的特点(当然,后面我们会讲hooks,就不一样了):
- 没有生命周期,也会被更新并挂载,但是没有生命周期函数;
- 没有this(组件实例);
- 没有内部状态(state);
- 我们来定义一个函数组件
React 官方文档
- 开始 – React
认识生命周期
- 生命周期是一个抽象的概念,在生命周期的整个过程,分成了很多个阶段;
- 比如装载阶段(Mount),组件第一次在DOM树中被渲染的过程;
- 比如更新过程(Update),组件状态发生变化,重新更新渲染的过程;
- 比如卸载过程(Unmount),组件从DOM树中被移除的过程;
- React内部为了告诉我们当前处于哪些阶段,会对我们组件内部实现的某些函数进行回调,这些函数就是生命周期函数:
- 比如实现componentDidMount函数:组件已经挂载到DOM上时,就会回调;
- 比如实现componentDidUpdate函数:组件已经发生了更新时,就会回调;
- 比如实现componentWillUnmount函数:组件即将被移除时,就会回调;
- 我们可以在这些回调函数中编写自己的逻辑代码,来完成自己的需求功能;
- 我们谈React生命周期时,主要谈的类的生命周期,因为函数式组件是没有生命周期函数的;(后面我们可以通过hooks来模拟一些生命周期的回调)
生命周期解析
- 网址:React lifecycle methods diagram
生命周期函数
- Constructor
- 如果不初始化 state 或不进行方法绑定,则不需要为 React 组件实现构造函数。
- constructor中通常只做两件事情:
- 通过给 this.state 赋值对象来初始化内部的state;
- 为事件绑定实例(this);
- componentDidMount
- componentDidMount() 会在组件挂载后(插入 DOM 树中)立即调用。
- componentDidMount中通常进行哪里操作呢?
- 依赖于DOM的操作可以在这里进行;
- 在此处发送网络请求就最好的地方;(官方建议)
- 可以在此处添加一些订阅(会在componentWillUnmount取消订阅);
- componentDidUpdate
- componentDidUpdate() 会在更新后会被立即调用,首次渲染不会执行此方法。
- 当组件更新后,可以在此处对 DOM 进行操作;
- 如果你对更新前后的 props 进行了比较,也可以选择在此处进行网络请求;(例如,当 props 未发生变化时,则不会执行网络请求)。
- componentWillUnmount
- componentWillUnmount() 会在组件卸载及销毁之前直接调用。
- 在此方法中执行必要的清理操作;
- 例如,清除 timer,取消网络请求或清除在 componentDidMount() 中创建的订阅等;
不常用生命周期函数
- getDerivedStateFromProps:state 的值在任何时候都依赖于 props时使用;该方法返回一个对象来更新state; p getSnapshotBeforeUpdate:在React更新DOM之前回调的一个函数,可以获取DOM更新前的一些信息(比如说滚动位置);
- shouldComponentUpdate:该生命周期函数很常用,但是我们等待讲性能优化时再来详细讲解;
- 另外,React中还提供了一些过期的生命周期函数,这些函数已经不推荐使用
- 更多生命周期参考:React.Component – React
认识组件的嵌套
- 组件化的核心思想应该是对组件进行拆分,拆分成一个个小的组件;
- 再将这些组件组合嵌套在一起,最终形成我们的应用程序;
- 比如嵌套逻辑如下,它们存在如下关系:
- App组件是Header、Main、Footer组件的父组件;
- Main组件是Banner、ProductList组件的父组件;
import React, { Component } from 'react';// Header
function Header() {return <h2>我是Header组件</h2>
}// Main
function Banner() {return <h3>我是Banner组件</h3>
}function ProductList() {return (<ul><li>商品列表1</li><li>商品列表2</li><li>商品列表3</li><li>商品列表4</li><li>商品列表5</li></ul>)
}function Main() {return (<div><Banner/><ProductList/></div>)
}// Footer
function Footer() {return <h2>我是Footer组件</h2>
}export default class App extends Component {render() {return (<div><Header/><Main/><Footer/></div>)}
}
认识组件间的通信
- 父组件在展示子组件,可能会传递一些数据给子组件:
- 父组件通过 属性=值 的形式来传递给子组件数据;
- 子组件通过 props 参数获取父组件传递过来的数据;
父传子通信-类组件
import React, { Component } from 'react';class ChildCpn extends Component {constructor() {super();}componentWillMount() {}componentDidMount() {console.log(this.props, "componentDidMount");}render() {// console.log(this.props, "render");const {name, age, height} = this.props;return (<h2>子组件展示数据: {name + " " + age + " " + height}</h2>)}
}export default class App extends Component {render() {return (<div><ChildCpn name="why" age="18" height="1.88"/><ChildCpn name="kobe" age="40" height="1.98"/></div>)}
}
父传子通信-函数组件
import React, { Component } from 'react';function ChildCpn(props) {const { name, age, height } = props;return (<h2>{name + age + height}</h2>)
}export default class App extends Component {render() {return (<div><ChildCpn name="why" age="18" height="1.88" /><ChildCpn name="kobe" age="40" height="1.98" /></div>)}
}
父传子通信-属性验证
import React, { Component } from 'react';import PropTypes from 'prop-types';function ChildCpn(props) {const { name, age, height } = props;console.log(name, age, height);const { names } = props;return (<div><h2>{name + age + height}</h2><ul>{names.map((item, index) => {return <li>{item}</li>})}</ul></div>)
}
//函数属性验证
ChildCpn.propTypes = {name: PropTypes.string.isRequired,age: PropTypes.number,height: PropTypes.number,names: PropTypes.array
}ChildCpn.defaultProps = {name: "why",age: 30,height: 1.98,names: ["aaa", "bbb"]
}//类属性验证
class ChildCpn2 extends Component {// es6中的class fields写法static propTypes = {}static defaultProps = {}
}export default class App extends Component {render() {return (<div><ChildCpn name="why" age={18} height={1.88} names={["abc", "cba"]} /><ChildCpn name="kobe" age={40} height={1.98} names={["nba", "mba"]} /><ChildCpn /></div>)}
}
子传父通信-函数传递.
import React, { Component } from 'react';class CounterButton extends Component {render() {const {onClick} = this.props;return <button onClick={onClick}>+1</button>}
}export default class App extends Component {constructor(props) {super(props);this.state = {counter: 0}}render() {return (<div><h2>当前计数: {this.state.counter}</h2><button onClick={e => this.increment()}>+</button><CounterButton onClick={e => this.increment()} name="why"/></div>)}increment() {this.setState({counter: this.state.counter + 1})}
}
组件通信示例
- TabControl.js
import React, { Component } from 'react';
import PropTypes from 'prop-types';export default class TabControl extends Component {constructor(props) {super(props);this.state = {currentIndex: 0}}render() {const { titles } = this.props;const {currentIndex} = this.state;return (<div className="tab-control">{titles.map((item, index) => {return (<div key={item} className={"tab-item " + (index === currentIndex ? "active": "")}onClick={e => this.itemClick(index)}><span>{item}</span></div>)})}</div>)}itemClick(index) {this.setState({currentIndex: index})const {itemClick} = this.props;itemClick(index);}
}TabControl.propTypes = {titles: PropTypes.array.isRequired
}
- App.js
import React, { Component } from 'react';import TabControl from './TabControl';export default class App extends Component {constructor(props) {super(props);this.titles = ['新款', '精选', '流行'];this.state = {currentTitle: "新款",currentIndex: 0}}render() {const {currentTitle} = this.state;return (<div><TabControl itemClick={index => this.itemClick(index)} titles={this.titles} /><h2>{currentTitle}</h2></div>)}itemClick(index) {this.setState({currentTitle: this.titles[index]})}
}
React实现slot
- 两种方式:
- NavBar.js
import React, { Component } from 'react'export default class NavBar extends Component {render() {// this.props.children;return (<div className=" nav-bar"><div className="nav-item nav-left">{this.props.children[0]}</div><div className="nav-item nav-center">{this.props.children[1]}</div><div className="nav-item nav-right">{this.props.children[2]}</div></div>)}
}
- NavBar2.js
import React, { Component } from 'react'export default class NavBar2 extends Component {render() {const { leftSlot, centerSlot, rightSlot } = this.props;return (<div className="nav-bar"><div className="nav-item nav-left">{leftSlot}</div><div className="nav-item nav-center">{centerSlot}</div><div className="nav-item nav-right">{rightSlot}</div></div>)}
}
- App.js
import React, { Component } from 'react';import NavBar from './NavBar';
import NavBar2 from './NavBar2';export default class App extends Component {render() {const leftJsx = <span>aaa</span>;return (<div><NavBar name="" title="" className=""><span>aaa</span><strong>bbb</strong><a href="/#">ccc</a></NavBar><NavBar2 leftSlot={leftJsx}centerSlot={<strong>bbb</strong>}rightSlot={<a href="/#">ccc</a>}/></div>)}
}
跨组件的通信
跨组件通信-props
import React, { Component } from 'react';function ProfileHeader(props) {return (<div><h2>用户昵称: {props.nickname}</h2><h2>用户等级: {props.level}</h2></div>)
}function Profile(props) {return (<div>{/* <ProfileHeader nickname={props.nickname} level={props.level}/> */}<ProfileHeader {...props}/><ul><li>设置1</li><li>设置2</li><li>设置3</li><li>设置4</li></ul></div>)
} export default class App extends Component {constructor(props) {super(props);this.state = {nickname: "kobe",level: 99}}render() {// const {nickname, level} = this.state;return (<div><Profile {...this.state}/></div>)}
}
跨组件通信-context
import React, { Component } from 'react';// 创建Context对象
const UserContext = React.createContext({nickname: "aaaa",level: -1
})class ProfileHeader extends Component {render() {console.log(this.context);// jsx -> return (<div><h2>用户昵称: {this.context.nickname}</h2><h2>用户等级: {this.context.level}</h2></div>)}
}ProfileHeader.contextType = UserContext;
ProfileHeader.contextType = ThemeContext;function Profile(props) {return (<div><ProfileHeader /><ul><li>设置1</li><li>设置2</li><li>设置3</li><li>设置4</li></ul></div>)
}export default class App extends Component {constructor(props) {super(props);this.state = {nickname: "kobe",level: 99}}render() {return (<div><UserContext.Provider value={this.state}></UserContext.Provider><Profile /></div>)}
}
跨组件通信-context函数
import React, { Component } from 'react';// 创建Context对象
const UserContext = React.createContext({nickname: "aaaa",level: -1
})function ProfileHeader() {return (<UserContext.Consumer>{value => {return (<div><h2>用户昵称: {value.nickname}</h2><h2>用户等级: {value.level}</h2></div>)}}</UserContext.Consumer>)
}function Profile(props) {return (<div><ProfileHeader /><ul><li>设置1</li><li>设置2</li><li>设置3</li><li>设置4</li></ul></div>)
}export default class App extends Component {constructor(props) {super(props);this.state = {nickname: "kobe",level: 99}}render() {return (<div><UserContext.Provider value={this.state}><Profile /></UserContext.Provider></div>)}
}
跨组件通信-多个context
import React, { Component } from 'react';// 创建Context对象
const UserContext = React.createContext({nickname: "aaaa",level: -1
})const ThemeContext = React.createContext({color: "black"
})function ProfileHeader() {// jsx -> 嵌套的方式return (<UserContext.Consumer>{value => {return (<ThemeContext.Consumer>{theme => {return (<div><h2 style={{color: theme.color}}>用户昵称: {value.nickname}</h2><h2>用户等级: {value.level}</h2><h2>颜色: {theme.color}</h2></div>)}}</ThemeContext.Consumer>)}}</UserContext.Consumer>)
}function Profile(props) {return (<div><ProfileHeader /><ul><li>设置1</li><li>设置2</li><li>设置3</li><li>设置4</li></ul></div>)
}export default class App extends Component {constructor(props) {super(props);this.state = {nickname: "kobe",level: 99}}render() {return (<div><UserContext.Provider value={this.state}><ThemeContext.Provider value={{ color: "red" }}><Profile /></ThemeContext.Provider></UserContext.Provider></div>)}
}
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 科技的成就(十二)
85、ALGOL 60 诞生 1960 年 1 月,ALGOL 60 诞生。在 1 月 11 日至 16 日巴黎举行的软件大会上,艾伦佩利发表了“算法语言 ALGOL 60 报告”,标志着 ALGOL 60 的诞生。ALGOL 60 由 ALGOL 58 修改而来,引入局部性、动态、递归等许多重…...
2024/4/20 13:23:59 - Python中数学模块获取正切值math.tanh()方法
选择题 以下关于math模块中math.tanh()方法说法错误的是: 选项: A math.tanh()方法是表示求解双曲正切值 B math.tanh()方法可以接受任何类型的值 C math.tanh()方法只能接受数字值 D 在math.tanh()中输入数字外内容返回TypeError 问题解析 1.mat…...
2024/4/16 20:50:18 - 西北工业大学NOJ-Python程序设计作业91-100
西北工业大学NOJ-Python程序设计作业题解集合: NOJ-Python程序设计:第1季:水题(Season 1-Easy) (1-10) NOJ-Python程序设计:第2季:小段代码(Season 2-Snippet) (11-20) N…...
2024/4/14 15:22:52 - 【PaperReading】Metabolites and the tumor microenvironment
代谢与肿瘤微环境1. Metabolites and the tumor microenvironment: from cellular mechanisms to systemic metabolism摘要2. Metabolic regulation of cell growth and proliferation摘要eTOC引言葡萄糖摄取的调节氨基酸的获得脂肪酸合成的提升核苷酸的生产与微环境的相互作用…...
2024/4/14 12:44:28 - Qt——布局
布局 Qt的界面设计使用了布局功能。布局就是界面上组件的排列方式,使用布局可以使组件有规律地分布,并且随着窗体大小变化自动地调整大小和相对位置。Qt布局功能的实现基类为QLayout,为满足不同场景,又派生出QBoxLayout(QHBoxLayo…...
2024/4/14 12:44:13 - Photoshop插件--保存--转换sRGB--脚本开发--PS插件
文章目录1.插件界面2.关键代码3.作者寄语PS是一款栅格图像编辑软件,具有许多强大的功能,本文演示如何通过脚本实现转换sRGB相关功能,展示从互联网收集而来的一个小插件,供大家学习交流,请勿用于商业用途。1.插件界面 本…...
2024/4/14 12:44:33 - pandas的快速可视化API进行直方图可视化、使用pandas的bootstrap_plot函数理解观测数据的中心趋势度量(均值、中位数、mid-range)的可变性
pandas的快速可视化API进行直方图可视化、使用pandas的bootstrap_plot函数理解观测数据的中心趋势度量(均值、中位数、mid-range)的可变性 目录...
2024/4/20 11:12:12 - 线段树基础
线段树关键:代码:区间加法,区间求和代码:区间加法、乘法,区间求和关键: 数组空间4:二叉树节点数为2n-1,所有根节点下有两个空节点,所以节点数为4*n-1;lazy数…...
2024/4/29 11:34:50 - python使用openCV图像加载(转化为灰度图像)、使用equalizeHist算法增强灰度图像对比度、可视化对比度增强之后的图像
python使用openCV图像加载(转化为灰度图像)、使用equalizeHist算法增强灰度图像对比度、可视化对比度增强之后的图像 目录...
2024/4/14 12:44:28 - pandas使用replace函数移除dataframe特定数据列中的单个、或者多个指定字符(Removing characters from columns)
pandas使用replace函数移除dataframe特定数据列中的单个、或者多个指定字符(Removing characters from columns) 目录...
2024/4/19 15:00:46 - R语言ggplot2可视化:编写自定义函数实现图例标题位置自定义、图例标题宽度自定义、图例方向自定义(different title widths、positions、legend direction
R语言ggplot2可视化:编写自定义函数实现图例(legend)标题位置自定义、图例(legend)标题宽度自定义、图例方向自定义(different title widths / title positions / legend directions) 目录...
2024/4/19 11:32:59 - 2022 把 Python 学得跟 Java 一样熟练——04 matplotlib 绘制概率图
背景 《贝叶斯方法》里面有一个案例“图书管理员还是农民”: 丹尼尔卡尼曼在《思考,快与慢》中说,史蒂芬被描述为一个害羞的人,他乐于助人,但是他对其他人不太关注。他非常乐于见到事情处于合理的顺序,并对…...
2024/4/23 6:43:34 - 1.7冒泡排序法的主体框架
for (int i 0; i < 数组长度变量名- 1; i) {// 内层循环控制每一趟排序多少次,一般为数组长度-外层循环变量-1for (int j 0; j <数组长度变量名 - i - 1; j) {// 升序--如果前面大于后面则交换if (array[j] 视情况填写大于号和小于号array[j 1]) {// 引入…...
2024/4/19 13:31:57 - 腾讯云-轻量应用服务器配置(一)——宝塔Linux面板配置
目录 一、注册腾讯云账号 1.1 微信扫码快速注册 1.2 按要求完成实名认证 二、预付费购买服务器 2.1 选择合适配置并付费 2.2 进入控制台 三、重置服务器密码 3.1 进入服务器实例 3.2 重置密码 四、配置宝塔Linux面板端口 4.1 登录宝塔面板 4.2 启用宝塔面板默认端口…...
2024/4/20 8:47:15 - 【Spring事务详解】--- 6.事务创建的流程分析
前言 Spring事务详解连载 【Spring事务详解】— 1.事务传播的案例演示 【Spring事务详解】— 2.事务应用的注意事项 【Spring事务详解】— 3.事务失效的八种场景 【Spring事务详解】— 4.事务管理器的架构分析 【Spring事务详解】— 5.事务管理器TransactionSynchronizationM…...
2024/4/16 8:21:31 - R语言ggplot2可视化分面图(faceting)、设置每个分面的标题在上方(top side)、并在上方分面图的外侧添加整图的标题信息(facet title)
R语言ggplot2可视化分面图(faceting)、设置每个分面的标题在上方(top side)、并在上方分面图的外侧添加整图的标题信息(facet title) 目录...
2024/4/7 5:17:02 - Python环境管理
python的历史 Python3 Python下载 官方地址下载python安装包:Download Python | Python.org Window安装Python3 windows上下载完成后,双击进行安装,按照指示点击下一步,直到安装完成就可以了。 参考文章:Python3.…...
2024/4/15 16:27:02 - warning: CALF wilL be replaced by LF in xxxx 问题解决办法
warning: CALF wilL be replaced by LF in xxxx 问题解决办法 参考:https://blog.csdn.net/huihuikuaipao_/article/details/100183521 1.解释: CRLF wilL be replaced by LF 意思是:CRLF wilL be replaced by LF 2.原因: windows中的换行…...
2024/4/14 12:45:03 - PTA 尾插法
#输入格式: 输入数据为若干正整数,最后以-1表示结尾(-1不算在序列内,不要处理)。所有数据之间用空格分隔。 #输入样例: 1 2 3 4 5 6 7 8 9 -1 #输出样例: 1 2 3 4 5 6 7 8 9 #include <stdi…...
2024/4/14 12:45:18 - Java、学生的专业和年级
编写一个程序,提示用户输入两个字符,显示这两个字符代表的专业以及年级。第一个字符表示专业,第二个是一个数字字符1、2、3、4,分别表示该学生是大一、大二、大三还是大四。 package pack2;import java.util.Scanner;public class…...
2024/4/14 12:45:28
最新文章
- 【Python】 逻辑回归:从训练到预测的完整案例
我把我唱给你听 把你纯真无邪的笑容给我吧 我们应该有快乐的 幸福的晴朗的时光 我把我唱给你听 用我炙热的感情感动你好吗 岁月是值得怀念的留恋的 害羞的红色脸庞 谁能够代替你呀 趁年轻尽情的爱吧 最最亲爱的人啊 路途遥远我们在一起吧 🎵 叶…...
2024/5/2 7:34:13 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - [C++][算法基础]模拟队列(数组)
实现一个队列,队列初始为空,支持四种操作: push x – 向队尾插入一个数 x;pop – 从队头弹出一个数;empty – 判断队列是否为空;query – 查询队头元素。 现在要对队列进行 M 个操作,其中的每…...
2024/5/1 13:02:53 - composer常见错误解决
在Java中,常见的问题和解决方法包括: 内存不足错误:Java应用程序在运行时可能会遇到内存不足的错误。可以通过增加JVM的堆内存大小来解决,可以通过设置-Xms和-Xmx参数来指定初始堆大小和最大堆大小。 java -Xms2G -Xmx4G YourAppl…...
2024/4/30 3:27:03 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/1 17:30:59 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/30 18:14:14 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/29 2:29:43 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/30 18:21:48 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/30 9:43:09 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/29 20:46:55 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/30 22:21:04 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/1 4:32:01 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/30 9:42:22 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/30 9:43:22 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/30 9:42:49 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57