尝试在 Deepin 系统上安装 Rime 输入法，安装过程中发现 Debian 默认不支持 add-apt-repository 命令。

Debian 添加 PPA 源

Webstorm 快捷键

十分艰难地做了这道百度前端学院的题目，因为展示效果挺赞就贴到博客上。代码命名混乱，冗余略多，木有对齐，注释特少。若看不太懂，请见谅。

JavaScript：可视化排序

前端的哥们想必都接触过 css 中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是 “:nth-child”。

CSS：nth-child 的用法

WebStorm：自动编译  jade 文件

本课程将介绍现代游戏引擎所涉及的系统架构，技术点，引擎系统相关的知识。 通过该课程，你能够对游戏引擎建立起一个全面且完整的了解。 如果你动手能力足够强，你将能够跟随课程，从0到1搭建起一个完整的迷你游戏引擎。如本课程适合相关专业领域的学生、研究者，以及所有对游戏引擎设计和开发感兴趣的人。

GAMES104 笔记

与预料的不同，当把 Edge 浏览器地址栏中的 https://collection.armyja.cn/v/front-end/ 粘贴到 Notion 时，显示的是超链接 【前端笔记 - Collection (armyja.cn)】。这是为什么呢？

Edge 浏览器复制粘贴 URL 显示网站标题

使用了 Tailwind CSS、TypeScript、PWA、Aplayer、Github Pages、阿里云 OSS

使用 Next.js 搭建博客

XSS 攻击

算法训练营总结

ARTS打卡：第 2 周

ARTS打卡：第 1 周

目标：在腾讯云服务器上命令行直接安装 jdk。

使用 wget 下载 oracle jdk

将近半年没发博客了，更新一下近况。

半年总结

使用 Function.prototype.bind 创建 console.log 语法糖

console.log() 如何缩写为 log()

《深度工作》论述了“如何在网络时代善用脑力，创造真实价值，成为一个不可替代的人”。此书首先告诉你什么是深度工作，为什么要深度工作。在说服你承认深度工作的必要性后，提供深度工作所需的几个原则，以帮助你在有限的时间内获得精英级的产出。

《深度工作》读书笔记

v1.0+ 版本的 Ghost 博客支持单篇文章的 Code Injection 功能，方便作者按需添加 JavaScript 或 CSS 代码，实现定制化。在 Code Injection 的 Post Footer 处粘贴 MathJax 脚本代码，即可支持 LaTeX 数学公式的显示。

让 Ghost 支持 LaTeX 数学公式

这是悲伤和喜悦并存的一年啊。

2017 年度总结

随着计算机硬盘制造技术的飞速发展，硬盘的存贮容量呈快速增长趋势，用来表示存贮空间的计量单位从过去的K升到M，又从M跃升至G甚至T。前几天，我们几个闲谈计算机的配置、存贮空间等问题时，说起“兆”这个单位，不免疑惑，1兆究竟等于10的几次方？通过一番追根朔源地考证，让我大开眼界。

K、M、G、T、P、E、B 单位

进入 Settings-Editor，设置编码为 UTF-8。进入 Settings-Compiler 和 Settings-Debugger，设置编译参数为：-finput-charset=UTF-8 -fexec-charset=GBK

Code::Blocks 中文输出乱码的解决方案

我们都知道 HTTPS 能够加密信息，以免敏感信息被第三方获取。所以很多银行网站或电子邮箱等等安全级别较高的服务都会采用 HTTPS 协议。

图解 HTTPS

旧识中官及老僧，相看多怪往来曾。问君何事三千里，春谒长陵秋孝陵。

春谒长陵秋孝陵

CMake Debug 模式和 Release 模式

在做批量实验室，例如跑批量 MR 的作业，我们会写好 shell 脚本，然后启动脚本，等所有作业执行完再去看结果，但是这些执行时的信息如何保存下来到文件中呢？下面这个命令可以完成这个任务。

Linux 技巧：将屏幕上所产生的信息写入指定文件

3 种解决方法：rename、shell、find xargs

Linux 下批量修改文件名

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。

四种常见的 POST 提交数据方式

第一次了解 Undertale，是在网易云音乐听到其 OST「Stronger Than You」。这是一款打破常规的另类 RPG，且乐评率在 Steam 排名第一，是 2015 Steam 最佳游戏之一。好奇心促使我对它一探究竟。

Undertale 传说之下

Make an Atom Package List and install the given Atom package from `my-packages.txt` to `~/.atom/packages/<package_name>` .

Atom 导出包列表

f.lux 是一款根据时间变化来改变屏幕色温的软件。让你在深夜也能感受到太阳的温暖，顺便还有助于睡眠。

Linux 安装护眼软件 f.lux

四则运算比如：a + b * c + (d - e)，编译器的做法一般是将其解析成逆波兰式之后再进行运算。

Java：简单的四则运算表达式解析

使用 java-8 的新特性，无需遍历即可轻松转换。

将包含整数 ArrayList 转换成 原始整数数组

Linux 中查看某个软件的安装路径(地址)有时显得非常重要。比如某个文件的快速启动项被删除，或者你要建立快速启动项，或者想删除、添加安装文件等等，很多地方都要用到查看文件安装路径的命令。

Linux 如何查找文件安装路径

supervisor 是基于 python 的任务管理工具，用来自动运行各种后台任务。virtualenv 是 python 的一个虚拟环境管理工具，用来部署运行不同的 python 版本。

配置基于 virtualenv 的 supervisor

最近在开发项目的过程中，遇到android与web服务器要在同一session下通信的问题。

Android 与 Web 服务器 在 Session 下通信

笔者太懒，不会提供响应式导航的完整代码。不过你会从本文中了解到响应式导航的实现原理。掌握了原理，你便会明白他并不神秘。

造轮子——实现响应式导航

虽然 CLion 基本上是开箱即用的 IDE，然而有些小设置仍需修改一下，如字体和文件编码。

配置 CLion

CLion 软件由 JetBrains 公司出品。如果你尚未使用　CLion，并且是一名 C/C++ 程序猿/媛，那么我建议你尝试一下，因为你的生命中可能会多一位对你百般体贴的“人”。举个栗子，假如你写 C++ 代码，想直接调用某个库里的函数 `sqrt` ，却不知道这库的名字，怎么解决呢？百度一下 sqrt？

进入 Clion 的世界

range 函数说明：range([start,] stop[, step])，根据 start 与 stop 指定的范围以及 step 设定的步长，生成一个序列。xrange 函数说明：用法与 range 完全相同，所不同的是生成的不是一个数组，而是一个生成器。

Python 中 xrange 和 range 的异同

优秀网站

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。

12 个 JavaScript 技巧

冷知识

动态追踪技术其实是一种后现代的高级调试技术。它可以帮助软件工程师以非常低的成本，在非常短的时间内，回答一些很难的关于软件系统方面的问题，从而更快速地排查和解决问题。

动态追踪技术漫谈

唐纳德·克努特曾在《计算机程序设计的艺术》（卷二）中指出：“当今使用的大部分随机数生成器都不够优秀，而且开发者倾向于拿来就用，不去了解具体的生成策略。以至于我们常常发现一些略有瑕疵、年代久远的随机数生成器会被盲目地用在一个又一个的程序中，而对于它们的局限性，却无人问津。”

Math.random()

Node.js：exports 与 module.exports 的区别

Html 笔记

WebStorm：自动编译  scss 文件

探索一下视窗单位以及如何在响应式排版中使用它们。

CSS：基于视窗单位的排版

在我们讨论宽度的时候，我们应该讲下与它相关的一个重点知识：盒模型。当你设置了元素的宽度，实际展现的元素却能够超出你的设置：因为元素的边框和内边距会撑开元素。看下面的例子，两个相同宽度的元素显示的实际宽度却不一样。

CSS：box-sizing

CSS：clearfix 清除浮动

Oracle 数据库 常用指令

计算系统导论 题目 2.55

在服务器下使用 root 用户极不安全，于是新建用户，把原文件迁移到新用户目录下，并更改文件的所有者。

All Posts

Debian 添加 PPA 源

Webstorm 快捷键

JavaScript：可视化排序

CSS：nth-child 的用法

WebStorm：自动编译 jade 文件