saber酱的抱枕

生于忧患,死于安乐

05/26
13:49
软件

VUE-CLI 的 process.env.BASE_URL

在 VUE_CLI 项目中配置路由时,例如有如下代码:

export default new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      name: 'index',
      path: '/',
      component: Index
    }
  ]
})

base: process.env.BASE_URL 这个参数令我疑惑,花了点时间才搞清楚。

默认情况下,这个 BASE_URL 并不需要特意配置。它默认会是空字符串 '',等于没有实际作用。

如果要配置 BASE_URL,需要在项目根目录创建 vue.config.js 文件,在里面设置 publicPath
Read More →

VUE-CLI 的 process.env.BASE_URL

05/12
15:21
软件

修改Hosts 解决 raw.githubusercontent.com 打不开的问题

最近我一直打不开 raw.githubusercontent.com 开头的网址,这是 Github 上文件源文件的域名。

ping 了一下,结果显示根本找不到这个域名,于是我找了下这个域名的 ip 地址添加到 hosts 文件里,解决了问题。

199.232.4.133 raw.githubusercontent.com

ps:我很疑惑的是为什么梯子开的全局代理,还是打不开,非要添加 hosts 才解决。梯子的全局代理不是应该从梯子的服务器转发流量吗?梯子的服务器也无法解析这个域名?这有点离谱。总之有点奇怪。

附一个网站 ipaddress.com,可以输入域名查询对应的 ip,以便我们添加 hosts 时使用。

修改Hosts 解决 raw.githubusercontent.com 打不开的问题

04/23
16:44
软件

FTP 主动模式和被动模式

FTP 协议需要服务器端和客户端配合。总所周知 FTP 的端口号是 21,但其实这个端口只用于传输 FTP 命令,传输文件时使用的是其他端口。(一般是一个随机的端口)

主动和被动是以客户端为主体来定义的。

PORT 主动模式:当需要传输文件时,客户端告诉服务器,我开放了 xxxx 端口,服务器来连接客户端。

PASV 被动模式:和主动模式相反,由服务器告诉客户端使用什么端口,然后客户端去连接服务器。

今天我因为这两个模式的区别,栽了一个跟头。

因为这个服务器防火墙的入站规则只允许外部网络连接指定的几个端口,出站规则不受限制。

问题来了,被动模式里,服务器告诉客户端,我们使用 1551 端口,你来连接我吧。

然后连接就被防火墙拦截了,GG。

此时把客户端改为只使用主动模式,这样会由服务器来连接客户端。服务器出站没有限制,而客户端一般不会那么严格,传输就可以进行了。
Read More →

FTP 主动模式和被动模式

04/21
15:31
软件

RGB 颜色值转换成 HSL

RGB 是用三原色的混合来表示颜色的,HSL 的三个维度则是色相、饱和度、亮度。

RGB 比较贴近显示器的发光原理,大部分电脑屏幕的每个像素都是由 红绿蓝 三个发光点组成,根据 RGB 值控制发光强度。但是对于普通人来说,看 RGB 值的数字比较难以理解,很难从 RGB 值里面出这个颜色是什么颜色,饱和度高不高,亮度高不高。HSL 正是直接描述这三个维度的,因此在进行一些图像处理时,HSL 会更加合适。

根据搜索到的转换公式,我编写了一个函数,用于将 RGB 值转换成 HSL 值。
Read More →

RGB 颜色值转换成 HSL

04/16
11:50
软件

PanDownload 倒了,但百度的马没了

PanDownload

微博链接

一个伟大的软件倒下了。百度网盘赢了这场斗争,但没有赢得人心。

PanDownload 是一个可以突破百度网盘限速的软件,当网民们被度盘的限速搞得苦不堪言的时候,PanDownload 堪称救星,造福了广大群众。

PanDownload 似乎是侵犯了百度网盘利益的不法软件,但当它被公安端掉时,却没人弹冠相庆,就连开了度盘会员的人也在扼腕叹息。莫非是这届网民素质不行?非也,实在是百度网盘作恶多端,搞得用户怨声载道,甚至连会员也不例外。

百度度盘的罪恶,事到如今还数的过来吗?
Read More →

PanDownload 倒了,但百度的马没了

03/26
13:40
软件

Github 使用名字不是 id_rsa 的密钥

我重装系统之后,创建了一个 SSH 密钥,但是名字不是默认的 id_rsa,假设就叫 abcd 吧。

我到 GitHub 上添加了这个公钥,但是使用时却连接不上,终端显示:

git@github.com: Permission denied (publickey).

这是为什么呢?我搜索一番之后发现,SSH 连接验证身份时,客户端会寻找默认的私钥文件,例如 id_rsa、id_dsa 等,如果我们的密钥名字不在默认列表中,就需要配置一下。

在 .ssh 目录下新建一个 config 文件,里面指定连接到 git@github.com 时所使用的配置:

Host github.com
HostName github.com
User git
IdentityFile ~/.ssh/abcd

最后一行指定了密钥的名字。保存之后使用 ssh -T git@github.com 测试一下,显示类似 You've successfully authenticated 的信息就可以正常使用啦~

Github 使用名字不是 id_rsa 的密钥

11/10
22:43
软件

购买和安装 Office 365

购买和安装 Office 365

从我开始使用 Windows 10 之后,我很喜欢 OneDrive。但是它免费的 5GB 有点尴尬,放小文件绰绰有余,放大文件基本没法放。所以我经常会想把它扩容——这需要购买 Office 365 付费版本。今天临近双十一,我又没有什么想买的东西(佛系死宅),索性给 OneDrive 扩容吧,把所有文件都放上去好了。

Office 365 个人版官网售价 ¥398/年,但是国内的正版购买渠道会更便宜。我这次找到了数码荔枝,发个淘宝链接: Office 365 个人家庭版。标价 219 元,找客服领取 20 元优惠券,相当于 199,原价的一半,可以说是很划算了。

买了之后我就去安装,但是踩了不少坑,花了很久才搞好。记录一下步骤。
Read More →

购买和安装 Office 365

09/27
17:25
软件

正确认识虚拟内存

Windows 虚拟内存

有些人(或者很大一部分?)觉得虚拟内存的作用是当物理内存不够用的时候,临时保存数据,腾出内存空间所用。又因为读写硬盘比较慢,进而觉得如果操作系统去读写虚拟内存,会拖慢电脑速度。所以当他们觉得自己的内存足够时,就会去关掉 Windows 的虚拟内存。

很惭愧我以前也这么想过,但是关掉虚拟内存之后,有些程序启动时会报错“内存不足”,即使物理内存够用也是一样。事情似乎有些不对劲了。那么事实到底是怎样的呢?今天我看了《操作系统概念》,才纠正了自己的一些错误想法。
Read More →

正确认识虚拟内存

09/25
16:51
软件

做了一个练习 Vue 的记事本网站

一个 Vue 制作的记事本网站

xz-note
https://note.pixiv.download/

可以实用,当然功能比较少。第一次加载比较慢。(因为服务器是海外的,平时也会慢一些)

功能上做了对笔记的增删改查、设置 tag。可以注册用户,使用注册邮箱接收验证码。

安全性上,传输使用 https,密码做了加盐和慢 hash 处理,保证安全性。SQL 查询做了参数化处理,应该可以防止 SQL 注入吧。认证模式采用 jsonwebtoken(JWT),过期时间一小时。

这个网站是我自己第一次用 Nodejs 搭建后台,并上线的网站,积累了一些经验(然后过一个月就忘光

GitHub 地址:
https://github.com/xuejianxianzun/xz-note-vue

做了一个练习 Vue 的记事本网站