Clay 的技术空间

用进废退 | 艺不压身

发表于 评论数： 本文字数： 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 文件夹中
阅读全文 »

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

大纲

Vue 指令介绍

什么是指令

  • 指令（Directives）是带有 v- 前缀的特殊特性
  • 指令特性的预期值是：单个 JavaScript 表达式
  • 指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM（视图）。
阅读全文 »

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

大纲

前言

MVVM 思想

  • M：即 Model（模型），包括数据和一些基本操作
  • V：即 View（视图），页面的渲染结果
  • VM：即 View-Model，模型与视图间的双向操作（无需开发人员干涉）

在 MVVM 之前，开发人员从后端获取需要的数据模型，然后要通过 DOM 操作 Model 渲染到 View 中。当用户操作视图后，开发人员还需要通过 DOM 获取 View 中的数据，然后同步到 Model 中。而 MVVM 中的 VM 要做的事情就是把 DOM 操作完全封装起来，开发人员不用再关心 Model 和 View 之间是如何互相影响的。这样可以将开发人员从繁琐的 DOM 操作中解放出来，把关注点放在如何操作 Model 上。

阅读全文 »