一、背景

需求变更。。。仅此而已

二、如何实现

通过上一篇，我们已经知道了如何获取dom节点

接下来要做的，则是将图片复制到剪切板

我们从文档可以看到

clipboard.writeImage
clipboard支持读写图片到剪切板，但必须是nativeimage

nativeimage.createFromDataURL
而nativeimage可以支持从base64创建

那么配合上一篇，我们拿到base64以后，通过这个操作，就可以复制图片到剪切板了

代码如下

一、背景

接了个小需求，已有网站，做了个electron的壳，需要添加右键菜单
1.复制图片为base64
2.另存为图片
3.复制图片地址

二、首先需要添加右键菜单

1.主线程 background.js添加右键菜单内容

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

// background.js
///////////
const rightMenu = initRightMenu();
function initRightMenu() {
  const rightTemplate = [
    {
      label: "复制图片为base64",
      click: () => {
        console.log("复制图片为base64");
      },
    },
    {
      label: "另存为图片",
      click: () => {
        console.log("另存为图片");
      },
    },
    {
      label: "复制图片URL",
      click: () => {
        console.log("复制图片URL");
      },
    },
  ];
  const menu = Menu.buildFromTemplate(rightTemplate);
  return menu;
}
///////////

2.页面右键要能调用

需要页面右键能够响应

那么我们需要在页面上能够获取到右键的点击事件

1
2
3
4
5

// 页面入口，比如vue的main.js
window.addEventListener("contextmenu", (e) => {
  e.preventDefault();
  // TODO 通知主线程
});

3.通知主线程响应

一、背景

因为用的是mac，发现有些网站不提供mac的应用版，所以很不爽，想自己打包

其实也有些企业做好了网站，想套个壳直接做成应用

因此我用我毕生功力，做了个打包页面，快速产壳

二、地址

阿星的打包页面

依次输入我需要的参数

例如:

1
2
3
4
5
6
7
8

客户端需要打包的url地址: https://www.bilibili.com/

客户端名称: bilibili

客户端appid: com.bilibili.app

接收应用程序的邮箱: 329106954@qq.com

然后选择需要打包的平台

最近在读党史，记录一些随笔。

外国资本主义的入侵，打断了中国社会的正常发展历程。由此派生的社会矛盾，阶级关系和革命性质逐渐发生了深刻的变化。

在外国资本主义入侵之前，我国是一个独立的以农业经济为基础的封建君主制国家，而社会内部的商品经济发展已经孕育着资本主义生产关系萌芽。假如没有西方资本主义的入侵，我国也许也会和西方国家一样，缓慢发展到资本主义社会。

但是因为西方列强的侵略，打断了中国的自然发展道路。西方列强的侵略目的，不是把中国变成资本主义国家，而是希望把中国变成单纯的商品市场和原料基地。由于资本主义的入侵，我国的资本主义也得到了加速发展，但是传统的农业经济仍是中国的主要经济形式，“封建社会中占主导地位的自给自足的自然经济虽然逐渐遭到破坏，但是封建的土地关系，即封建剥削制度的根基——地主阶级对农民的剥削，不但依旧保持着，而且同官僚买办资本和高利贷的剥削结合在了一起，在中国的社会经济生活中仍占明显优势”。这一点在后续的革命中非常重要，也是为什么我党的革命能成功。

另一方面不少仁人志士围绕挽救民族危亡和改革中国社会，开展了一系列的革命行动。

最近在读党史，记录一些随笔。

西方列强通过一次又一次的对华侵略战争，签订了一系列的不平等条约。西方列强在中国的活动，是以享受条约所赋予的特权为基本特征的。它们通过不平等条约，在中国取得了许多重要的特权。如设立港口“租界”，开设矿场，修筑铁路，建立银行等。它们控制着通商口岸，海关，对外贸易，交通运输。大量的倾销它们的商品，把中国变成它们的销售市场和榨取原料的基地。

实际上我们可以看到，所有的殖民地，资本主义国家对他们的态度都是一样的，要么变成某一单一原料的生产基地，要么变成产品倾销地，或二者皆有。反过来想想现在，大多数的发展中国家，有很多都是单一的原料生产国，巴西，菲律宾，厄瓜多尔等等。现有的西方发达国家，限制发展中国家们的发展，只希望它们成为单一的原料生产国，而加工等作业停留在本国，以及其便宜的原材料进口，然后对外输出商品。

在19世纪末，世界资本主义开始进入帝国主义阶段，垄断代替自由竞争模式。甲午战争后，资本输出成为帝国主义侵华的特殊手段。除在华投资建厂外，对中国的贷款成为帝国主义控制中国财政，争夺“势力范围“和左右中国政局的工具。除经济侵略之外，还有文化侵略，以传教为中心，不断对中国实行着精神灌输，妄图通过潜移默化的思想教育去”统治“中国人。

从1840年战争伊始，到20世纪初，中国虽然保持着形式上的独立，但是实际上已经完全沦为几个帝国主义国家的半殖民地，面临着空前的民族危机。

最近在读党史，记录一些随笔。

前面我们解释了为什么西方的资本主义国家想要进入中国市场。但是为什么不通过贸易的方式和平进入，而要发动鸦片战争？

带着这个问题，我继续阅读着党史。

西方资本主义国家也曾希望通过商品贸易进入中国，但是当时的中国还处于封建社会，由清政府统治。
清政府采取闭关锁国的策略，认为自己是“天朝上国”，物资充沛，自给自足。而确实，当时的中国是小农经济社会，商品并未完全自由流通。因此西方的商品，无法进入中国，反倒是中国的茶叶丝绸瓷器，在国外很受欢迎，这样就形成了贸易逆差。对西方而言，不仅赚不到钱，反而不断向中国送钱。

所以西方想出了一个恶毒的点子，贩卖鸦片。（我的评价是：西方🐶真的畜生。）因为鸦片具有成瘾性，可以源源不断的带来收益。

幸而有识之士的出现，1839年林则徐虎门销烟，开启了全面禁烟的时代。

但是彼时我国无论是经济政治还是军事文化，全面滞后于世界。落后就要挨打，虎门销烟后，列强就打算用大炮轰开我国的大门，获得贸易权。1840年第一次鸦片战争，就这样发生了。1842年，英军直逼南京城下，迫使清政府屈服，订立了中国近代史上第一个丧权辱国的不平等条约——中英《南京条约》。

鸦片战争成为中国近代史的转折点。从此西方侵略者穷凶极恶的对中国发起一次又一次的战争，把中国一步一步推入半殖民地的深渊。

最近在读党史，记录一些随笔。

中国的近代史，自鸦片战争始。那么到底为什么，鸦片战争会爆发，列强为什么会侵略中国。
书中给了我一些启发。

中国曾经是一个历史悠久的东方大国，但是在近代，却落伍了。
西方国家率先爆发了资产阶级革命，并相继完成了工业革命，在新的生产方式下，资产阶级经过血与火的原始积累与殖民掠夺，开始了它的发展。”在它不到一百年的统治中所创造的生产力，比过去的一些世代所创造的生产力还要强大。”————《共产党宣言》。无论是对自然的征服，对机器的采用，对化学的应用等，这个时代的资产阶级，都走在了时代的前列。

那么具有如此之高生产力的资产阶级，为什么还会向外殖民侵略呢？其实列宁的《俄国资本主义的发展》早就揭示了：“资本主义如果不经常扩大其统治范围，如果不开发新的地方并把非资本主义的古老国家，卷入世界经济的漩涡，他就不能存在与发展。”

当然，这是结果，那我们要想想为什么列宁会总结出这样一句话。其实很简单，因为生成力高，制作商品成品非常快，作为资本家，产品积压的也就越多，但是市场就那么多，如果没有足够的市场来消化这些商品，那么资本家的钱就会囤积在商品上，无法得到资金的回流和扩大再生产，因此资本主义必须扩大市场和统治范围，才能把商品销售出去，获得发展。

因此，当自家的市场已经被资本主义统治了，如果想要再发展，就必须扩大资本主义的统治范围。而当时，一个幅员辽阔，资源丰富的东方古国——中国，自然成为了西方资本主义国家垂涎的市场。

这也就解释了为什么西方列强会想进入中国市场。

那么为什么他们不和平进入，而要采取战争侵略的方式？带着这个问题，我接着往后看。

背景

因为要适配的设备有点多，经常性出现适配问题，单位又多的一批，烦死了

所以我决定从头来看，这些单位到底代表什么，和分辨率， 到底是个什么关系

我先放个移动端的iphone 设备表在这，再来分析

以下部分内容，我们拿iPhone 13这款机子举例子

物理像素

我们经常性会看到各种各样的分辨率

就如iPhone 13，我们都能看到两个分辨率

一个是分辨率像素 1170x2532

我看谁还不会装环境！

背景

最近新来的同事有点多，为了统一大家的开发环境和工具

专门写了环境安装文档，以供使用

所有命令，均在iterm2中输入

Mac常用信息介绍

有mac使用经验的用户可以跳过这一节

以前使用Windows的同学可以先看这一节

键盘

Windows 上常用的ctrl键，在mac上使用command键代替（简称cmd键）

背景

可能很多同学，看到环境变量就头痛，不知道怎么配，也不知道改什么

一旦要配置环境变量，就是上网到处翻，乱复制，出错了也不知道怎么排查

所以我打算就我的知识范畴，总结一下我在工作过程中，常用的环境配置和命令

如有不对，大佬们在评论区轻喷

我是用的是Mac，以下介绍大部分依据Mac和Linux，Windows老哥仅供参考

SHELL环境介绍

首先我们需要介绍一下SHELL环境

我们打开“终端”出现的黑框框里面的环境（也有的同学使用iterm2或者别的终端工具），管它叫SHELL环境