react学习过程中遇到的错误记录
1.App.js的代码如下：import React, { Component } from 'react';import Test from './components/Test.jsx';import './assets/css/todolist.css';class App extends Component { //组件的构造函数,当这个组件被执行的时候，constructor会自动被执行 constructor(props){ //固定的写法 super(props); th...
2024-01-10
使用React在文本区域中更改光标位置
我在React中有一个文本区域，我想变成一个“记事本”。这意味着我希望“tab”键缩进而不是散焦。这是我的代码：handleKeyDown(event) { if (event.keyCode === 9) { // tab was pressed event.preventDefault(); var val = this.state.scriptString, start = event.target.selectionStart, ...
2024-01-10从React中的另一个文件调用JS函数？
我在一个单独的JavaScript文件中有一个函数，我想在React组件中调用它-如何实现呢？我正在尝试创建幻灯片，在中slideshow.js，我有此功能可以增加当前幻灯片的索引，如下所示：function plusSlides(n) { showSlides(slideIndex += n);}在Homepage.jsx，我有一个“下一步”按钮时应该调用plusSlides从slideshow.js被点击的...
2024-01-10在React中的剑道网格内下拉
我想要完成的是在尽可能最好的方式下在网格中有一个下拉菜单。从我在Angular看到的他们可以在模板中完成。在反应中，这是可用的，但不可能使用任何类型的组件。在React中的剑道网格内下拉仅支持“字符串”形式的模板。不支持React组件形式的模板。有什么更好的方法来做到这一点？回答：使...
2024-01-10您如何在React中设置文档标题？
我想为我的React应用程序设置文档标题（在浏览器标题栏中）。我已经尝试使用反应文档标题（似乎过时了），并设置document.title在constructor与componentDidMount()这些解决方案的工作-。回答：您可以使用React Helmet：import React from 'react'import { Helmet } from 'react-helmet'const TITLE = 'My Page Title'class MyComponent extends...
2024-01-10
react 中如何把一串字符串分割开来
问题： 我想把这一串字符串切割下来，换行显示。 我要的效果： 我要实现的效果： 解决方法： 1､用正则 word = mainfunctiondescription.replace(' ', '\n'); word = mainfunctiondescription.replace(/(\s|\r\n|\r|\n)/g, '<br/>'); 2､用切割 ...
2024-01-10
SAP官网发布的react教程
大家学习React的时候，用的是什么教程呢？Jerry当时用的阮一峰博客上的入门教程，因为React使用的JSX语法并不是所有的浏览器都支持，所以还得使用browser.js在浏览器端将JSX转换成JavaScript.阮一峰的React教程地址：http://www.ruanyifeng.com/blog/2015/03/react.html虽然是2015年的比较老了，但却是面向零基础的开发...
2024-01-10
Vue3官网最基础的案例，为什么本地环境有点问题，createApp的问题
官网的基础示例是<div id="app"> <button @click="count++">{{ count }}</button></div>import { createApp } from 'vue'const app = createApp({ data() { return { count: 0 } }})app.mount('#a...
2024-02-08
react实现多行文本超出加省略号
http://www.css88.com/archives/5206overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;根据该文章方法，放在react项目中发现并不能实现，仔细观察发现原来react解析出来的css样式中没有了 这个样式 ：-webkit-box-orient: vertical;所以我们需要在需要超出加省略号的标签上...
2024-01-10在React中导入JSON文件
我是React的新手，正在尝试DATA从外部文件导入JSON 变量。我收到以下错误：找不到模块“ ./customData.json”有人可以帮我吗？如果我的DATA变量位于index.js外部JSON文件中，但没有该变量，则它可以工作。index.jsimport React, {Component} from 'react';import ReactDOM from 'react-dom';import customData from './customData.json';import ...
2024-01-10
yum 源 aliyuei
#yum repo ali[root@host-192-168-3-210 ~]# cat /etc/yum.repos.d/CentOS-Base.repo# CentOS-Base.repo## The mirror system uses the connecting IP address of the client and the# update status of each mirror to pick mirrors that are updated to and# geographically...
2024-01-10
红帽RedHat8.0新特性(网络、yum源、Web界面管理等)
1、Red Hat8 配置静态IP注意：Red Hat8网络管理默认使用NetworkManager，而不是之前版本的network。按照之前版本我们一般通过配置文件设置静态IP地址信息，如下：[root@localhost ~]# cd /etc/sysconfig/network-scripts[root@localhost network-scripts]# cp ifcfg-ens160 ifcfg-ens160.bak // 备份一下，要养成习惯 手动添加静态IP地址：[...
2024-01-10
CentOS8 配置本地yum源的详细教程
centos8发行版通过 BaseOS 和应用流 (AppStream) 仓库发布，AppStream 是对传统 rpm 格式的全新扩展，为一个组件同时提供多个主要版本centos8 自带封装了NGINX，这篇文章给大家介绍CentOS8 配置本地yum源，具体内容如下所示：1.创建目录mkdir /mnt/cdrom2.挂载你的cdrom文件。2.1光驱方式采用光驱的方式，对于vmware用...
2024-01-10yum安装etcd集群
本文内容纲要：yum安装etcd集群 前一篇文章介绍了如何yum安装简单的kubernetes集群，其中etcd是单点部署。本篇我们来搭建etcd集群，方便日后搭建kubernetes HA集群架构。1，环境配置说明 etcd1 192.168.20.71 etcd2 192.168.20.72 etcd3 192.168.20.732，etcd版本[root@master1 ~]# etcdctl --versionetcdctl ver...
2024-01-10
Firewalld共享上网及本地yum仓库搭建步骤
导读分享Firewalld共享上网及本地yum仓库搭建步骤Firewalld共享上网1.服务端操作（有外网的服务器）1.开启防火墙并加入开机自启动[[email protected]linuxprobe ~]# systemctl start firewalld[[email protected] ~]# systemctl enable firewalld2.移除默认所有人能访问ssh的规则[[email protected] ~]# firewall-cmd --remove-service=ssh ...
2024-01-10
VMware15.5版本通过挂载系统光盘搭建yum仓库的图文教程
一、 1.打开CentOS 7虚拟机。2.登录虚拟机，选择未列出 用户名：root 密码：输入自己设置的密码 点击登录。3.右键单击打开终端。4.输入两次 cd ..命令 回到根目录下。5.创建一个为chenzishuo的目录，在终端输入 mkdir /chenzishuo6.配置本地的yum，将光盘挂载到陈子硕下，在终端输入 mount /dev/cdrom /chenzishu...
2024-01-10
docker网络配置过程详解介绍
目录Linux内核实现名称空间的创建操作Network Namespace创建veth pair实现Network Namespace间通信四种网络模式配置容器的常用操作自定义docker0桥的网络属性信息Linux内核实现名称空间的创建ip netns命令可以借助ip netns命令来完成对 Network Namespace 的各种操作。ip netns命令来自于iproute安装包，一般系统会默认安装...
2024-01-10![docker[1]概述](/wp-content/uploads/thumbs/670872_thumbnail.jpg)
docker[1]概述
Docker是时下热门的容器技术，相信作为一名开发人员，你一定听说过或者使用过，很多人会把Docker理解为一个轻量级虚拟机，但其实Docker与虚拟机(VM)是两种不同的计算机虚拟化技术，也有很多人会觉得，有了虚拟机，那为什么还要使用Docker呢？带着心里的一点点疑问，让我们一起来学习Docker吧。1，...
2024-01-10
docker中数据卷的目录不存在？
我在容器挂载数据卷时出现了如下图的问题：在查看html数据卷时出现了挂载点路径，但是当我想要切换到该目录时，无法进入该目录，并且在lib目录下也没有docker目录。这是为什么呢？我该如何能顺利切换到目录呢？创建容器并挂载数据卷的操作位：docker run --name mn -v html:/usr/share/nginx/html -p 80:80 -d nginx回答：可以先切换到ro...
2024-02-23
docker数据持久化
confluence#!/bin/bashdocker run --name confluence --volume "$PWD/data/opt":/opt --volume "$PWD/data/atlassian/confluence":/var/atlassian/confluence --detach --publish 8090:8090 confluence/confluence:6.13.0jira#!/bin/bashdocker run --name jira -m 4G --volum...
2024-01-10
docker
1）安装dockersudo yum install docker2）启动dockersystemctl start docker.service3）配置开机启动[root@localhost ~]#systemctl enable docker.serviceCreated symlink from /etc/systemd/system/multi-user.target.wants/docker.service to /usr/lib/systemd/system/docker.service.[r...
2024-01-10
官网发售信息更新dior官网入口
大家都是怎么弄到口红小样的？教你如何免费申领各个品牌小样！【香奈儿】官方注册成为会员可以免费领取各种水乳小样，还有山茶花书签。每次他们有领小样活动都会通过GZH或者短信通知。【植村秀】官方注册后可以免费去专柜领取洁颜油体验装。【MAC】官方注册后，选择免费试用，可以选择口...
2024-01-10
docker跨主机通信手工版
#A主机 192.168.100.120#在主机A中创建一个子网,范围是10.52.100.2->10.52.100.254docker network create --subnet=10.52.100.0/24 snake120运行一个centos7的容器作为客户端docker run --name centos -dit --network snake120 --ip 10.52.100.2 uhub.service.ucloud.cn/pub021/centos:7.4.1708增加路由指向目标地址...
2024-01-10
docker日志文件在哪儿？
最近docker 日志文件存放地址，是弄的我头疼。 我们首先使用 docker inspect 容器ID，查看日志文件类型centos7.4 下的文件类型是 centos7.5下的文件类型是 在centos7.5以后，日志文件方式就发生了变化。7.4以前 路径/var/lib/docker/containers/<容器id>/<容器id>-json.log7.5 路径/var/log/journal 这里连接一篇文章...
2024-01-10
docker生产环境jvm性能优化
那么java程序启动的时候需要哪些方面的内存呢？java程序的堆内存，最大就是 -Xmx设置的这个值Garbage collection在垃圾回收的时候使用的内存JIT optimization使用的内存java程序的Off-heap所使用的内存java程序的Metaspace所使用的内存JNI Code所占用的内存jvm启动的时候所占用的内存。如何大体估算java进程使...
2024-01-10
docker搭建EFK
fluentdfluentd是一个针对日志的收集、处理、转发系统。通过丰富的插件系统，可以收集来自于各种系统或应用的日志，转化为用户指定的格式后，转发到用户所指定的日志存储系统之中。fluentd 常常被拿来和Logstash比较，我们常说ELK，L就是这个agent。fluentd 是随着Docker，GCP 和es一起流行起来的agent。这...
2024-01-10
