创建React应用创建React应用参考链接，如使用npx包运行工具：npxcreate-react-apparjs-react-viewer-app如果您使用的是yarn，执行命令：yarncreatereact-apparjs-react-viewer-app

然后打开命令行工具，执行以下命令来创建一个新的React应用程序：npxcreate-react-appmy-app这会在当前

安装方法一：使用官方脚手架第一步：安装项目$npxcreate-nuxt-app它会让你选择一些内容需要集成的服务器（koa,Express...），使用Nuxt默认服务器就选择Non

$npxcreate-rea

0Z8少儿编程网-https://www.pxcodes.com0Z8少儿编程网-https://www.pxcodes.com本教程操作环境：windows7系统、p

将jsx渲染成真实dom，显示在浏览器；native端：将jsx渲染成原生控件）babel：将jsx转换成React代码的工具（将jsx转换成React.createElement）Documentnpxcreate-react

React框架使用react脚手架搭建项目npxcreate-react-appapp-nameclass和function的区别function定义的组件中可以使用hooks来设置状态和模拟生命周期，

parallel(6)*/*fromTabparallelPlanINSERTSTATEMENTALL_ROWSCost:735LOADTABLECONVENTIONALRICK.TABPARALLEL14PXCOORDINATOR3PXSENDQC

1、nuxt的安装nuxt官网链接地址//安装npxcreate-nuxt-appappnpmi//cnpmicdappyarnrundev2、了解nuxt的生命周期fetch和asyncData在服务端和客户端是都有运行的

1.初始化项目npxcreate-react-appmy-app2.启动项目，在项目根目录当中执行：cdmy-appnpmstart

运行npminit或npxcreate-response-app等命令几乎构建JS项目的首选方式，无论是为客户端或服务器端，还是桌面应用程序。但是npm不仅仅是初始化项目或安装包。在本文中，我们

执行一下脚手架生成命令，前提是提前装好create-react-appnpxcreate-react-appmy-app--templatetypescript--template为指定模板的关键字，我这里使用了

usp=sharingArcGIS10.8百度网盘：https://pan.baidu.com/s/1s5bL3QsCP5sgcftCPxc88w提取码：kw4j阿里云：https://www.aliyundrive.com

1.主从复制架构演变读写分离:读多写少的业务类型Atlas,ProxySQL,Maxscale.....高可用:解决业务主库宕机时,还能继续提供原有服务MHA,PXC,MGC,MGR,MIC(8.0)分布式架构

usp=sharingArcGIS10.8百度网盘：https://pan.baidu.com/s/1s5bL3QsCP5sgcftCPxc88w提取码：kw4j阿里云：https://www.aliyundrive.com

MySQL搭建集群最常见的是binlog方式，但还有一种方式是强一致性的，能保证集群节点的数据一定能够同步成功，这种方式就是pxc，本篇就使用图文方式一步步展示具体的搭建步骤及最终效果。

一、初始化工程脚手架(内置release-it，commitlint)image.pngnpxcreate-react-native-libraryreact-native-zhoupu-uiimage.png

rpxCalcMaxDeviceWidth":2000},}注意：pages.json文件中，对象配置的最

高可用架构代表产品MHaPXCInnoDBClusterMGCMySQLClusterMycat读写分离代表产品AtlasProxySQLMycatMaxscale分布式架构代表产品MycatDBLEsharding-jdbcProxySQLNewsqlPinCAPTiDBAliyunPolarDBGooleSpannerMHA

然后，创建一个新的React项目，可以使用create-react-app命令行工具来快速创建：npxcrea

MySQL部署PXC集群一，PXC了解1.PXC介绍PerconaXtraDBCluster（简称PXC）是基于Galera的MySQL高可用集群解决方案GaleraCluster是Codership公司开发的一套免费开源的高可用方案

CAS的比较判断、赋值操作，是一个不可分割的原子操作，并且这一操作是在硬件层面得到保障，在Intel处理器中，使用的是cmpxchg指令。

步骤2：创建Vue3项目在命令行界面中，进入你想要创建项目的目录，并执行以下命令：//使用VueCLI创建一个新的Vue3项目npxcreate-vitemy-vue-projectlessCopycode

简单操作安装[email protected]创建项目文档的命令npminitvite-app项目名yarncreatevite-app项目名等价于全局安装后cva项目名或npxcreate-vite-app

全面配置目录√初始化项目√环境变量配置√打包分析√提供全局scss变量√按需引入element-ui√配置hard-source-webpack-plugin√去除多余css√Brotli压缩☞初始化项目npxcreate-nuxt-app

一、项目搭建（不采用vite方式）使用create-react-app生成项目npxcreate-react-apppc进入根目录cdpc启动项目npmstart调整项目目录结构/src/assets项目资源文件

使用官方的教学项目npxcreate-react-approuter-tutorial安装react-router依赖cdrouter-tutorialnpmaddreact-router-dom@6history

一、简单入门1.1环境准备准备一个新鲜的react项目(非必需)npxcreate-react-appreact-app添加react-styleguidistnpminstall--save-devreact-styleguidist

457d9e4773f45954449ee5913d068fdbb3d8e5689019688e7bce901467e5473a文件类型(Magic)：PE32executable(GUI)Intel80386,forMSWindows,UPXcompressed

1.配置React源码本地调试环境使用create-react-app脚手架创建项目npxcreate-react-appreact-test弹射create-react-app脚手架内部配置npmruneject

1.配置React源码本地调试环境使用create-react-app脚手架创建项目npxcreate-react-appreact-test弹射create-react-app脚手架内部配置npmruneject

解决办法：1.先退出Xcode以及模拟器2.打开终端，输入如下命令（cd/Applications&&mvXcode.appXcode_2.app），如果提示了路径未找到，则把Xcode.app改成：应用程序

案例1：部署内存存储服务案例2：环境准备案例3：创建PXC集群案例4：部署LB集群案例5：部署HA集群1案例1：部署内存存储服务1.1问题具体操作如下：部署redis服务器创建redis集群配置网站服务器测试配置

二，准备工作：pxCurrentTCB和栈的关系pxCurrentTCB的路径和stack有什么关系，先

有了它可以直接一句命令就建立好项目目录和基本结构如果你没有使用过create-next-app,可以先进行全局安装，安装命令如下.npminstall-gcreate-next-app安装完成后，进入你要建立项目的位置，使用npx来进行安装npxcreate-next-appreact_de

环境是PXC的3节点，虽然PXC的3个节点都是可读写，避免主键的争用，还是做成了1写2读的读写分离，读写分离的中间件选用了mycat来做，因为mycat可以很好地做写节点切换。

回顾部署MHA集群步骤：1、准备环境1.1公共配置：启用binlog日志用户授权半同步复制模式禁止删除中继日志文件1.2ssh免密登录1.2.1、所有数据库服务器之间ssh免密登录1.2.2、管理主机要ssh免密登录所有数据库服务器1.3主从同步复制配置一主多从同步结构2、配置管理主机3、配置数据库服务器4、测试配置5、启动管理服务6、测试高可用功能MHA集群缺点总结：必须要有vip地址宕机的主服

npx是npm自带的命令行工具：在项目根目录下，使用命令行npxcypressopen启动：也可以利用yarn启动：yarnruncypressopen或者是直接执行node_modulesbin文件夹下的二进制命令

是否正确安装检查环境变量是否正确配置在你需要创建项目文件夹的地方，打开终端，这里可以直接点击上面的文件路径输入cmd，就可以在当前路径打开终端，比如E:/Gitbash，点击这个路径输入即可接下来输入：npxcreate-react-appmy-appmy-app

项目构建一，创建项目npxcreate-react-appmy-appnpminitreact-appmy-appyarncreatereact-appmy-app二，项目运行npmstart或yarnstartnpmtest

1.PXC简介参考Percona官方https://www.percona.com/software/mysql-database/percona-xtradb-clusterPXC(PerconaXtraDBCluster

PXC简介PXC(PerconaXtraDBCluster)是一个开源的MySQL高可用解决方案。他将PerconaServer和XtraBackup与Galera库集成，以实现同步多主复制。

mariadb的galeracluster集群抄袭percona的PXC数据库集群，所以原理一样###GaleraCluster/PXC集群工作原理client端向server端发送dml更新操作请求时

序言PerconaXtraDBCluster(简称PXC集群)提供了MySQL高可用的一种实现方法。

目录前言一、PXC集群方案与传统的Replication复制方案的区别二、PXC集群的优缺点三、PXC集群的局限性四、PXC有两种节点数据传输方式五、pxc大概会使用4个端口号六、PXC集群部署实战6.1

1.删除MariaDB程序包yum-yremovemari*2.开放防火墙端口firewall-cmd--zone=public--add-port=3306/tcp--permanentfirewall-cmd--zone=public--add-port=4444/tcp--permanentfirewall-cmd--zone=public--add-port=4567/tcp--perma

在命令行将.m文件转换成.cppxcrun-sdkiphoneosclang-archarm64-rewrite-objcOC源文件-o输出

当我们使用npxcreate-react-appmy-app创建一个项目的时候。

不知道装没装，就命令行工具node-v一下一：安装官方脚手架create-react-app第一种npminstall-gcreate-react-appcreate-react-app项目名称第二种npxcreate-react-app

时间戳在线转换工具：http://tool.chinaz.com/Tools/unixtime.aspxC++time函数相关知识参考地址：https://www.runoob.com/w3cnote/