Clay 的技术空间

用进废退 | 艺不压身

发表于 更新于 评论数： 本文字数： 1.8k 阅读时长 ≈ 2 分钟

版本说明

  • Hexo 5.4.0
  • NexT 8.8.1

Hexo 安装插件

在博客的根目录下，执行以下命令安装 hexo-mermaid-lastest 插件

1
$ npm install hexo-mermaid-lastest --save
阅读全文 »

发表于 更新于 评论数： 本文字数： 466 阅读时长 ≈ 1 分钟

日志

定义日志的颜色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#!/bin/bash

_COLORS=${BS_COLORS:-$(tput colors 2>/dev/null || echo 0)}
__detect_color_support() {
  if [ $? -eq 0 ] && [ "$_COLORS" -gt 2 ]; then
    RC='\033[1;31m'
    GC='\033[1;32m'
    BC='\033[1;34m'
    YC='\033[1;33m'
    EC='\033[0m'
  else
    RC=""
    GC=""
    BC=""
    YC=""
    EC=""
  fi
}
__detect_color_support
echoerror() {
  printf "${RC} * ERROR${EC}: %s\\n" "$@" 1>&2;
}
echoinfo() {
  printf "${GC} *  INFO${EC}: %s\\n" "$@";
}
echowarn() {
  printf "${YC} *  WARN${EC}: %s\\n" "$@";
}

# 使用示例
echoinfo "Hello World"
echowarn "Hello World"
echoerror "Hello World"
阅读全文 »

发表于 评论数： 本文字数： 386 阅读时长 ≈ 1 分钟

什么是 Swap

Linux 中的 Swap 即为系统交换区，类似于 Windows 的虚拟内存，当内存不足的时候，把一部分磁盘空间虚拟成内存使用，以解决内存容量不足的情况。Linux 系统的内存管理必须使用交换区来建立虚拟内存。尽管对于交换空间的合适大小有很多意见，但这实际上取决于您的个人喜好和您的应用程序要求。通常，等于或两倍于系统 RAM 量的量是一个很好的起点。另一个好的经验法则是，如果您只是将它用作 RAM 后备，那么任何超过 4G 的交换空间都可能是不必要的。

创建交换分区

  • 查看交换分区信息
1
sudo swapon -s
  • 查看系统内存大小
1
sudo free -m
阅读全文 »

发表于 评论数： 本文字数： 750 阅读时长 ≈ 1 分钟

CSS 3 的优缺点

CSS 3 是最新版本的 CSS，是对原来 CSS 2 的功能增强，用于网页样式设计。CSS 3 具有更强大的选择器、多列布局、圆角边框、阴影效果、渐变、动画、媒体查询等功能，让开发者可以更轻松地实现各种视觉效果和响应式设计。

CSS 3 的优点

CSS 3 提供了一些在原来 CSS 2 中实现起来比较困难或者不能实现的功能，比如：

  • 渐变
  • 圆角边框
  • 盒子和文字的阴影效果
  • 转换、移动、缩放、旋转等
  • 过渡、动画都可以使用动画
  • 可以使用媒体查询实现响应式网站
阅读全文 »

发表于 评论数： 本文字数： 2.7k 阅读时长 ≈ 2 分钟

大纲

信号

信号的概念

信号（Signal）是软件中断，是进程之间相互传递消息的一种方法，用于通知进程发生了事件，但是不能给进程传递任何数据。信号产生的原因有很多，在 Linux 系统下，可以用 kill、killall 等命令发送信号。

阅读全文 »

发表于 评论数： 本文字数： 969 阅读时长 ≈ 1 分钟

前言

本文主要介绍如何实现 Java 的动态编译，并给出快速入门案例，点击下载完整的案例代码。

快速入门

编写接口

1
2
3
4
5
6
7
8
9
10
package com.clay.domain;

/**
 * @author clay
 */
public interface Store {

    public void sell();

}
阅读全文 »

发表于 更新于 评论数： 本文字数： 3.1k 阅读时长 ≈ 3 分钟

大纲

前言

本文将基于 ZooKeeper 原生 API 实现分布式锁，包括公平锁和非公平锁两种类型。值得注意的是，文中给出的代码缺乏健壮性和可用性（尤其是对网络抖动、可重入、会话过期的处理），仅供参考学习，不适用于生产环境。在生产环境中，强烈建议通过 Apache Curator 提供的 API 来实现基于 ZooKeeper 的分布式锁。

Apache Curator 介绍

Apache Curator 是 ZooKeeper 的客户端工具包，封装了很多常见的分布式功能（Recipes），比如：分布式锁、分布式队列、分布式计数器、领导者选举（Leader Election）、单向栅栏（Barrier）、双向栅栏（DoubleBarrier）、组成员管理（Group Membership）等。

阅读全文 »

发表于 评论数： 本文字数： 273 阅读时长 ≈ 1 分钟

GitHub 搜索

搜索电子书

关键词搜索示例：

  • pdf
  • cs-books
  • cs books
  • awesome cs books
阅读全文 »

发表于 更新于 评论数： 本文字数： 857 阅读时长 ≈ 1 分钟

大纲

Vue CLI 安装

CLI 是 Command-Line Interface (命令行界面) 的缩写，俗称脚手架。Vue CLI 是一个由 Vue 官方提供的、快速生成 Vue 工程化项目的工具，可以快速搭建 Vue 开发环境以及创建对应的 Webpack 配置文件。在使用 Vue 开发大型应用时，往往需要考虑代码目录结构、项目结构和部署、热加载、单元测试等事情；如果每个项目都要手动完成这些工作，那无以效率比较低效，所以通常会使用一些脚手架工具来帮助完成这些事情。

版本区别

Vue CLI 目前拥有两个版本，分别是 Vue CLI 2 和 Vue CLI 3，两者的区别如下：

  • Vue CLI 3 提供了 vue ui 命令，提供了可视化配置，更加人性化
  • Vue CLI 3 是基于 Webpack 4 打造，Vue CLI 2 是基于 Webpack 3 打造
  • Vue CLI 3 的设计原则是 零配置，移除了配置文件根目录下的 build 和 config 等目录
  • Vue CLI 3 移除了 static 文件夹，新增了 public 文件夹，并且将 index.html 移动到 public 文件夹中
阅读全文 »