前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[JavaScript Loader并行执...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...essing:大规模并行处理系统)架构模式 支持OLTP应用,读写性能可扩展 集群级别的ACID特性 多租户安全 也可被用作分布式Key-Value存储 事务处理与数据分析处理混合型数据库 支持丰富的SQL语句类型,比如:关联子查询 支持绝大部分PostgreSQL的SQL语句 分布式多版本并发控制(MVCC:Multi-version Concurrency Control) 支持JSON和XML格式 Postgres-XL缺少的功能 内建的高可用机制 使用外部机制实现高可能,如:Corosync/Pacemaker 有未来功能提升的空间 增加节点/重新分片数据(re-shard)的简便性 数据重分布(redistribution)期间会锁表 可采用预分片(pre-shard)方式解决,在同台物理服务器上建立多个数据节点,每个节点存储一个数据分片。数据重分布时,将一些数据节点迁出即可 某些外键、唯一性约束功能 Postgres-XL架构 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M9lFuEIP-1640133702200)(./assets/postgre-xl.jpg)] 基于开源项目Postgres-XC XL增加了MPP,允许数据节点间直接通讯,交换复杂跨节点关联查询相关数据信息,减少协调器负载。 多个协调器(Coordinator) 应用程序的数据库连入点 分析查询语句,生成执行计划 多个数据节点(DataNode) 实际的数据存储 数据自动打散分布到集群中各数据节点 本地执行查询 一个查询在所有相关节点上并行查询 全局事务管理器(GTM:Global Transaction Manager) 提供事务间一致性视图 部署GTM Proxy实例,以提高性能 Postgre-XL主要组件 GTM (Global Transaction Manager) - 全局事务管理器 GTM是Postgres-XL的一个关键组件,用于提供一致的事务管理和元组可见性控制。 GTM Standby GTM的备节点,在pgxc,pgxl中,GTM控制所有的全局事务分配,如果出现问题,就会导致整个集群不可用,为了增加可用性,增加该备用节点。当GTM出现问题时,GTM Standby可以升级为GTM,保证集群正常工作。 GTM-Proxy GTM需要与所有的Coordinators通信,为了降低压力,可以在每个Coordinator机器上部署一个GTM-Proxy。 Coordinator --协调器 协调器是应用程序到数据库的接口。它的作用类似于传统的PostgreSQL后台进程,但是协调器不存储任何实际数据。实际数据由数据节点存储。协调器接收SQL语句,根据需要获取全局事务Id和全局快照,确定涉及哪些数据节点,并要求它们执行(部分)语句。当向数据节点发出语句时,它与GXID和全局快照相关联,以便多版本并发控制(MVCC)属性扩展到集群范围。 Datanode --数据节点 用于实际存储数据。表可以分布在各个数据节点之间,也可以复制到所有数据节点。数据节点没有整个数据库的全局视图,它只负责本地存储的数据。接下来,协调器将检查传入语句,并制定子计划。然后,根据需要将这些数据连同GXID和全局快照一起传输到涉及的每个数据节点。数据节点可以在不同的会话中接收来自各个协调器的请求。但是,由于每个事务都是惟一标识的,并且与一致的(全局)快照相关联,所以每个数据节点都可以在其事务和快照上下文中正确执行。 Postgres-XL继承了PostgreSQL Postgres-XL是PostgreSQL的扩展并继承了其很多特性: 复杂查询 外键 触发器 视图 事务 MVCC(多版本控制) 此外,类似于PostgreSQL,用户可以通过多种方式扩展Postgres-XL,例如添加新的 数据类型 函数 操作 聚合函数 索引类型 过程语言 安装 环境说明 由于资源有限,gtm一台、另外两台身兼数职。 主机名 IP 角色 端口 nodename 数据目录 gtm 192.168.20.132 GTM 6666 gtm /nodes/gtm 协调器 5432 coord1 /nodes/coordinator xl1 192.168.20.133 数据节点 5433 node1 /nodes/pgdata gtm代理 6666 gtmpoxy01 /nodes/gtm_pxy1 协调器 5432 coord2 /nodes/coordinator xl2 192.168.20.134 数据节点 5433 node2 /nodes/pgdata gtm代理 6666 gtmpoxy02 /nodes/gtm_pxy2 要求 GNU make版本 3.8及以上版本 [root@pg ~] make --versionGNU Make 3.82Built for x86_64-redhat-linux-gnuCopyright (C) 2010 Free Software Foundation, Inc.License GPLv3+: GNU GPL version 3 or later <http://gnu.org/licenses/gpl.html>This is free software: you are free to change and redistribute it.There is NO WARRANTY, to the extent permitted by law. 需安装GCC包 需安装tar包 用于解压缩文件 默认需要GNU Readline library 其作用是可以让psql命令行记住执行过的命令,并且可以通过键盘上下键切换命令。但是可以通过--without-readline禁用这个特性,或者可以指定--withlibedit-preferred选项来使用libedit 默认使用zlib压缩库 可通过--without-zlib选项来禁用 配置hosts 所有主机上都配置 [root@xl2 11] cat /etc/hosts127.0.0.1 localhost192.168.20.132 gtm192.168.20.133 xl1192.168.20.134 xl2 关闭防火墙、Selinux 所有主机都执行 关闭防火墙: [root@gtm ~] systemctl stop firewalld.service[root@gtm ~] systemctl disable firewalld.service selinux设置: [root@gtm ~]vim /etc/selinux/config 设置SELINUX=disabled,保存退出。 This file controls the state of SELinux on the system. SELINUX= can take one of these three values: enforcing - SELinux security policy is enforced. permissive - SELinux prints warnings instead of enforcing. disabled - No SELinux policy is loaded.SELINUX=disabled SELINUXTYPE= can take one of three two values: targeted - Targeted processes are protected, minimum - Modification of targeted policy. Only selected processes are protected. mls - Multi Level Security protection. 安装依赖包 所有主机上都执行 yum install -y flex bison readline-devel zlib-devel openjade docbook-style-dsssl gcc 创建用户 所有主机上都执行 [root@gtm ~] useradd postgres[root@gtm ~] passwd postgres[root@gtm ~] su - postgres[root@gtm ~] mkdir ~/.ssh[root@gtm ~] chmod 700 ~/.ssh 配置SSH免密登录 仅仅在gtm节点配置如下操作: [root@gtm ~] su - postgres[postgres@gtm ~] ssh-keygen -t rsa[postgres@gtm ~] cat ~/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys[postgres@gtm ~] chmod 600 ~/.ssh/authorized_keys 将刚生成的认证文件拷贝到xl1到xl2中,使得gtm节点可以免密码登录xl1~xl2的任意一个节点: [postgres@gtm ~] scp ~/.ssh/authorized_keys postgres@xl1:~/.ssh/[postgres@gtm ~] scp ~/.ssh/authorized_keys postgres@xl2:~/.ssh/ 对所有提示都不要输入,直接enter下一步。直到最后,因为第一次要求输入目标机器的用户密码,输入即可。 下载源码 下载地址:https://www.postgres-xl.org/download/ [root@slave ~] ll postgres-xl-10r1.1.tar.gz-rw-r--r-- 1 root root 28121666 May 30 05:21 postgres-xl-10r1.1.tar.gz 编译、安装Postgres-XL 所有节点都安装,编译需要一点时间,最好同时进行编译。 [root@slave ~] tar xvf postgres-xl-10r1.1.tar.gz[root@slave ~] ./configure --prefix=/home/postgres/pgxl/[root@slave ~] make[root@slave ~] make install[root@slave ~] cd contrib/ --安装必要的工具,在gtm节点上安装即可[root@slave ~] make[root@slave ~] make install 配置环境变量 所有节点都要配置 进入postgres用户,修改其环境变量,开始编辑 [root@gtm ~]su - postgres[postgres@gtm ~]vi .bashrc --不是.bash_profile 在打开的文件末尾,新增如下变量配置: export PGHOME=/home/postgres/pgxlexport LD_LIBRARY_PATH=$PGHOME/lib:$LD_LIBRARY_PATHexport PATH=$PGHOME/bin:$PATH 按住esc,然后输入:wq!保存退出。输入以下命令对更改重启生效。 [postgres@gtm ~] source .bashrc --不是.bash_profile 输入以下语句,如果输出变量结果,代表生效 [postgres@gtm ~] echo $PGHOME 应该输出/home/postgres/pgxl代表生效 配置集群 生成pgxc_ctl.conf配置文件 [postgres@gtm ~] pgxc_ctl prepare/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxl/pgxc_ctl/pgxc_ctl_bash.ERROR: File "/home/postgres/pgxl/pgxc_ctl/pgxc_ctl.conf" not found or not a regular file. No such file or directoryInstalling pgxc_ctl_bash script as /home/postgres/pgxl/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxl/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxl/pgxc_ctl --configuration /home/postgres/pgxl/pgxc_ctl/pgxc_ctl.confFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxl/pgxc_ctl 配置pgxc_ctl.conf 新建/home/postgres/pgxc_ctl/pgxc_ctl.conf文件,编辑如下: 对着模板文件一个一个修改,否则会造成初始化过程出现各种神奇问题。 pgxcInstallDir=$PGHOMEpgxlDATA=$PGHOME/data pgxcOwner=postgres---- GTM Master -----------------------------------------gtmName=gtmgtmMasterServer=gtmgtmMasterPort=6666gtmMasterDir=$pgxlDATA/nodes/gtmgtmSlave=y Specify y if you configure GTM Slave. Otherwise, GTM slave will not be configured and all the following variables will be reset.gtmSlaveName=gtmSlavegtmSlaveServer=gtm value none means GTM slave is not available. Give none if you don't configure GTM Slave.gtmSlavePort=20001 Not used if you don't configure GTM slave.gtmSlaveDir=$pgxlDATA/nodes/gtmSlave Not used if you don't configure GTM slave.---- GTM-Proxy Master -------gtmProxyDir=$pgxlDATA/nodes/gtm_proxygtmProxy=y gtmProxyNames=(gtm_pxy1 gtm_pxy2) gtmProxyServers=(xl1 xl2) gtmProxyPorts=(6666 6666) gtmProxyDirs=($gtmProxyDir $gtmProxyDir) ---- Coordinators ---------coordMasterDir=$pgxlDATA/nodes/coordcoordNames=(coord1 coord2) coordPorts=(5432 5432) poolerPorts=(6667 6667) coordPgHbaEntries=(0.0.0.0/0)coordMasterServers=(xl1 xl2) coordMasterDirs=($coordMasterDir $coordMasterDir)coordMaxWALsernder=0 没设置备份节点,设置为0coordMaxWALSenders=($coordMaxWALsernder $coordMaxWALsernder) 数量保持和coordMasterServers一致coordSlave=n---- Datanodes ----------datanodeMasterDir=$pgxlDATA/nodes/dn_masterprimaryDatanode=xl1 主数据节点datanodeNames=(node1 node2)datanodePorts=(5433 5433) datanodePoolerPorts=(6668 6668) datanodePgHbaEntries=(0.0.0.0/0)datanodeMasterServers=(xl1 xl2)datanodeMasterDirs=($datanodeMasterDir $datanodeMasterDir)datanodeMaxWalSender=4datanodeMaxWALSenders=($datanodeMaxWalSender $datanodeMaxWalSender) 集群初始化,启动,停止 初始化 pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf init all 输出结果: /bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlStopping all the coordinator masters.Stopping coordinator master coord1.Stopping coordinator master coord2.pg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord1" does not existpg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord2" does not existDone.Stopping all the datanode masters.Stopping datanode master datanode1.Stopping datanode master datanode2.pg_ctl: PID file "/home/postgres/pgxc/nodes/datanode/datanode1/postmaster.pid" does not existIs server running?Done.Stop GTM masterwaiting for server to shut down.... doneserver stopped[postgres@gtm ~]$ echo $PGHOME/home/postgres/pgxl[postgres@gtm ~]$ ll /home/postgres/pgxl/pgxc/nodes/gtm/gtm.^C[postgres@gtm ~]$ pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf init all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlInitialize GTM masterERROR: target directory (/home/postgres/pgxc/nodes/gtm) exists and not empty. Skip GTM initilializationDone.Start GTM masterserver startingInitialize all the coordinator masters.Initialize coordinator master coord1.ERROR: target coordinator master coord1 is running now. Skip initilialization.Initialize coordinator master coord2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/coord/coord2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting coordinator master.Starting coordinator master coord1ERROR: target coordinator master coord1 is already running now. Skip initialization.Starting coordinator master coord22019-05-30 21:09:25.562 EDT [2148] LOG: listening on IPv4 address "0.0.0.0", port 54322019-05-30 21:09:25.562 EDT [2148] LOG: listening on IPv6 address "::", port 54322019-05-30 21:09:25.563 EDT [2148] LOG: listening on Unix socket "/tmp/.s.PGSQL.5432"2019-05-30 21:09:25.601 EDT [2149] LOG: database system was shut down at 2019-05-30 21:09:22 EDT2019-05-30 21:09:25.605 EDT [2148] LOG: database system is ready to accept connections2019-05-30 21:09:25.612 EDT [2156] LOG: cluster monitor startedDone.Initialize all the datanode masters.Initialize the datanode master datanode1.Initialize the datanode master datanode2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode1 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting all the datanode masters.Starting datanode master datanode1.WARNING: datanode master datanode1 is running now. Skipping.Starting datanode master datanode2.2019-05-30 21:09:33.352 EDT [2404] LOG: listening on IPv4 address "0.0.0.0", port 154322019-05-30 21:09:33.352 EDT [2404] LOG: listening on IPv6 address "::", port 154322019-05-30 21:09:33.355 EDT [2404] LOG: listening on Unix socket "/tmp/.s.PGSQL.15432"2019-05-30 21:09:33.392 EDT [2404] LOG: redirecting log output to logging collector process2019-05-30 21:09:33.392 EDT [2404] HINT: Future log output will appear in directory "pg_log".Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done.[postgres@gtm ~]$ pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf stop all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlStopping all the coordinator masters.Stopping coordinator master coord1.Stopping coordinator master coord2.pg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord1" does not existDone.Stopping all the datanode masters.Stopping datanode master datanode1.Stopping datanode master datanode2.pg_ctl: PID file "/home/postgres/pgxc/nodes/datanode/datanode1/postmaster.pid" does not existIs server running?Done.Stop GTM masterwaiting for server to shut down.... doneserver stopped[postgres@gtm ~]$ pgxc_ctl/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlPGXC monitor allNot running: gtm masterRunning: coordinator master coord1Not running: coordinator master coord2Running: datanode master datanode1Not running: datanode master datanode2PGXC stop coordinator master coord1Stopping coordinator master coord1.pg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord1" does not existDone.PGXC stop datanode master datanode1Stopping datanode master datanode1.pg_ctl: PID file "/home/postgres/pgxc/nodes/datanode/datanode1/postmaster.pid" does not existIs server running?Done.PGXC monitor allNot running: gtm masterRunning: coordinator master coord1Not running: coordinator master coord2Running: datanode master datanode1Not running: datanode master datanode2PGXC monitor allNot running: gtm masterNot running: coordinator master coord1Not running: coordinator master coord2Not running: datanode master datanode1Not running: datanode master datanode2PGXC exit[postgres@gtm ~]$ pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf init all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlInitialize GTM masterERROR: target directory (/home/postgres/pgxc/nodes/gtm) exists and not empty. Skip GTM initilializationDone.Start GTM masterserver startingInitialize all the coordinator masters.Initialize coordinator master coord1.Initialize coordinator master coord2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/coord/coord1 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/coord/coord2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting coordinator master.Starting coordinator master coord1Starting coordinator master coord22019-05-30 21:13:03.998 EDT [25137] LOG: listening on IPv4 address "0.0.0.0", port 54322019-05-30 21:13:03.998 EDT [25137] LOG: listening on IPv6 address "::", port 54322019-05-30 21:13:04.000 EDT [25137] LOG: listening on Unix socket "/tmp/.s.PGSQL.5432"2019-05-30 21:13:04.038 EDT [25138] LOG: database system was shut down at 2019-05-30 21:13:00 EDT2019-05-30 21:13:04.042 EDT [25137] LOG: database system is ready to accept connections2019-05-30 21:13:04.049 EDT [25145] LOG: cluster monitor started2019-05-30 21:13:04.020 EDT [2730] LOG: listening on IPv4 address "0.0.0.0", port 54322019-05-30 21:13:04.020 EDT [2730] LOG: listening on IPv6 address "::", port 54322019-05-30 21:13:04.021 EDT [2730] LOG: listening on Unix socket "/tmp/.s.PGSQL.5432"2019-05-30 21:13:04.057 EDT [2731] LOG: database system was shut down at 2019-05-30 21:13:00 EDT2019-05-30 21:13:04.061 EDT [2730] LOG: database system is ready to accept connections2019-05-30 21:13:04.062 EDT [2738] LOG: cluster monitor startedDone.Initialize all the datanode masters.Initialize the datanode master datanode1.Initialize the datanode master datanode2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode1 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting all the datanode masters.Starting datanode master datanode1.Starting datanode master datanode2.2019-05-30 21:13:12.077 EDT [25392] LOG: listening on IPv4 address "0.0.0.0", port 154322019-05-30 21:13:12.077 EDT [25392] LOG: listening on IPv6 address "::", port 154322019-05-30 21:13:12.079 EDT [25392] LOG: listening on Unix socket "/tmp/.s.PGSQL.15432"2019-05-30 21:13:12.114 EDT [25392] LOG: redirecting log output to logging collector process2019-05-30 21:13:12.114 EDT [25392] HINT: Future log output will appear in directory "pg_log".2019-05-30 21:13:12.079 EDT [2985] LOG: listening on IPv4 address "0.0.0.0", port 154322019-05-30 21:13:12.079 EDT [2985] LOG: listening on IPv6 address "::", port 154322019-05-30 21:13:12.081 EDT [2985] LOG: listening on Unix socket "/tmp/.s.PGSQL.15432"2019-05-30 21:13:12.117 EDT [2985] LOG: redirecting log output to logging collector process2019-05-30 21:13:12.117 EDT [2985] HINT: Future log output will appear in directory "pg_log".Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done. 启动 pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf start all 关闭 pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf stop all 查看集群状态 [postgres@gtm ~]$ pgxc_ctl monitor all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlRunning: gtm masterRunning: coordinator master coord1Running: coordinator master coord2Running: datanode master datanode1Running: datanode master datanode2 配置集群信息 分别在数据节点、协调器节点上分别执行以下命令: 注:本节点只执行修改操作即可(alert node),其他节点执行创建命令(create node)。因为本节点已经包含本节点的信息。 create node coord1 with (type=coordinator,host=xl1, port=5432);create node coord2 with (type=coordinator,host=xl2, port=5432);alter node coord1 with (type=coordinator,host=xl1, port=5432);alter node coord2 with (type=coordinator,host=xl2, port=5432);create node datanode1 with (type=datanode, host=xl1,port=15432,primary=true,PREFERRED);create node datanode2 with (type=datanode, host=xl2,port=15432);alter node datanode1 with (type=datanode, host=xl1,port=15432,primary=true,PREFERRED);alter node datanode2 with (type=datanode, host=xl2,port=15432);select pgxc_pool_reload(); 分别登陆数据节点、协调器节点验证 postgres= select from pgxc_node;node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id-----------+-----------+-----------+-----------+----------------+------------------+-------------coord1 | C | 5432 | xl1 | f | f | 1885696643coord2 | C | 5432 | xl2 | f | f | -1197102633datanode2 | D | 15432 | xl2 | f | f | -905831925datanode1 | D | 15432 | xl1 | t | f | 888802358(4 rows) 测试 插入数据 在数据节点1,执行相关操作。 通过协调器端口登录PG [postgres@xl1 ~]$ psql -p 5432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= create database lei;CREATE DATABASEpostgres= \c lei;You are now connected to database "lei" as user "postgres".lei= create table test1(id int,name text);CREATE TABLElei= insert into test1(id,name) select generate_series(1,8),'测试';INSERT 0 8lei= select from test1;id | name----+------1 | 测试2 | 测试5 | 测试6 | 测试8 | 测试3 | 测试4 | 测试7 | 测试(8 rows) 注:默认创建的表为分布式表,也就是每个数据节点值存储表的部分数据。关于表类型具体说明,下面有说明。 通过15432端口登录数据节点,查看数据 有5条数据 [postgres@xl1 ~]$ psql -p 15432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= \c lei;You are now connected to database "lei" as user "postgres".lei= select from test1;id | name----+------1 | 测试2 | 测试5 | 测试6 | 测试8 | 测试(5 rows) 登录到节点2,查看数据 有3条数据 [postgres@xl2 ~]$ psql -p15432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= \c lei;You are now connected to database "lei" as user "postgres".lei= select from test1;id | name----+------3 | 测试4 | 测试7 | 测试(3 rows) 两个节点的数据加起来整个8条,没有问题。 至此Postgre-XL集群搭建完成。 创建数据库、表时可能会出现以下错误: ERROR: Failed to get pooled connections 是因为pg_hba.conf配置不对,所有节点加上host all all 192.168.20.0/0 trust并重启集群即可。 ERROR: No Datanode defined in cluster 首先确认是否创建了数据节点,也就是create node相关的命令。如果创建了则执行select pgxc_pool_reload();使其生效即可。 集群管理与应用 表类型说明 REPLICATION表:各个datanode节点中,表的数据完全相同,也就是说,插入数据时,会分别在每个datanode节点插入相同数据。读数据时,只需要读任意一个datanode节点上的数据。 建表语法: CREATE TABLE repltab (col1 int, col2 int) DISTRIBUTE BY REPLICATION; DISTRIBUTE :会将插入的数据,按照拆分规则,分配到不同的datanode节点中存储,也就是sharding技术。每个datanode节点只保存了部分数据,通过coordinate节点可以查询完整的数据视图。 CREATE TABLE disttab(col1 int, col2 int, col3 text) DISTRIBUTE BY HASH(col1); 模拟数据插入 任意登录一个coordinate节点进行建表操作 [postgres@gtm ~]$ psql -h xl1 -p 5432 -U postgrespostgres= INSERT INTO disttab SELECT generate_series(1,100), generate_series(101, 200), 'foo';INSERT 0 100postgres= INSERT INTO repltab SELECT generate_series(1,100), generate_series(101, 200);INSERT 0 100 查看数据分布结果: DISTRIBUTE表分布结果 postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;xc_node_id | count ------------+-------1148549230 | 42-927910690 | 58(2 rows) REPLICATION表分布结果 postgres= SELECT count() FROM repltab;count -------100(1 row) 查看另一个datanode2中repltab表结果 [postgres@datanode2 pgxl9.5]$ psql -p 15432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= SELECT count() FROM repltab;count -------100(1 row) 结论:REPLICATION表中,datanode1,datanode2中表是全部数据,一模一样。而DISTRIBUTE表,数据散落近乎平均分配到了datanode1,datanode2节点中。 新增数据节点与数据重分布 在线新增节点、并重新分布数据。 新增datanode节点 在gtm集群管理节点上执行pgxc_ctl命令 [postgres@gtm ~]$ pgxc_ctl/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.confFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlPGXC 在服务器xl3上,新增一个master角色的datanode节点,名称是datanode3 端口号暂定5430,pool master暂定6669 ,指定好数据目录位置,从两个节点升级到3个节点,之后要写3个none none应该是datanodeSpecificExtraConfig或者datanodeSpecificExtraPgHba配置PGXC add datanode master datanode3 xl3 15432 6671 /home/postgres/pgxc/nodes/datanode/datanode3 none none none 等待新增完成后,查询集群节点状态: postgres= select from pgxc_node;node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id-----------+-----------+-----------+-----------+----------------+------------------+-------------datanode1 | D | 15432 | xl1 | t | f | 888802358datanode2 | D | 15432 | xl2 | f | f | -905831925datanode3 | D | 15432 | xl3 | f | f | -705831925coord1 | C | 5432 | xl1 | f | f | 1885696643coord2 | C | 5432 | xl2 | f | f | -1197102633(4 rows) 节点新增完毕 数据重新分布 由于新增节点后无法自动完成数据重新分布,需要手动操作。 DISTRIBUTE表分布在了node1,node2节点上,如下: postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;xc_node_id | count ------------+-------1148549230 | 42-927910690 | 58(2 rows) 新增一个节点后,将sharding表数据重新分配到三个节点上,将repl表复制到新节点 重分布sharding表postgres= ALTER TABLE disttab ADD NODE (datanode3);ALTER TABLE 复制数据到新节点postgres= ALTER TABLE repltab ADD NODE (datanode3);ALTER TABLE 查看新的数据分布: postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;xc_node_id | count ------------+--------700122826 | 36-927910690 | 321148549230 | 32(3 rows) 登录datanode3(新增的时候,放在了xl3服务器上,端口15432)节点查看数据: [postgres@gtm ~]$ psql -h xl3 -p 15432 -U postgrespsql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= select count() from repltab;count -------100(1 row) 很明显,通过 ALTER TABLE tt ADD NODE (dn)命令,可以将DISTRIBUTE表数据重新分布到新节点,重分布过程中会中断所有事务。可以将REPLICATION表数据复制到新节点。 从datanode节点中回收数据 postgres= ALTER TABLE disttab DELETE NODE (datanode3);ALTER TABLEpostgres= ALTER TABLE repltab DELETE NODE (datanode3);ALTER TABLE 删除数据节点 Postgresql-XL并没有检查将被删除的datanode节点是否有replicated/distributed表的数据,为了数据安全,在删除之前需要检查下被删除节点上的数据,有数据的话,要回收掉分配到其他节点,然后才能安全删除。删除数据节点分为四步骤: 1.查询要删除节点dn3的oid postgres= SELECT oid, FROM pgxc_node;oid | node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id -------+-----------+-----------+-----------+-----------+----------------+------------------+-------------11819 | coord1 | C | 5432 | datanode1 | f | f | 188569664316384 | coord2 | C | 5432 | datanode2 | f | f | -119710263316385 | node1 | D | 5433 | datanode1 | f | t | 114854923016386 | node2 | D | 5433 | datanode2 | f | f | -92791069016397 | dn3 | D | 5430 | datanode1 | f | f | -700122826(5 rows) 2.查询dn3对应的oid中是否有数据 testdb= SELECT FROM pgxc_class WHERE nodeoids::integer[] @> ARRAY[16397];pcrelid | pclocatortype | pcattnum | pchashalgorithm | pchashbuckets | nodeoids ---------+---------------+----------+-----------------+---------------+-------------------16388 | H | 1 | 1 | 4096 | 16397 16385 1638616394 | R | 0 | 0 | 0 | 16397 16385 16386(2 rows) 3.有数据的先回收数据 postgres= ALTER TABLE disttab DELETE NODE (dn3);ALTER TABLEpostgres= ALTER TABLE repltab DELETE NODE (dn3);ALTER TABLEpostgres= SELECT FROM pgxc_class WHERE nodeoids::integer[] @> ARRAY[16397];pcrelid | pclocatortype | pcattnum | pchashalgorithm | pchashbuckets | nodeoids ---------+---------------+----------+-----------------+---------------+----------(0 rows) 4.安全删除dn3 PGXC$ remove datanode master dn3 clean 故障节点FAILOVER 1.查看当前集群状态 [postgres@gtm ~]$ psql -h xl1 -p 5432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= SELECT oid, FROM pgxc_node;oid | node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id-------+-----------+-----------+-----------+-----------+----------------+------------------+-------------11739 | coord1 | C | 5432 | xl1 | f | f | 188569664316384 | coord2 | C | 5432 | xl2 | f | f | -119710263316387 | datanode2 | D | 15432 | xl2 | f | f | -90583192516388 | datanode1 | D | 15432 | xl1 | t | t | 888802358(4 rows) 2.模拟datanode1节点故障 直接关闭即可 PGXC stop -m immediate datanode master datanode1Stopping datanode master datanode1.Done. 3.测试查询 只要查询涉及到datanode1上的数据,那么该查询就会报错 postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;WARNING: failed to receive file descriptors for connectionsERROR: Failed to get pooled connectionsHINT: This may happen because one or more nodes are currently unreachable, either because of node or network failure.Its also possible that the target node may have hit the connection limit or the pooler is configured with low connections.Please check if all nodes are running fine and also review max_connections and max_pool_size configuration parameterspostgres= SELECT xc_node_id, FROM disttab WHERE col1 = 3;xc_node_id | col1 | col2 | col3------------+------+------+-------905831925 | 3 | 103 | foo(1 row) 测试发现,查询范围如果涉及到故障的node1节点,会报错,而查询的数据范围不在node1上的话,仍然可以查询。 4.手动切换 要想切换,必须要提前配置slave节点。 PGXC$ failover datanode node1 切换完成后,查询集群 postgres= SELECT oid, FROM pgxc_node;oid | node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id -------+-----------+-----------+-----------+-----------+----------------+------------------+-------------11819 | coord1 | C | 5432 | datanode1 | f | f | 188569664316384 | coord2 | C | 5432 | datanode2 | f | f | -119710263316386 | node2 | D | 15432 | datanode2 | f | f | -92791069016385 | node1 | D | 15433 | datanode2 | f | t | 1148549230(4 rows) 发现datanode1节点的ip和端口都已经替换为配置的slave了。 本篇文章为转载内容。原文链接:https://blog.csdn.net/qianglei6077/article/details/94379331。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-01-30 11:09:03
94
转载
转载文章
...的各种静态资源(如 JavaScript、CSS 等)进行组织、转换和压缩,然后生成优化后的可部署文件。通过加载器(loader)和插件(plugin)机制,Webpack 能够处理不同类型和格式的资源,并支持模块化编程,将所有资源视为模块进行高效管理和打包。 模块化编程 , 模块化编程是一种编程范式,它将软件程序划分为独立且可复用的模块单元。在文中,模块化编程被应用于 HTML、CSS 和 JavaScript 的开发过程中。借助 React 或 Vue 等框架以及 Webpack 的打包能力,开发者可以将每个组件相关的 HTML、CSS 和 JS 代码封装为一个单独的模块,从而实现更好的组织结构、代码重用性和减少全局命名冲突。 style-loader 和 css-loader , 这两个是 Webpack 中用于处理 CSS 文件的加载器。css-loader 负责解析和加载 CSS 模块,并将其转换成 CommonJS 模块,使得 CSS 可以在 JavaScript 中通过 import 或 require 进行引用。而 style-loader 则负责将由 css-loader 处理过的 CSS 样式动态地注入到页面的 DOM 中,使其生效。通过配合使用这两个加载器,Webpack 能够将 CSS 实现模块化打包,解决传统开发模式下的样式管理混乱问题。
2023-03-13 11:42:35
72
转载
Javascript
....svg是一个强大的JavaScript库,它使得操作SVG变得更加简单和高效。Vite可真是个厉害的角色,它是基于ESM(也就是ECMAScript模块)的新一代构建工具。用它来开发,速度嗖嗖的,感觉就像是开了挂一样!但是,当这两者相遇时,有时候会出现一些让人头疼的问题。今天我们就来解决这个难题! 二、Snap.svg的基本概念与重要性 首先,让我们简单回顾一下Snap.svg。Snap.svg的主要特点包括: - 易于使用:提供了简洁的API,让开发者可以轻松地创建、修改和控制SVG元素。 - 功能强大:支持复杂的SVG图形操作,如动画、渐变、滤镜等。 - 兼容性好:几乎可以在所有现代浏览器上运行。 使用Snap.svg可以帮助我们更高效地处理SVG内容,尤其是在需要动态生成或修改SVG图形的情况下。不过嘛,当我们想把它用在Vite项目里的时候,可能会碰到一些意料之外的难题。 三、遇到的问题 Snap.svg在Vite环境下报错 在实际开发过程中,我遇到了这样一个问题:当我尝试在Vite项目中引入Snap.svg时,会遇到各种错误提示,比如找不到模块、类型定义不匹配等等。这确实让人有些沮丧,因为原本期待的是一个流畅的开发过程。 具体来说,错误信息可能是这样的: Cannot find module 'snapsvg' or its corresponding type declarations. 或者: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack/lib/loaders/svgo-loader.js): Error: SVG not found 这些问题往往会让新手感到困惑,甚至对于有一定经验的开发者来说也会觉得棘手。但别担心,接下来我会分享几个解决方案。 四、解决方案 正确引入Snap.svg 解决方案1:安装Snap.svg 首先,确保你的项目中已经安装了Snap.svg。可以通过npm或yarn进行安装: bash npm install snapsvg 或者 yarn add snapsvg 解决方案2:配置Vite的别名或路径映射 有时候,Vite可能无法直接识别到Snap.svg的路径。这时,你可以通过配置Vite的别名或者路径映射来解决这个问题。打开vite.config.ts文件(如果没有这个文件,则需要创建),添加如下配置: typescript import { defineConfig } from 'vite'; export default defineConfig({ resolve: { alias: { 'snapsvg': 'snapsvg/dist/snapsvg.js', }, }, }); 这样做的目的是告诉Vite,当你引用snapsvg时,实际上是引用snapsvg/dist/snapsvg.js这个文件。 解决方案3:手动导入 如果上述方法仍然无法解决问题,你可以尝试直接在需要使用Snap.svg的地方进行手动导入: javascript import Snap from 'snapsvg/dist/snap.svg'; 然后,在你的代码中就可以正常使用Snap对象了。 解决方案4:检查TypeScript配置 如果你的项目使用了TypeScript,并且遇到了类型定义的问题,确保你的tsconfig.json文件中包含了正确的类型声明路径: json { "compilerOptions": { "types": ["snapsvg"] } } 五、实践案例 动手试试看 现在,让我们通过一个小案例来看看这些解决方案的实际应用效果吧! 假设我们要创建一个简单的SVG圆形,并为其添加动画效果: html Snap.svg Example javascript // main.js import Snap from 'snapsvg/dist/snap.svg'; const s = Snap('svg-container'); // 创建一个圆形 const circle = s.circle(100, 100, 50); circle.attr({ fill: 'f06', }); // 添加动画效果 circle.animate({ r: 70 }, 1000); 在这个例子中,我们首先通过Snap('svg-container')选择了SVG容器,然后创建了一个圆形,并为其添加了一个简单的动画效果。 六、总结与展望 通过今天的讨论,相信你已经对如何在Vite环境中正确引入Snap.svg有了更深的理解。虽然路上可能会碰到些难题,但只要找到对的方法,事情就会变得轻松许多。未来的日子里,随着技术不断进步,我打心眼里觉得,咱们一定能找到更多又高效又方便的新方法来搞定这些问题。 希望这篇教程对你有所帮助!如果你有任何疑问或更好的建议,欢迎随时交流。编程路上,我们一起进步! --- 希望这篇文章能够满足您的需求,如果有任何进一步的要求或想要调整的部分,请随时告诉我!
2024-11-28 15:42:34
101
清风徐来_
VUE
...)是一个开源的渐进式JavaScript框架,用于构建用户界面。它采用组件化、声明式编程范式,并以其响应式的数据绑定和可组合的视图组件而著称,使得开发者能够更高效地创建交互式的单页应用程序。 .vue文件 , 在Vue.js开发环境中,.vue文件是一种特殊格式的文件,它将一个Vue组件的模板(HTML)、逻辑(JavaScript)和样式(CSS)整合在一个单独的文件中。Vue Loader是webpack的一个加载器,它可以解析这种单文件组件(SFC, Single File Component),并将其转换为可在浏览器中运行的代码。 Webpack , Webpack是一个流行的前端资源模块打包工具,它能处理项目中的各种静态资源(如JavaScript、CSS、图片等),并通过loader和plugins机制进行编译、转换、打包等工作。在Vue开发中,通过配置webpack及vue-loader插件,可以实现对.vue文件的解析和打包,最终生成可在浏览器环境下运行的JavaScript代码,方便Vue组件的复用和管理。
2023-01-09 09:32:33
94
逻辑鬼才
VUE
...)是一个开源的渐进式JavaScript框架,用于构建用户界面。它通过组件化的方式组织代码,并提供了响应式的视图模型和简洁的API,便于开发者创建交互丰富的单页应用或复杂的Web应用。 Webpack , Webpack是一个模块打包器,它将项目中的各种资源如JavaScript、CSS、图片等视为模块,通过一系列加载器和插件进行处理,最终生成优化过的静态资源文件。在Vue项目中,Webpack负责编译、转换、压缩和合并这些资源,包括将图片资源转换为可以在浏览器中直接使用的格式,并且可以通过设置正确的路径配置确保图片在生产环境下的正确加载。 publicPath , 在Vue CLI创建的基于Webpack的项目中,publicPath是Webpack输出文件目录下所有资源的公共URL前缀。当项目部署到服务器上时,如果静态资源的URL与开发环境不同,可以通过修改vue.config.js文件中的publicPath属性来指定资源的根路径,以确保图片和其他静态资源能够被正确地从服务器获取并展示在页面上。 require , 在JavaScript中,require是一个CommonJS规范的导入函数,常用于Node.js环境中加载模块。在Vue项目中,由于使用了Webpack,因此也可以借助require函数动态导入图片或其他资源,使其能被Webpack正确识别和处理,并转化为模块化的引用方式,这样在模板中可以通过变量来调用图片资源,避免因路径问题导致图片无法加载的情况发生。
2023-03-20 19:48:02
142
键盘勇士
转载文章
在前端开发中,随着JavaScript新特性的不断涌现,尤其是ES6语法的普及与应用,如何在项目构建过程中妥善处理这些新语法以适应不同环境和工具的要求显得尤为重要。UglifyJS作为一款广泛使用的JavaScript压缩工具,其对ES6语法的支持并非原生具备,这就需要开发者借助Babel等转译工具将ES6代码转换为ES5以便于压缩。 最近,Webpack 5发布并逐步成为主流,其内置了对ES6语法更好的支持,并且推荐使用 terser-webpack-plugin 代替 UglifyJS,它不仅能够很好地处理ES6及更高版本的语法,同时优化了性能和资源占用。对于Vue CLI用户来说,在创建的新项目中,Webpack配置已经默认包含了对ES6+语法的支持,但对于一些包含ES6语法的第三方库,依然需要根据实际情况调整babel-loader的include或exclude选项。 此外,值得注意的是,随着浏览器对ES6标准支持度的提升,许多现代项目开始选择“渐进式编译”策略,即仅对不支持最新JavaScript特性的旧版浏览器进行代码转译,从而减少构建时的开销,提高开发效率。因此,在实际项目中,不仅要关注如何解决当下遇到的压缩问题,更要持续关注前端生态的发展趋势,适时调整构建方案,以确保项目既满足兼容性要求,又能充分利用最新的技术成果。 另外,深入理解和掌握Babel的工作原理及其配置方法,例如通过preset-env按需加载polyfill、自定义插件规则等,也是前端开发者持续优化项目构建流程的重要环节。只有紧跟社区步伐,才能在应对类似UglifyJS压缩ES6语法这类问题时更加游刃有余,高效地完成项目构建任务。
2023-07-11 23:10:34
49
转载
Javascript
在深入理解JavaScript中的“SyntaxError: missing '}' after argument list”错误后,我们认识到遵循语法规则和保持良好的编码规范对于编程的重要性。为进一步提升JavaScript编程技能,这里推荐一些相关的延伸阅读内容: 近期,Mozilla官方文档对JavaScript语法进行了全面更新,详尽阐述了函数定义、匿名函数表达式以及其内部的语法规则(参考链接:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions),这对于初学者或希望巩固基础的开发者来说是一份极具时效性和权威性的参考资料。 此外,ESLint作为一款广受欢迎的代码质量工具,在处理JavaScript语法错误与潜在问题方面具有重要作用。一篇发表于InfoQ的技术文章《利用ESLint提升JavaScript代码质量》(参考链接:https://www.infoq.com/articles/eslint-javascript-quality/)深度解读了如何配置和使用ESLint进行实时错误检测和代码风格统一,帮助开发者预防和解决诸如括号不匹配等常见语法错误。 再者,Google出品的JavaScript编码规范(参考链接:https://google.github.io/styleguide/jsguide.htmlfunctions)不仅强调了正确闭合大括号以避免上述错误的重要性,还提供了大量关于函数定义、参数列表及更多高级特性的最佳实践建议,值得每一位追求高质量代码的开发者学习借鉴。 总之,通过不断跟进官方文档更新、掌握高效工具的使用方法以及深入研读行业内的编码规范,开发者能够更好地应对JavaScript编程中的各类挑战,从而编写出更加稳定、易于维护的代码。
2023-10-03 10:02:54
274
星河万里_
Tomcat
...xt.ContextLoaderListener java.lang.NullPointerException: null at org.apache.catalina.loader.WebappClassLoaderBase.findClassInternal(WebappClassLoaderBase.java:2378) ... 这通常意味着在Spring Boot或者Spring MVC的上下文中,某个类加载器未能正确加载或初始化所需的类,导致了空指针异常。 三、类加载器原理简述 类加载器是Java运行时环境中负责加载类的机制。对于Tomcat,WebappClassLoader是最主要的类加载器,它负责从Web应用的类路径中加载类。如果类加载器找不到所需类,就可能导致空指针异常。 四、问题定位与排查 1. 检查类路径(Classpath) 确保你的类路径包含了所有需要的JAR文件,特别是Spring框架和相关依赖。比如说,你在pom.xml里列出了Spring Boot的依赖,那这些小宝贝JAR文件就得乖乖地加入咱们项目的“家庭相册”(类路径)! xml org.springframework.boot spring-boot-starter-web 2. 检查类加载顺序 Spring Boot会使用两个类加载器,一个是Parent First ClassLoader,另一个是Application ClassLoader。确认它们是否按预期工作,避免相互覆盖或冲突。 3. 查看源码分析 深入阅读Tomcat的WebappClassLoader源码,了解其加载过程,看看是否在某个阶段出了问题。你知道吗,"findClassInternal"这个小家伙就像是个游戏中的开关,要是你忘记给它输入班级名称,小心,空指针这个调皮鬼就可能跑出来捣蛋了! 五、实例分析 假设我们在一个Spring Boot项目中,尝试访问一个不存在的Controller: java @Controller public class NonExistentController { @GetMapping("/test") public String test() { return "Hello, World!"; } } 启动Tomcat后,由于NonExistentController未被正确加载,ContextLoaderListener会抛出空指针异常。这时,我们需要检查WebappClassLoader是否能够正确找到并加载这个类。 六、解决方案与优化 1. 修复代码错误 在上述例子中,只需将NonExistentController加入到项目中,或者确保类名拼写正确。 2. 配置元数据 在Spring Boot中,可以使用@ComponentScan注解来指定要扫描的包,确保所有控制器都被正确加载。 java @SpringBootApplication @ComponentScan("com.example.demo.controllers") // 替换为你的实际包名 public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } } 3. 使用代理模式 如果类加载器问题由第三方库引起,考虑使用代理模式(如Spring AOP)来替换有问题的部分,避免直接依赖于类加载器。 七、结论 解决Tomcat启动时的空指针异常涉及对类加载机制的深入理解。咱们得像侦探一样,一点一滴地排查那些藏在代码深处的类路径和加载顺序,找出那个捣蛋的源头,然后对症下药,修复它!你知道吗,面对这种难题,关键是要有点儿耐性和眼尖,因为答案常常藏在那些你可能轻易忽略的小角落里,就像寻宝一样,得仔仔细细地挖掘。
2024-04-09 11:00:45
267
心灵驿站
JQuery插件下载
...触发动画特效的轻量级JavaScript插件。该插件以其高性能和极简设计赢得了开发者们的青睐,尤其适合在不依赖jQuery等大型库的项目中使用。cta.js赋予开发人员能力,只需简单配置,就能实现页面上任何元素间的交互式动画效果。通过点击特定按钮、链接或其他可交互元素,cta.js能够驱动其他任意元素执行流畅且丰富的动画序列,为用户带来惊艳的视觉体验。更进一步,cta.js不仅可以实现基础动画,还能帮助构建复杂的模态窗口动画效果,如淡入淡出、滑动显示、缩放等。其纯JavaScript编写的特点确保了代码的简洁高效,同时也降低了对浏览器资源的占用,有助于提升网页性能和用户体验。这款插件对于追求轻量化、高性能和动态视觉表达的前端开发者来说,是一个理想的工具选择。 点我下载 文件大小:91.60 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-10-09 18:24:52
150
本站
JQuery插件下载
...ng"是一个轻量级的JavaScript工具,专为提升用户体验设计。它允许开发者在网页加载过程中添加一个动态的loading指示器,以显示页面正在处理数据或执行后台操作。这个插件的核心功能包括:1.自定义性:用户可以根据项目风格自定义loading的样式,如颜色、图标或动画效果,以保持品牌形象一致性。2.遮罩层:提供一个透明的遮罩层,确保用户知道页面不是冻结,只是暂时被加载内容所覆盖。3.可配置性:通过配置对象传递参数,如加载文本、显示时间(可选的自动隐藏),使得开发者能够灵活调整其行为。4.回调函数:支持回调机制,当loading显示和隐藏时,可以执行特定的函数,便于处理异步操作完成后的需求,比如更新DOM或清除多余元素。5.跨页面应用:由于是基于jQuery的,它能够方便地与页面其他部分无缝集成,无需额外的复杂设置。6.性能优化:设计精简,旨在对性能影响最小,即使在繁忙的页面上也能提供流畅的用户体验。通过集成这款插件,开发人员可以简化页面加载过程的呈现,提高用户对网站响应速度的感知,从而提升整体网站质量。 点我下载 文件大小:53.41 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-10-18 08:54:07
80
本站
JQuery插件下载
...专为网页开发者设计的JavaScript插件,旨在将标准的复选框(CheckBox)转换成具有iOS风格的滑动开关按钮。这款插件不仅提升了用户界面的美观度,同时也提供了高度自定义的功能,使开发者能够轻松控制滑动按钮的各种属性,如尺寸、颜色以及不同的状态显示。通过使用Switch.js,开发者无需从头开始编写复杂的CSS和JavaScript代码,即可快速实现现代化且一致性的用户交互体验。该插件易于集成到现有的Web项目中,只需简单的几行代码即可完成安装与配置。此外,Switch.js还支持响应式设计,确保在不同设备和屏幕尺寸上都能保持最佳的视觉效果和用户体验。其核心功能包括但不限于:-将任何复选框元素转换为iOS样式的滑动开关。-自定义滑动按钮的颜色方案,包括背景色、激活色等。-调整滑动按钮的大小,以适应各种布局需求。-控制滑动开关的状态变化,如初始状态、激活状态等。-提供多种事件监听器,以便于在状态改变时执行特定的JavaScript逻辑。总之,Switch.js是一款功能强大、使用简便的滑动开关按钮插件,它不仅简化了前端开发者的任务,还能显著提升网站或应用的整体视觉效果和用户体验。无论是个人项目还是商业应用,Switch.js都是实现高质量滑动开关按钮的理想选择。 点我下载 文件大小:29.50 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-11-23 21:02:41
30
本站
JQuery插件下载
...件是一款强大且灵活的JavaScript库,专为构建用户交互式对话框和确认框而设计。这款插件以其丰富的功能和定制性,在前端开发中备受青睐。以下是对其核心特性的概述:功能亮点-多种主题效果:提供了一系列内置主题,允许开发者根据网站风格轻松调整对话框外观。-AJAX加载:支持对话框内容通过AJAX进行动态加载,无需页面刷新,提升用户体验。-动画效果:内置动画效果,使对话框的出现与消失更具视觉吸引力。-丰富配置参数:提供了大量的配置选项,允许高度定制对话框的行为和样式,满足不同场景需求。-键盘支持:兼容键盘操作,方便残障人士使用或在触摸屏设备上操作。-自动关闭机制:可通过设置定时器让对话框在指定时间内自动消失,减少用户干扰。-回调函数:提供事件监听接口,便于开发者在用户交互时执行特定逻辑。使用场景-数据确认:在用户执行可能影响数据的操作前(如删除、修改)显示确认框。-加载状态指示:在执行耗时操作时,显示进度对话框,增强用户体验。-信息提示:用于展示重要信息或警告信息,引导用户注意关键点。-个性化设计:根据品牌风格或特定需求定制对话框外观,提升网站整体设计感。总结jQueryConfirm插件凭借其强大的功能集和高度的灵活性,成为构建高质量用户交互体验的理想选择。无论是提升网站的功能性还是增强用户体验,这款插件都能提供有力的支持。通过简单的集成和定制化设置,开发人员能够快速创建出美观且功能丰富的对话框和确认框,为网站增加更多价值。 点我下载 文件大小:241.37 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-07-25 10:50:31
344
本站
JQuery插件下载
...n.js是一款强大的JavaScript动画库,专为生成平滑、流畅的动画效果而设计。它简化了JavaScript动画的实现过程,使得开发者能够轻松地通过修改元素属性值来创建出类似CSS3的动画效果。tween.js提供了一种直观且灵活的方式来控制动画的速度、方向以及持续时间等关键参数,从而实现丰富多样的视觉动态。这款插件的核心功能在于tweening(插值),它通过计算并应用过渡效果,使得动画在执行过程中呈现出平滑的变化。这不仅适用于简单的属性如位置、大小和颜色,还可以应用于更复杂的场景,如旋转、缩放和透明度变化等。tween.js支持多种预设动画类型,包括但不限于弹性、回弹、循环和缓动效果,为开发者提供了丰富的创作空间。tween.js的使用非常便捷。只需引入库文件,然后根据需要配置动画参数,即可在网页中实现各种动画效果。它的API设计简洁明了,无论是初学者还是经验丰富的开发者都能快速上手。此外,tween.js兼容性良好,支持现代浏览器环境,确保了动画效果在不同设备和平台上的稳定表现。总之,tween.js是一个功能强大、易于使用的JavaScript动画库,它能够帮助开发者轻松创造出令人印象深刻的动态交互效果,极大地提升网页的用户体验。无论是构建响应式布局、实现页面过渡效果,还是制作复杂动画,tween.js都是一个值得信赖的选择。 点我下载 文件大小:245.62 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-10-01 20:56:56
121
本站
JQuery插件下载
...ator是一款创新的JavaScript插件,专为那些希望在浏览器控制台环境中展现独特视觉效果的开发者设计。这款插件的独特之处在于它能够将由ASCII字符组成的多幅图案转化为动态动画,使得在控制台中查看源代码时,不仅能够阅读代码本身,还能享受到一场视觉盛宴。通过DomAnimator,用户可以轻松地在控制台界面上呈现各种精心设计的字符动画,无论是简单的文字闪烁,还是复杂的图形变化,都能实现。这不仅增加了代码展示的趣味性,也提升了代码审查和分享的体验。想象一下,当别人在查看你的代码时,控制台窗口中展现出的不是单调的文本滚动,而是一系列引人入胜的字符动画,这无疑会给人留下深刻印象。DomAnimator的使用非常灵活,只需简单地配置一些参数,如动画速度、字符序列和显示时间等,即可生成所需的动画效果。这使得即便是非技术背景的用户也能轻松上手,创造出个性化的控制台展示效果。此外,DomAnimator还支持定制化,允许开发者根据自己的需求调整动画细节,从色彩、字体到动画风格,几乎一切都可以自定义。这种高度的可定制性意味着用户可以根据不同的应用场景和审美偏好,创造出独一无二的动画效果。总之,DomAnimator为开发者提供了一种全新的方式来展示和分享代码,不仅能够提升代码的可读性和趣味性,还能够增强团队合作和代码交流的氛围。无论是在技术演示、代码审查还是日常开发过程中,它都是一个既实用又有趣的工具,值得广大开发者尝试和探索。 点我下载 文件大小:12.44 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-09-14 11:10:18
74
本站
转载文章
...相似,例如: javascript fetch(base_path + 'aa/getList', { method: 'GET', headers: new Headers({ 'Accept': 'application/json; charset=utf-8', 'Authorization': 'Bearer ' + jwtToken }) }) .then(response => response.json()) .catch(error => console.error('Error:', error)); 因此,无论是jQuery的$.ajax还是原生Fetch API,对请求头的精准控制都是提升应用性能、保证数据安全、优化用户体验的重要手段。随着HTTP/2和HTTP/3协议的推广,未来可能还会出现更多针对请求头的优化策略和技术实践,值得广大开发者关注和学习。
2023-09-09 19:34:00
62
转载
JQuery
...我们还可以进一步探索JavaScript事件处理机制的更多细节与最佳实践。近期,随着Web开发技术的发展,特别是浏览器原生API能力的增强,开发者们在处理DOM事件时拥有了更多选择。例如,除了jQuery外,现代前端框架如React、Vue等提倡使用合成事件系统,它提供了跨浏览器兼容性以及对虚拟DOM的高效支持。 此外,对于动态生成的DOM元素,推荐采用事件委托的方式绑定事件,而非直接为每个元素单独绑定。JavaScript的addEventListener方法能够更好地支持这一需求,只需将事件处理器添加到父元素上,利用事件冒泡机制捕获子元素触发的事件。例如,在处理大型列表渲染场景时,事件委托可以显著提高性能和内存利用率。 另外,值得注意的是,由于异步加载内容或SPA(单页应用)的流行,确保所有代码按预期顺序执行显得尤为重要。一种策略是利用生命周期钩子函数(如React的componentDidMount),以确保在组件渲染完成后再进行事件绑定。 在实际项目中,还需要关注无障碍访问性问题,比如确保按钮元素具有明确的role属性,并正确设置tabindex以便键盘操作,从而提升网站对残障用户的友好度。 综上所述,无论是jQuery还是其他现代前端技术栈,在处理按钮点击事件这类常见的交互逻辑时,开发者都应关注代码质量、性能优化及用户体验等多个维度,结合最新的开发理念和技术趋势,持续改进和完善代码实现。
2023-03-10 18:35:11
148
码农
JQuery
...uery是一种普及的JavaScript结构,可以轻松地将动态效果加入网站中。其中一个最常见的效果是收起多有ul导航菜单。 运用jQuery建立收起导航菜单非常简单。先在HTML中建立一个ul元素,并将所有子项作为子项加入列表中。运用CSS对列表样式进行配置,然后运用jQuery将导航菜单收起起来。 以下是一个基础的ul导航菜单代码例子: <ul class="menu"> <li>导航菜单项一</li> <li>导航菜单项二</li> <li>导航菜单项三 <ul> <li>子导航菜单项一</li> <li>子导航菜单项二</li> <li>子导航菜单项三</li> </ul> </li> <li>导航菜单项四</li> </ul> 这个例子中包含一个内嵌的ul列表。要将其收起,我们需要运用jQuery选取器并关联一个触发事件。在本例中,我们将运用click事件。以下是jQuery代码: $(document).ready(function() { $('li:has(ul)').click(function(event) { if (this == event.target) { $(this).toggleClass('expanded'); $(this).children('ul').toggle('medium'); return false; } }); }); 这个代码段中,我们首先运用jQuery的ready()函数来保证所有文档元素都已经加载。接着,运用选取器来选择所有包含子项的li元素,并关联一个click事件。在click事件中,我们先检查点击事件是否是由当前元素触发的。只有当前元素被点击时,我们才会执行代码。接下来,我们运用toggleClass()函数来添加或删除“expanded”类别,这样可以更改文本样式并显示或隐藏子列表。 最后,我们运用toggle()函数来达成收起效果,并通过medium参数指定动画的速度。 通过这些简单的代码,您可以将收起导航菜单加入自己的网站中,使其更加动态且易用。
2023-06-21 10:03:27
331
逻辑鬼才
JQuery
...中的一个常见概念,在JavaScript及jQuery中广泛应用。在本文语境下,回调函数是指作为参数传递给另一个函数的函数,这个函数会在特定条件满足或者某个事件发生时由该函数进行调用。在jQuery插件开发中,回调函数通常用于将用户的自定义逻辑注入到插件的标准执行流程中,以适应不同场景下的个性化需求,增强了插件的灵活性和可定制性。 $.extend , $.extend是jQuery提供的一个内置方法,主要用于合并(或扩展)两个或多个对象的属性,并返回合并后的新对象。在本文给出的示例中,$.extend方法被用来合并默认选项对象与用户传入的options参数,确保即使用户未提供某些配置项(如回调函数),插件也有默认的设置可以使用。通过这种方式,$.extend帮助jQuery插件开发者构建更加灵活和易用的API接口,让使用者可以根据自身需求覆盖或添加新的配置选项。
2023-09-01 17:58:02
405
逻辑鬼才
VUE
...许多常用的开发工具和配置选项,如webpack、Babel等,使得开发者能够快速初始化、开发、构建和部署Vue.js项目。 fs-extra模块 , fs-extra是Node.js的一个第三方扩展库,是对原生fs模块功能的增强和补充。在文章语境中,fs-extra用于提供更丰富的文件系统操作API,例如检查文件是否存在、读写文件、复制移动文件或目录等。通过在Vue项目中安装并使用fs-extra,开发者可以方便地在JavaScript代码中执行复杂的本地文件系统操作,从而实现启动exe文件的功能。 Node.js子进程 , 在Node.js环境中,子进程是一个独立于父进程运行的进程实例,由父进程创建并控制。通过child_process模块,开发者可以在Node.js应用中创建并管理子进程,以便执行外部命令或程序(如Windows环境下的exe文件)。在本文中,Vue组件利用Node.js的子进程功能来启动本地的exe文件,当用户在前端界面触发相应操作时,后台可以通过创建子进程的方式来调用并执行exe文件。
2023-06-30 09:47:16
56
逻辑鬼才
Java
...更新对Java线程的执行效率有着间接但重要的影响。 同时,针对现代多核处理器环境下的并行计算需求,研究者和工程师们不断探索如何优化Java线程的性能表现。有文章专门探讨了在高并发场景下,合理结合使用join和yield等方法以及锁、信号量等并发工具,以减少上下文切换开销,提升系统整体吞吐量和响应速度。 最后,对于异常处理机制如InterruptedException的研究也不容忽视。在复杂的多线程环境中,如何正确捕获和处理这类异常,确保程序健壮性和一致性,是每个Java开发者需要深入思考的问题。建议阅读相关教程或案例分析,掌握在实际编程中妥善应对中断请求的最佳实践。
2023-03-22 08:55:31
355
键盘勇士
JSON
JSON , JavaScript Object Notation,是一种轻量级的数据交换格式。它基于纯文本,采用完全独立于语言的、清晰简洁的语法来表示键值对集合、数组和其他复杂数据结构,易于阅读和编写,并且能够被机器(特别是JavaScript引擎)直接解析和生成,广泛应用于Web服务接口、配置文件、数据存储等领域中,实现不同系统间的数据交换。 Python字典 , 在Python编程语言中,字典是一种可变容器模型,且可存储任意类型对象(如字符串、数字、元组等)的无序集合。每个项由一个唯一的键和与之关联的值组成,键和值之间通过冒号分隔,各对键值之间用逗号分隔,并放在花括号内。在处理JSON数据时,JSON对象通常会被转换为Python字典,以便在Python程序内部进行操作和处理。 JSON注入 , 类似于SQL注入,JSON注入是一种安全漏洞,攻击者通过向应用提交恶意构造的JSON数据,利用目标应用程序未能有效验证或清理用户输入的问题,进而影响服务器端JSON解析器的行为,以达到篡改数据、执行非预期操作或获取敏感信息的目的。在Python中使用json.loads()方法解析JSON字符串时,应结合严格的数据验证和清理措施来防止JSON注入攻击。
2024-03-03 16:01:36
529
码农
Docker
...开发者提供了更多现代JavaScript特性和性能改进,配合Docker使用能进一步提升开发效率。例如,通过改进的npm包管理器,现在可以更高效地处理依赖关系,并在Docker环境中实现更快捷的安装与更新。 此外,社区中关于容器化开发实践的讨论也日益活跃。许多开发者分享了他们如何结合Docker Compose进行多服务架构下的NPM项目管理,以及如何利用持续集成/持续部署(CI/CD)工具链,在Docker容器中自动完成NPM项目的构建测试与发布流程,从而显著提高了软件交付的速度和质量。 同时,针对跨平台兼容性和微服务架构的需求,Docker与Node.js的结合应用正成为越来越多企业级项目的选择。为了更好地理解和运用这一技术栈,推荐读者关注官方文档更新、参与线上研讨会,并查阅相关的最佳实践案例,以紧跟技术潮流,提升自身在容器化开发领域的技能水平。
2023-12-05 10:01:06
529
逻辑鬼才
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
tar -cvzf archive.tar.gz file_or_directory
- 创建gzip压缩格式的tar归档包。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"