游客bpby77s4lannm_个人页

2022年03月

• 03.11 23:34:41
  发表了文章 2022-03-11 23:34:41

  MYSQL主从同步异常解决方案

  理论上讲，mysql的主从同步无法保证100%不出现异常，mysql本身并不能保证主从的稳定性，当前较流行的MHA等mysql主从同步解决方案也是尽最大努力保证数据的一致性，出现异常还是要进行人工干预。对于MYSQL加快主从同步的方式，经历了库间并发 - 组提交 - WriteSet等一系列减缓复制延迟的问题，但是很遗憾，主从复制做的在快，也解决不了中途出现异常的情况，本文基于MYSQL采用 binlog和利用组提交方式的前提，探讨在主从复制期间产生异常后，应如何解决，达到防止数据丢失，最终恢复主从关系的目的。
• 03.11 23:31:09
  发表了文章 2022-03-11 23:31:09

  基于Vue3 写一个更好用的在线帮助文档工具

  提起帮助文档，想必大家都会想到 VuePress等，我也体验了一下，但是感觉和我的思路不太一样，我希望的是那种可以直接在线编辑文档，然后无需编译就可以直接发布的方式。另外可以在线写（修改）代码并且运行的效果。
• 03.11 23:24:02
  发表了文章 2022-03-11 23:24:02

  详解ElasticAPM实现微服务的链路追踪（二）

  Elastic APM实现链路追踪，首先要引用开源的APMAgent（APM代理），然后将监控的信息发送到APMServer，然后在转存入ElasticSearch，最后有Kibana展示；具体流程如下图所示：

  
• 03.11 23:20:13
  发表了文章 2022-03-11 23:20:13

  详解ElasticAPM实现微服务的链路追踪（一）

  Elastic APM实现链路追踪，首先要引用开源的APMAgent（APM代理），然后将监控的信息发送到APMServer，然后在转存入ElasticSearch，最后有Kibana展示；具体流程如下图所示：

  
• 03.11 23:14:05
  发表了文章 2022-03-11 23:14:05

  通过UI库深入了解Vue的插槽的使用技巧(片尾有彩蛋)

  Vue官网对于插槽的介绍比较简略，插槽本身也比较“烧脑”，很容易看晕，我就一直没看懂，直到 使用了element-plus的组件的插槽。其实我们可以换一个角度来理解插槽，就会豁然开朗了。

  
• 03.11 23:10:58
  发表了文章 2022-03-11 23:10:58

  UI库组件属性太多不知道啥意思？没关系来看看可视化设置（二）

  UI库提供了很多组件，组件又带有很多属性，有一些常用属性我们可以记住并且手撸，但是有些不常用的属性，或者需要设置多个属性，这样的情况下写起来就麻烦了，有时候还要打开帮助文档看看属性是怎么设定的，需要设置什么样的属性值。那么有没有优雅的方式来设置组件的各种属性呢？我做了一个在线小工具，可以方便的设置属性，并且可以实时看到效果。

  
• 03.11 23:06:48
  发表了文章 2022-03-11 23:06:48

  UI库组件属性太多不知道啥意思？没关系来看看可视化设置（一）

  UI库提供了很多组件，组件又带有很多属性，有一些常用属性我们可以记住并且手撸，但是有些不常用的属性，或者需要设置多个属性，这样的情况下写起来就麻烦了，有时候还要打开帮助文档看看属性是怎么设定的，需要设置什么样的属性值。那么有没有优雅的方式来设置组件的各种属性呢？我做了一个在线小工具，可以方便的设置属性，并且可以实时看到效果。

  
• 03.11 22:53:58
  发表了文章 2022-03-11 22:53:58

  来一起做个后台管理用的轻量级路由 + 菜单吧

  Vue3 的后台管理的项目想要做个菜单的话，一般会使用 VueRouter 设置路由，然后用UI库的菜单组件（比如 el-menu）设置各种属性，然后还需要考虑权限等问题。 这样做虽然很灵活，但是对于简单项目就有点麻烦。那么我们能不能简化一下操作，只设置一次，就可以实现菜单、路由外加权限的功能呢？
• 03.11 22:49:35
  发表了文章 2022-03-11 22:49:35

  vite的项目，使用rollup打包的方法

  vue-cli 自带的是 webpack 的打包方式，打出的包体积有点大，而 vite 自带的是 rollup 的打包方式，这种方式打包的体积就非常小，官网也有一些使用说明，所以学会之后还是比较很方便的。

  
• 03.11 22:40:10
  发表了文章 2022-03-11 22:40:10

  给 element-plus 增加一个防抖的功能（二）

  element-plus 功能非常强大，但是好像只有 el-autocomplete 提供了一个防抖功能，其他表单子控件并没有提供防抖功能，而 el-autocomplete 的防抖和我想要的效果又不太一样，所以只好写个函数实现我想要的防抖效果。
• 03.11 22:36:15
  发表了文章 2022-03-11 22:36:15

  给 element-plus 增加一个防抖的功能（一）

  element-plus 功能非常强大，但是好像只有 el-autocomplete 提供了一个防抖功能，其他表单子控件并没有提供防抖功能，而 el-autocomplete 的防抖和我想要的效果又不太一样，所以只好写个函数实现我想要的防抖效果。
• 03.11 22:32:19
  发表了文章 2022-03-11 22:32:19

  彻底搞清楚 JavaScript 的原型和原型链（二）

  JavaScript真的挺无语的，怪不得看了那么多的介绍文章还是一头雾水，直到自己终于弄懂了一点点之后才深有体会：先从整体说起吧，发现没有基础做依据，那都是空中楼阁；先从基础开始介绍吧，又发现基础是个蛇头咬蛇尾的圆环，无从下手，应该先整体介绍。于是介绍本身就成了一个死循环。。。

  
• 03.11 22:28:39
  发表了文章 2022-03-11 22:28:39

  彻底搞清楚 JavaScript 的原型和原型链（一）

  JavaScript真的挺无语的，怪不得看了那么多的介绍文章还是一头雾水，直到自己终于弄懂了一点点之后才深有体会：先从整体说起吧，发现没有基础做依据，那都是空中楼阁；先从基础开始介绍吧，又发现基础是个蛇头咬蛇尾的圆环，无从下手，应该先整体介绍。于是介绍本身就成了一个死循环。。。

  
• 03.11 22:14:29
  发表了文章 2022-03-11 22:14:29

  架构师的独白：微服务架构是这样的...

  项目和人类一样，总是会死亡的，有时候会突然死亡，有时候回自然死亡；在自然死亡这一边，有的人去世的很早，有的人则寿命很长，长寿的人，通常都是生活更规律的；项目也一样，框架更好的项目活的更久，框架不好的项目，上线同时就死亡了。

  
• 03.11 22:12:19
  发表了文章 2022-03-11 22:12:19

  打破约定俗成：其实Vue3的子组件也是可以“直接”改props的

  为了避免混淆，先介绍一下后端语言用的类。一般类可以包含内部成员、属性、方法、事件等。内部成员一般都是私有的（其实也可以设置为公有），调用者不可以直接访问内部成员，而是要通过属性来访问内部成员。

  
• 03.11 22:06:17
  发表了文章 2022-03-11 22:06:17

  告别 Vuex ！这里有一个轻量级的状态管理（一）

  Vuex 是基于 Vue2 的 option API 设计的，因为 optionAPI 的一些先天问题，所以导致 Vuex 不得不用各种方式来补救，于是就出现了 getter、mutations、action、module、mapXXX 这些绕圈圈的使用方式。想要使用 Vuex 就必须先把这些额外的函数给弄明白。

  
• 03.11 22:03:11
  发表了文章 2022-03-11 22:03:11

  vue3 专用 indexedDB 封装库，基于Promise告别回调地狱（二）

  https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API 这个大概是官网吧，原始是英文的，现在陆续是出中文版。有空的话还是多看看官网。
• 03.11 22:01:03
  发表了文章 2022-03-11 22:01:03

  vue3 专用 indexedDB 封装库，基于Promise告别回调地狱（一）

  https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API 这个大概是官网吧，原始是英文的，现在陆续是出中文版。有空的话还是多看看官网。

  
• 03.11 21:55:11
  发表了文章 2022-03-11 21:55:11

  jsPlumb开发流程设计器

  jsPlumb是一款开源软件，但jsPlumb toolkit是收费的。 本文主要使用jsPlumb实现一些简单的流程设计功能。

  
• 03.11 21:47:34
  发表了文章 2022-03-11 21:47:34

  使用ArcGisJS实现地图管理

  使用ArcGisJS开发地图，首先需要引入ArcGis的Js文件和CSS文件，引入方式有两种，一种是官网JS引用，一种是本地JS引用。如下：

  
• 03.11 21:41:01
  发表了文章 2022-03-11 21:41:01

  告别回调地狱，在Node里优雅的访问MySQL（四）

  Node.js 环境里面访问 MySQL 的默认方式，采用了古老的回调方式，这样很容易产生回调地狱。那么如何避免呢？这里介绍一种基于 Promise 的封装方式，可以避免回调地狱，并且支持事务访问。

  
• 03.11 21:38:56
  发表了文章 2022-03-11 21:38:56

  告别回调地狱，在Node里优雅的访问MySQL（三）

  Node.js 环境里面访问 MySQL 的默认方式，采用了古老的回调方式，这样很容易产生回调地狱。那么如何避免呢？这里介绍一种基于 Promise 的封装方式，可以避免回调地狱，并且支持事务访问。

  
• 03.11 21:36:13
  发表了文章 2022-03-11 21:36:13

  告别回调地狱，在Node里优雅的访问MySQL（二）

  Node.js 环境里面访问 MySQL 的默认方式，采用了古老的回调方式，这样很容易产生回调地狱。那么如何避免呢？这里介绍一种基于 Promise 的封装方式，可以避免回调地狱，并且支持事务访问。
• 03.11 21:33:07
  发表了文章 2022-03-11 21:33:07

  告别回调地狱，在Node里优雅的访问MySQL（一）

  Node.js 环境里面访问 MySQL 的默认方式，采用了古老的回调方式，这样很容易产生回调地狱。那么如何避免呢？这里介绍一种基于 Promise 的封装方式，可以避免回调地狱，并且支持事务访问。

  
• 03.11 21:28:49
  发表了文章 2022-03-11 21:28:49

  微信小程序常用个人信息获取（下）

  第一篇文章：微信小程序登录流程解析的评论区，大家的留言给了作者很大的写作分享动力，本文继续新知识的学习，讲述微信小程序常用个人信息获取，附上示例代码供大家快速上手。

  
• 03.11 21:26:24
  发表了文章 2022-03-11 21:26:24

  微信小程序常用个人信息获取（上）

  第一篇文章：微信小程序登录流程解析的评论区，大家的留言给了作者很大的写作分享动力，本文继续新知识的学习，讲述微信小程序常用个人信息获取，附上示例代码供大家快速上手。

  
• 03.11 21:20:14
  发表了文章 2022-03-11 21:20:14

  微信小程序登录流程解析

  微信官方文档有小程序的登录流程时序图，本文围绕这张图从0到1做更具体的解析。微信小程序的登录看上去好像很复杂，实际上只是不同的接口调用、字段返回，整个过程有3方在参与：小程序、开发者服务器、微信服务器。

  
• 03.11 21:16:53
  发表了文章 2022-03-11 21:16:53

  vue3，你还为状态为何物而发愁吗？（二）

  为啥需要状态？因为组件划分的非常原子化（细腻），所以造成了很多的组件，那么组件之间就需要一种“通讯方式”，这个就是状态了。不仅仅是传递数据，还可以实现事件总线。

  
• 03.11 21:08:52
  发表了文章 2022-03-11 21:08:52

  vue3，你还为状态为何物而发愁吗？（一）

  为啥需要状态？因为组件划分的非常原子化（细腻），所以造成了很多的组件，那么组件之间就需要一种“通讯方式”，这个就是状态了。不仅仅是传递数据，还可以实现事件总线。

  
• 03.11 20:04:21
  发表了文章 2022-03-11 20:04:21

  安排！vue3 + el-table实现行列转换操作

  为啥会出现行列转换的问题呢？因为用户想看的是一张多列的大表单，但是数据库里面保存的是“单列”的数据。于是就需要做一个转换，这样客户看得更方便清晰。

  
• 03.11 19:59:12
  发表了文章 2022-03-11 19:59:12

  如何用python“考上”研究生？学习了!

  在日常的学习和工作中我们听到最多的一句话就是”提质增效“，在考研的准备过程中也不例外， 因为考研是一场需要好好准备才有收获的战斗，那么在考研中如何快速准确的收集自己需要的考研资料呢？我们以python收集何凯文考研英语的每日一句为例，来谈谈如何高效的整理自己的考研资料，让编程赋能学习， 用python来提质增效，考上自己理想的985。

  
• 03.11 19:54:11
  发表了文章 2022-03-11 19:54:11

  一个查询功能居然被你玩出了花！（四）

  上次是表单控件，这次是查询控件，不要弄混了哦。

  
• 03.11 19:52:49
  发表了文章 2022-03-11 19:52:49

  一个查询功能居然被你玩出了花！（三）

  上次是表单控件，这次是查询控件，不要弄混了哦。
• 03.11 19:47:44
  发表了文章 2022-03-11 19:47:44

  一个查询功能居然被你玩出了花！（二）

  上次是表单控件，这次是查询控件，不要弄混了哦。

  
• 03.11 19:42:19
  发表了文章 2022-03-11 19:42:19

  一个查询功能居然被你玩出了花！（一）

  上次是表单控件，这次是查询控件，不要弄混了哦。

  
• 03.11 19:30:15
  发表了文章 2022-03-11 19:30:15

  妙！vue自定义指令实现一个可拖拽对话框（el-dialog专用）

  element-plus 提供的 el-dialog 对话框功能非常强大，只是美中不足不能通过拖拽的方式改变位置，有点小遗憾，那么怎么办呢？我们可以通过 vue 的自定义指令来实现一个可以拖拽的对话框（el-dialog）。

  
• 03.11 19:25:49
  发表了文章 2022-03-11 19:25:49

  基于el-form封装一个依赖 json 动态渲染的表单控件（二）

  先介绍功能，然后演示功能，最后介绍思路和编码方式。

  
• 03.11 19:15:06
  发表了文章 2022-03-11 19:15:06

  基于el-form封装一个依赖 json 动态渲染的表单控件（一）

  先介绍功能，然后演示功能，最后介绍思路和编码方式。

  
• 03.11 19:08:42
  发表了文章 2022-03-11 19:08:42

  干货 | 使用布隆过滤器实现高效缓存

  本文主要描述，使用布隆过滤实现高效缓存。文中采用数组做为缓存，如果需要高并发命中，则需将文中的数组换成Redis数据库。

  
• 03.11 19:05:44
  发表了文章 2022-03-11 19:05:44

  纯干货！如何使用轻量级状态优化你的博客？

  上两篇介绍了如何用vite2 + Vue3 搭建一个博客网站，以及轻量级状态的基础使用，那么二者结合起来会发生什么呢？
• 03.11 19:02:06
  发表了文章 2022-03-11 19:02:06

  嗨，带你做个轻量级的状态管理

  Vuex 是针对 Vue2 来设计的，因为 option API 本身有很多缺点，所以 Vuex 只好做各种补丁弥补这些缺点，于是变得比较“复杂”。 现在 Vue3 推出了Composition API，功能更强大也弥补了之前的缺点，但是 Vuex 4.0 只是兼容了 Vue3，使用风格上似乎没啥变化。

  
• 03.11 18:47:47
  发表了文章 2022-03-11 18:47:47

  手拉手带你用 vite2 + vue3 + elementPlus 做个博客尝尝鲜（四）

  这里主要是体验一下 vite2 + vue3 做项目是什么样子的，重点在于 vite2 + vue3 方面的介绍，博客只是一个例子，所以博客的功能比较弱，只实现了几个最基本的功能。

  
• 03.11 18:45:04
  发表了文章 2022-03-11 18:45:04

  手拉手带你用 vite2 + vue3 + elementPlus 做个博客尝尝鲜（三）

  这里主要是体验一下 vite2 + vue3 做项目是什么样子的，重点在于 vite2 + vue3 方面的介绍，博客只是一个例子，所以博客的功能比较弱，只实现了几个最基本的功能。

  
• 03.11 18:43:02
  发表了文章 2022-03-11 18:43:02

  手拉手带你用 vite2 + vue3 + elementPlus 做个博客尝尝鲜（二）

  这里主要是体验一下 vite2 + vue3 做项目是什么样子的，重点在于 vite2 + vue3 方面的介绍，博客只是一个例子，所以博客的功能比较弱，只实现了几个最基本的功能。

  
• 03.11 18:41:20
  发表了文章 2022-03-11 18:41:20

  手拉手带你用 vite2 + vue3 + elementPlus 做个博客尝尝鲜（一）

  这里主要是体验一下 vite2 + vue3 做项目是什么样子的，重点在于 vite2 + vue3 方面的介绍，博客只是一个例子，所以博客的功能比较弱，只实现了几个最基本的功能。

  
• 03.11 18:36:20
  发表了文章 2022-03-11 18:36:20

  手拉手带你了解Vue3的 ref 和相关函数以及计算属性（三）

  前不久的一篇文章：手拉手带你了解Vue3的reactive和相关函数 已经对reactive以及相关的几个函数，做了一个综合介绍，今天继续和大家深入学习。
• 03.11 18:33:12
  发表了文章 2022-03-11 18:33:12

  手拉手带你了解Vue3的 ref 和相关函数以及计算属性（二）

  前不久的一篇文章：手拉手带你了解Vue3的reactive和相关函数 已经对reactive以及相关的几个函数，做了一个综合介绍，今天继续和大家深入学习。

  
• 03.11 18:27:52
  发表了文章 2022-03-11 18:27:52

  手拉手带你了解Vue3的 ref 和相关函数以及计算属性（一）

  前不久的一篇文章：手拉手带你了解Vue3的reactive和相关函数 已经对reactive以及相关的几个函数，做了一个综合介绍，今天继续和大家深入学习。

  
• 03.11 18:19:53
  发表了文章 2022-03-11 18:19:53

  手拉手带你了解Vue3的reactive和相关函数（二）

  网上介绍 reactive 的各种资料也是非常多了，这里按照官网的介绍，对reactive以及相关的几个函数，做一个综合介绍，另外加一些扩展和稍微深入一点的内容。

  
• 03.11 18:16:00
  发表了文章 2022-03-11 18:16:00

  手拉手带你了解Vue3的reactive和相关函数（一）

  网上介绍 reactive 的各种资料也是非常多了，这里按照官网的介绍，对reactive以及相关的几个函数，做一个综合介绍，另外加一些扩展和稍微深入一点的内容。