原文链接：基于Hexo键入分享功能前言本站基于Hexo搭建，用的?hexo-theme-butterfly主题v3.7.1，请注意最新的?hexo-theme-butterfly版本已经更新到v4.2.2。如果你是v3.7.1之外的版本，可能有些地方会有出入，请留意。注意：我的博客根目录路径为【G:/hexo-blog/blog-demo】，下文所说的根目录都是此路径，将用[BlogRoot]代替。如果不清楚根目录路径，请回到教程基于Hexo从零开始搭建个人博客（二），查看你执行hexoinitxxx这条命令时所选择的路径，例如我选择的路径是【G:/hexo-blog】，我的博客根目录即为【G
作者：郑啟龙摘要：对于MYSQL的INNODB存储引擎的索引，大家是不陌生的，都能想到是B+树结构，可以加速SQL查询。但对于B+树索引，它到底“长”得什么样子，它具体如何由一个个字节构成的，这些的基础知识鲜有人深究。本篇文章从MYSQL行记录开始说起，层层递进，包括数据页，B+树聚簇索引，B+树二级索引，最后在文章末尾给出MYSQL索引的建议。文章涉及较多基础知识，内容较为枯燥，因此采用较多的图片补充说明，希望能对读者有帮助。A.一条记录存储格式：COMPACT行记录结构mysql是关系型数据库，每一行记录都是表结构定义的关系的显示表达。在脑中很直观地想到，记录存储时也可能按行存储。的确，m
作者：郑啟龙摘要：对于MYSQL的INNODB存储引擎的索引，大家是不陌生的，都能想到是B+树结构，可以加速SQL查询。但对于B+树索引，它到底“长”得什么样子，它具体如何由一个个字节构成的，这些的基础知识鲜有人深究。本篇文章从MYSQL行记录开始说起，层层递进，包括数据页，B+树聚簇索引，B+树二级索引，最后在文章末尾给出MYSQL索引的建议。文章涉及较多基础知识，内容较为枯燥，因此采用较多的图片补充说明，希望能对读者有帮助。A.一条记录存储格式：COMPACT行记录结构mysql是关系型数据库，每一行记录都是表结构定义的关系的显示表达。在脑中很直观地想到，记录存储时也可能按行存储。的确，m
上一次写过一篇UML|类图相关的文章，平时规范开发会用的上，或者是写什么文档，就还是需要画图，就像毕业设计就是如此。希望能够帮助到大家。注：本文中所用画图软件为MicrosoftVisio.一、概述时序图更多只是一种叫法，平常我们所说的顺序图、序列图也是在称呼它。时序图是基于交互的对象行为建模，是UML用于描述对象之间信息的交互过程的方法，是描述对象间协作关系的模型。时序图用于捕获系统运行中对象之间有时间顺序的交互，是由生命线和消息组成。时序图将交互关系表示为一个二维图。纵向是时间轴，时间沿竖线向下延伸。横向轴代表了在协作中各独立对象的类元角色。类元角色用生命线表示。当对象存在时，角色用一条虚
最近我在CodePen上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了SVGPATH实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里--CodePenDEMO--tothefuture?ByJaneOri]源代码还是非常非常复杂的，并且叠加了复杂的SVGPATH路径。我尝试着将其稍微拆分成几小块，运用不同的CSS高阶技巧从另外一个方面方向重新实现了一遍。因为整个过程还是有非常多有意思的CSS技巧，本文就给大家分享一下。实现上半部分背景加落日首先，我们来实现上半部分的背景加落日效果：大家可以先停顿思考下，这里让你来实现，会如何去做？需要多少个标签？好
在WeGame的PC端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中2个比较有意思的转场动画，大家感受感受。转场动画1：转场动画2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚动触发的。我猜测是使用了类似TweenMaxJS的动画库实现。当然，这两处酷炫有意思的转场动画，基于最新的CSS@scroll-timeline规范，也是可以大致实现的。本文就将尝试使用纯CSS，模拟上述的两个转场动画。当然，关于CSS最新的CSS@scroll-timeline规范，如果你还没有详细了解过，可以先看看我的这篇文章来了来了，它终于来了，动画杀手锏@scroll-timeline转场
上一次写过一篇UML|类图相关的文章，平时规范开发会用的上，或者是写什么文档，就还是需要画图，就像毕业设计就是如此。希望能够帮助到大家。注：本文中所用画图软件为MicrosoftVisio.一、概述时序图更多只是一种叫法，平常我们所说的顺序图、序列图也是在称呼它。时序图是基于交互的对象行为建模，是UML用于描述对象之间信息的交互过程的方法，是描述对象间协作关系的模型。时序图用于捕获系统运行中对象之间有时间顺序的交互，是由生命线和消息组成。时序图将交互关系表示为一个二维图。纵向是时间轴，时间沿竖线向下延伸。横向轴代表了在协作中各独立对象的类元角色。类元角色用生命线表示。当对象存在时，角色用一条虚
最近我在CodePen上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了SVGPATH实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里--CodePenDEMO--tothefuture?ByJaneOri]源代码还是非常非常复杂的，并且叠加了复杂的SVGPATH路径。我尝试着将其稍微拆分成几小块，运用不同的CSS高阶技巧从另外一个方面方向重新实现了一遍。因为整个过程还是有非常多有意思的CSS技巧，本文就给大家分享一下。实现上半部分背景加落日首先，我们来实现上半部分的背景加落日效果：大家可以先停顿思考下，这里让你来实现，会如何去做？需要多少个标签？好
在WeGame的PC端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中2个比较有意思的转场动画，大家感受感受。转场动画1：转场动画2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚动触发的。我猜测是使用了类似TweenMaxJS的动画库实现。当然，这两处酷炫有意思的转场动画，基于最新的CSS@scroll-timeline规范，也是可以大致实现的。本文就将尝试使用纯CSS，模拟上述的两个转场动画。当然，关于CSS最新的CSS@scroll-timeline规范，如果你还没有详细了解过，可以先看看我的这篇文章来了来了，它终于来了，动画杀手锏@scroll-timeline转场
在平时，我非常喜欢利用CSS去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个10x10的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：虽然利用了随机，随机填充了每一个格子的颜色，看着有那么点意思，但是这只是一幅杂乱无章的图形，并没有什么艺术感。这是为什么呢？因为这里的随机属于完全随机，属于一种白噪声。什么是白噪声？噪声（Noise）实际上就是一个随机数生成器。那么，什么是白噪声呢？如果从程序员的角度去理解的话，可以理解为我们在JavaScript中使用的random()函数，生成的数大致在0~1内是完全随机的。而噪声的基础是随机
