1.4k 字 1 分钟

# 简介 ​ Vue 提供了事件绑定的语法糖，我们在标签中可直接使用形如 v-on:click，@click，@focus 的形式绑定事件监听器，并且可以使用修饰符对事件进行 option 设置。本次解释 once 修饰符以及 native 修饰符的情况。 # once ​ 绑定 once 的监听器只会触发一次，在第一次触发后该监听器会被 remove 掉。很简单不多做解释了。 # native ​ 我们可以称 native 为原型绑定。只有使用 vue 组件时我们会用到这个修饰符。当我们在组件上绑定监听时，我们绑定的是组件定义的监听。以 element...
997 字 1 分钟

# 什么是冒泡与捕获

​ 以 click 点击事件为例。假如我们有一个多层结构标签。如下图，是 4 个 div 嵌套。每个 div 都有点击的监听事件，分别输出 1234。当我们点击最里面的 div 时，点击事件开始传递，传递的全过程是 1-2-3-4-4-3-2-1。
前半部分，事件从最外面的父 div 依次传递到最里面的后代 div，1-2-3-4 这部分我们叫捕获过程。
之后事件又从最里层的后代 div 逐层传出，4-3-2-1 这部分我们叫冒泡过程。

455 字 1 分钟

问题描述： Vue-Cli 3.x 默认开启了 autoprefixer，但对于在 main.js 中通过 import 引入的 CSS 并没有自动添加前缀 分析原因： autoprefixer 在项目编译的时候，会根据 loader 的规则编译相应的 CSS。Vue-Cli 创建的项目，默认只处理了 .vue 文件中的 CSS，对于直接 import 引入的样式，需要另外配置 loader 规则。 解决方案： 在 vue.config.js 中添加 CSS 规则： module.exports = { css: { loaderOptions:...
2k 字 2 分钟

1. 安装依赖 npm install svg-sprite-loader --save-dev2. 在 src/components 下新建文件夹及文件 SvgIcon/index.vue <template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName" />...
3.2k 字 3 分钟

# 前言

多级组件嵌套需要传递数据时，通常使用的方法是通过 vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法，使用 v-bind=”$attrs”, 将父组件中不被认为 props 特性绑定的属性传入子组件中，通常配合 interitAttrs 选项一起使用。之所以要提到这两个属性，是因为两者的出现使得组件之间跨组件的通信在不依赖 vuex 和事件总线的情况下变得简洁，业务清晰。

20k 字 18 分钟

Redis主从复制，哨兵机制、Redis集群

如果 Redis 的读写请求量很大，那么单个实例很有可能承担不了这么大的请求量，如何提高 Redis 的性能呢？你也许已经想到了，可以部署多个副本节点，业务采用读写分离的方式，把读请求分担到多个副本节点上，提高访问性能。要实现读写分离，就必须部署多个副本，每个副本需要实时同步主节点的数据。

9.6k 字 9 分钟

# 一、redis 如何通过读写分享来承载读请求 QPS 超过 10 万 + # 1、redis 高并发跟整个系统的高并发之间的关系 redis，你要搞高并发的话，不可避免，要把底层的缓存搞得很好 mysql，高并发，做到了，那么也是通过一系列复杂的分库分表，订单系统，事务要求的，QPS 到几万，比较高了 要做一些电商的商品详情页，真正的超高并发，QPS 上十万，甚至是百万，一秒钟百万的请求量 光是 redis 是不够的，但是 redis...
644 字 1 分钟

本文讲述了如何处理 Redis 运行在受保护模式下的连接问题，包括修改 protected-mode 设置、配置 bindaddress、验证并设置密码，以及通过命令行和 telnet 测试连接。 Redis is running in protected mode because protected mode is enabled, no bind address was specified, no authentication password is requested to clients. In this mode connections are only accepted from...
1.2k 字 1 分钟

背景： redis 字典（hash 表）当数据越来越多的时候，就会发生扩容，也就是 rehash ** 对比：**java 中的 hashmap，当数据数量达到阈值的时候 (0.75)，就会发生 rehash，hash 表长度变为原来的二倍，将原 hash 表数据全部重新计算 hash 地址，重新分配位置，达到 rehash 目的 # redis 中的 hash 表采用的是渐进式 hash 的方式： 1、redis 字典（hash 表）底层有两个数组，还有一个 rehashidx 用来控制 rehash 2、初始默认 hash 长度为 4，当元素个数与 hash...