Home

Vue3基础语法

基本结构 组件定义在setup方法中完成,setup在beforeCreate之前执行一次,setup中this是undefined 一般情况下setup函数不能是async,否则组件无法正常渲染 <template> <h2>{{name}}</h2> <h2>{{age}}</h2> <button @click="sayHello">sayHello</button> </template> <script> export default { name: 'App', setup() { // 取...

Read more

Vue响应式原理

Vue2 // 数据源对象 let person = { name: '张三' } // 数据源对象的代理对象 let p = {} Object.defineProperty(p, 'name', { // 读取代理对象p的name属性时调用 get() { // 双向绑定更新 return person.name }, // 修改代理对象p的name属性时调用 set(value) { // 响应式修改页面处理 person.name = value } }) Vue3 // 数据源对象 let person = { name: '张三', ...

Read more

EMQX使用

Docker下安装 docker run -d --name emqx -p 1883:1883 -p 8083:8083 -p 8084:8084 -p 8883:8883 -p 18083:18083 --restart always emqx/emqx:latest EMQX默认端口 1883,MQTT over TCP 8883,MQTT over SSL/TLS 8083,MQTT over WebSocket 8084,MQTT over WSS 18083,HTTP 管理控制台 URL http://192.168.154.8:18083/ 用户名:admin 密码:public MQTTX客户端 下载地址: https://mqt...

Read more

WebSocket前后端搭建

服务端 Maven依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> WebSocketConfigurer模式 消息处理 package com.oliverclio.websocket.configurer; import lombok.SneakyThrows; import lombok.extern.slf4j.Slf4j; import org...

Read more

阿里云RTS SDK直播拉流使用

npm安装 npm i aliyun-rts-sdk 组件使用 <template> <div id="app"> <video controls ref="video" muted="muted"></video> </div></template> <script> import {AliRTS} from "aliyun-rts-sdk"; export default { name: "LiveStream", created() { let aliRts = AliRTS.createClient(); ...

Read more

Keepalived使用

Keepalived安装 yum install -y keepalived Keepalived配置 主服务器配置 /etc/keepalived/keepalived.conf ! Configuration File for keepalived global_defs { router_id doubucket vrrp_skip_check_adv_addr vrrp_strict vrrp_garp_interval 0 vrrp_gna_interval 0 } vrrp_instance VI_1 { state MASTER interface ens33 virtual_router_i...

Read more

HAProxy在Docker下安装

准备配置文件 mkdir -p /opt/volume/haproxy/conf 本例子实现MySQL两从服务器的反向代理 /opt/volume/haproxy/conf/haproxy.cfg defaults mode tcp log global option tcplog option dontlognull option http-server-close option redispatch retries 3 timeout http-request 10s timeout queue 1m timeout connect 10s timeout client 1m t...

Read more

MySQL主从架构搭建

本文基于MySQL 5.7 前言 在搭建MySQL主从架构之前,先基于Docker安装至少三台MySQL服务器,并确保 主从服务器的操作系统版本和位数一致 主从数据库的版本一致 主从数据库的数据一致 MySQL在Docker下的安装 MySQL主服务器配置 /opt/volume/mysql/conf/conf.d/my.cnf [mysqld] # 服务器id需要全局唯一 server_id=1 # 开启bin log同步 log-bin=mysql-bin # binlog格式,可选mixed,statement,row,如需同时同步到Elasticsearch,则使用row binlog_format=mixed # 主库可写可读 re...

Read more

Redisson使用

Maven依赖 <dependency> <groupId>org.redisson</groupId> <artifactId>redisson</artifactId> <version>3.21.3</version> </dependency> Redisson配置 此处以sentinel模式为例 redisson.yml --- sentinelServersConfig: idleConnectionTimeout: 10000 connectTimeout: 10000 timeout: 3000 ...

Read more

Redis Sentinel环境搭建

前言 在搭建Redis sentinel环境之前,先基于Docker安装至少三台Redis服务器 Redis在Docker下的安装 Redis从机配置 修改/opt/volume/redis/conf/redis.conf # 从机配置主机地址 replicaof 192.168.88.151 6379 # 从机配置主机认证密码(开启sentinel的情况下,主机也需要配置,因为主机可能转为从机) masterauth redisredisroot 检查主从配置 docker exec -it redis /bin/bash redis-cli auth redisredisroot info replication 一主二从主机的输出结果 # Repl...

Read more