Clay 的技术空间

用进废退 | 艺不压身

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

前言

跨域介绍

  • 什么是跨域：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一项不同，都属于跨域
  • 造成的原因：由于浏览器的同源策略，即 A 网站只能访问 A 网站的内容，不能访问 B 网站的内容
  • 特别注意：跨域问题只存在于浏览器，也就是说当前端页面访问后端的接口时，返回值是有的，只是服务器没有在请求头指定跨域的信息，所以浏览器自动把返回值给” 屏蔽了”
  • 解决跨域：经过上面的了解，可以得出几个解决跨域的方法（这里暂不考虑前端的实现方案），一是服务端指定跨域信息，二是在 Web 页面与后端服务之间加一层服务来指定跨域信息，比如代理服务 Nginx

提示

更多关于跨域的详细介绍内容，可以看 这里。

阅读全文 »

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

大纲

JMM 内存模型介绍

JMM 概述

JMM 是 Java 内存模型 (Java Memory Model)，本身是一种抽象的概念，实际上并不存在。它描述的是一组规则或规范，通过这组规范定义了程序中各个变量 (包括实例字段，静态字段和构成数组对象的元素) 的访问方式。

  • JMM 中关于同步的规定
    • 线程解锁前，必须把共享变量的值刷新回主内存
    • 线程加锁前，必须读取主内存的最新值，并存储在自己的工作内存
    • 加锁和解锁必须是同一把锁

由于 JVM 运行程序的实体是线程，而每个线程在创建时 JVM 都会为其创建一个工作内存 (有些地方称为栈空间)，工作内存是每个线程的私有数据区域，而 Java 内存模型中规定所有变量都存储在主内存，主内存是共享内存区域，所有线程都可以访问，但线程对变量的操作 (读取、赋值等) 必须在工作内存中进行，首先要将变量从主内存拷贝到自己的工作内存空间，然后对变量进行操作，操作完成后再将变量写回主内存，不能直接操作主内存中的变量，各个线程中的工作内存中存储着主内存中的变量副本拷贝，因此不同的线程间无法访问对方的工作内存，线程间的通信 (传值) 必须通过主内存来完成。线程、工作内存、主内存工作交互图 (基于 JMM 规范)，如下：

阅读全文 »

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

大纲

synchronized 的三种使用方式

  • synchronized 修饰普通方法时，是实例锁（对象锁），锁住的是当前实例对象
  • synchronized 修饰静态方法时，是类锁，锁住的是当前类的 Class 对象（反射）
  • synchronized 同步代码块，锁住的是 synchronized 后面紧接着的小括号内的对象

特别注意

  • 无论如何使用 synchronized 进行加锁，都是控制某个方法或代码块的访问，而不是控制整个类。
  • synchronized 修饰普通方法与同步代码块 synchronized(this){} 的效果是一样的，锁住的都是当前实例对象。
  • synchronized 修饰静态方法与同步代码块 synchronized(Object.class){} 的效果是一样的，锁住的都是当前类的 Class 对象。
阅读全文 »

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

前言

博客将流量导向微信公众号很简单，可以使用 TechGrow 的免费导流工具实现，用户扫码关注微信公众号后可以解锁全站文章，让微信公众号的粉丝数躺着增长。整个过程只需六步就可以搞定，适用于各类主流的博客，本文以 Hexo 的 NexT 主题博客举例。

提示

  1. TechGrow 开放平台的 官方文档
  2. 若使用的是 Hexo 静态博客，建议直接安装 hexo-readmore 插件，详细教程可点击这里
  3. 若使用的是 VuePress v1 静态博客，建议直接安装 vuepress-plugin-readmore-popular 插件，详细教程可点击这里
  4. 若使用的是 VuePress v2 静态博客，建议直接安装 vuepress-plugin-readmore-popular-next 插件，详细教程可点击这里
阅读全文 »

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

前言

如何在 Vue 中读取项目本地的 MarkDown 文件并展示在网页上呢？查阅资料后发现，一般的方案是在 Vue 页面中引入 Markdown 编辑器，然后利用编辑器的预览功能来展示 MarkDown 文件的内容。推荐使用开源的 MarkDown 编辑器 mavonEditor 或者 vue-meditor。

vue-meditor 介绍

简介

提示

阅读全文 »

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

前言

构建 Frps 镜像

  • Dockerfile 编写
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
FROM amd64/alpine:3.10

LABEL maintainer="snowdream <sn0wdr1am@icloud.com>"

ENV FRP_VERSION 0.38.0

RUN cd /root \
    &&  wget --no-check-certificate -c https://github.com/fatedier/frp/releases/download/v${FRP_VERSION}/frp_${FRP_VERSION}_linux_amd64.tar.gz \
    &&  tar zxvf frp_${FRP_VERSION}_linux_amd64.tar.gz  \
    &&  cd frp_${FRP_VERSION}_linux_amd64/ \
    &&  cp frps /usr/bin/ \
    &&  mkdir -p /etc/frp \
    &&  cp frps.ini /etc/frp \
    &&  cd /root \
    &&  rm frp_${FRP_VERSION}_linux_amd64.tar.gz \
    &&  rm -rf frp_${FRP_VERSION}_linux_amd64/ 

ENTRYPOINT /usr/bin/frps -c /etc/frp/frps.ini
阅读全文 »

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

前言

CMake 是一个跨平台的 C/C++ 项目组织管理工具，虽然许多 IDE 都有私有的项目管理工具，但是在现在各大 IDE 基本都支持使用 CMake 管理项目，所以如果有跨平台的需求，使用 CMake 管理是最方便的。值得一提的是，CMake 支持 gtest、cppunit 等单元测试框架，当然也可以使用断言自定义单元测试。

阅读全文 »

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

前言

Linux 中没有 Windows 系统中的 CreateEvent()、WaitEvent()、SetEvent()、ResetEvent() 等函数，本文将介绍如何使用 pevents 替代 Linux 缺失的函数。

pevents 介绍

阅读全文 »

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

conio.h 头文件

移植简述

conio.h 不是 C 标准库中的头文件，在 ISO 和 POSIX 标准中均没有定义。conio 是 Console Input/Output（控制台输入输出）的简写，其中定义了通过控制台进行数据输入和数据输出的函数，主要是一些用户通过按键盘产生的对应操作，比如 getch() 函数等等。大部分 DOS、Windows、Phar Lap、DOSX，OS/2 等平台上的 C 编译器提供了此头文件，UNIX 和 Linux 平台的 C 编译器本身通常不包含此头文件。另外在项目开发中，平时主要是使用 conio.h 这个头文件中的 getch() 函数，即读取键盘字符但是不显示出来（without echo)，但是含有 conio.h 的代码在 Linux 下无法直接编译通过，因为 Linux 没有这个头文件。但 Linux 平台下完全可以使用 ncurses 替代 conio.h 头文件，ncurses 支持的 API 可以阅读 官方文档。值得一提的是，ncurses 在 Linux 平台实现了 getch()、scanw()、getstr() 等函数。

阅读全文 »

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

大纲

string 容器

string 容器的概念

string 是 STL 的字符串类型，通常用来表示字符串。而在使用 string 之前，字符串通常是用 char* 表示的。string 与 char* 都可以用来表示字符串，两者的区别如下：

  • string 是一个类，char* 是一个指向字符的指针
  • string 封装了 char* 来管理字符串，本质是一个 char* 类型的容器
  • string 不用考虑内存释放和越界的问题
  • string 负责管理 char* 所分配的内存。每一次 string 的复制，取值都由 string 类负责维护，不用担心复制越界和取值越界等问题
  • string 提供了一系列的字符串操作函数，例如：查找（find）、拷贝（copy）、删除（erase）、替换（replace）、插入（insert）
阅读全文 »