动画展示插入排序全过程

计划把学习的系列排序算法做个简单的动画,坚持做到 timsort 为止。

动画展示快速排序全过程

继续阅读“动画展示快速排序全过程”

动画展示选择排序全过程

动画展示冒泡排序全过程

就这么一简单玩意儿,花了我一晚上时间,我怎么变得聪明起来呢。

继续阅读“动画展示冒泡排序全过程”

display: flex

css flex 布局要学好,那些 float/bfc 啥的,以后通通不管用了,学习了也没有什么收益。苦于不能很好理解 flex 各种属性和属性值,做了一个小 demo,看能不能帮助你更直观理解 flex。

参考链接

switch 的块级作用域

今天同事在 case 语句加了一个花括号{} ,我感到挺诧异的,问了他为什么要这么干?原来他是为了实现 case 语句的块级作用域,可以解决命名的苦恼,这是一个好的实践,值得推荐。

function foo(condition) {
            switch (condition) {
                case 1: {
                    let a = 1;
                    break
                }
                case 2: {
                    let a = 2
                    console.log(a)
                    break;
                }
            }
        }

foo(2)
继续阅读“switch 的块级作用域”

如何重装 windows 系统

这个国庆假期给自己的 2 台电脑重装了 Windows 系统,花了我 40 元人民币,可能将近 4 天的时间,被折腾的不浅,理想中的假期应该看看书做做运动,和家人吃吃饭,在附近旅游一下。本来装系统这么简单的事,应该自己搞定的。此文记下我从中学到的关键点。

  1. 先用一个好的 u 盘制作一个启动盘,我推荐使用微 PE 工具箱,这个软件来制作启动盘。
  2. 再下载 Windows 操作系统的 ISO 文件放在启动盘里。
  3. 系统安装好后,可以使用驱动总裁来安装驱动,这个软件相比驱动精灵更加纯粹,没有杂七杂八的东西。有时会遇到特殊情况,比如我的台式机分辨率是 8 : 5,如果安装了不适合的显卡驱动,会使电脑的显示不在最佳状态,这时就不应该更新显卡驱动。

以上简单步骤就能把系统装好。在淘宝上装系统一般 20 元一单,技术含量虽然不高,但是遇到一些特殊场景,没有经验耗费大量的时间自己去摸索也是不合适的,需要深厚的基础技术积累才能见招拆招。

继续阅读“如何重装 windows 系统”

VueJS 中 event bus 的实现

最近在工作中,使用了消息总线(message bus)这么一个东西,想起 Vue 也有类似的东西,所以想看一下其源码实现。

学习英语是理解编程的第一步。bus 有公共汽车的意思,也有 ‘a set of wires that carries information from one part of a computer system to another’(计算机系统的总线)。所以这里 bus 的意思是总线,一种形象的说法,为了更进一步的了解这个概念,可能需要一点硬件知识。

继续阅读“VueJS 中 event bus 的实现”

汉诺塔游戏

近期一直在玩的游戏是汉诺塔,我倒是觉得这个游戏挺解乏的,但是我女票子却不喜欢,我让她玩 5 层,她讨价还价成 4 层,我再坚持一次,她就说不玩了不玩了,那就陪她玩 4 层咯。下面,我们来看看 js 制作的简单动画展示,这个游戏应该怎么玩。

继续阅读“汉诺塔游戏”