Attack on Life ⚔️

Personal blog

发表于 更新于 本文字数： 520 阅读时长 ≈ 1 分钟
本文是作者对Chrome device mode 截图白屏问题的介绍，包括Chrome device mode 截图白屏问题的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Chrome device mode 截图白屏问题的效率。

测试网站或者制作移动网页截图，使用对应真机设备是一种方式，但在特定场景下也不免效率和成本偏高，Chrome浏览器自带的device mode可以完美模拟各种移动设备的分辨率，
另外还Chrome提供了截图功能。

问题

由于Chrome提供的设备毕竟有限，所以有时会需要添加自定义设备，但是最近在使用自定义设备，进行截图的时候，发现截图出来的是空白页面。

效果如下图

看了一遍自定义设备参数，对比测试，最终找到了原因，原来添加自定义设备这个时，Device pixel ratio这个参数是不能为空，否则即会出现截图为白屏即空白的情况。
如下图，我手动设定为1

阅读全文 »

发表于 更新于 本文字数： 1.1k 阅读时长 ≈ 2 分钟
本文介绍关于阿里云CDN报403错误分析，包括使用场景、实现细节等，以提高关于阿里云CDN报403错误分析的效率。

为了提升web性能，CDN已经成为了一种通用化服务，用于提升访问速度，我们的网站由于采用了Angular框架，
所以前端相对还是重了一些，为了提升性能，使用了阿里云的cdn服务。
但是，有些时候，发现出现了403，郁闷之极，采用CDN本身是为了快，如果这都403，那还搞什么呢？

概念讲解

OSS

阿里云对象存储服务（Object Storage Service，简称 OSS），是阿里云提供的海量、安全、低成本、高可靠的云存储服务。它具有与平台无关的RESTful API接口，能够提供99.99999999%的服务持久性。您可以在任何应用、任何时间、任何地点存储和访问任意类型的数据。OSS适合各种网站、开发企业及开发者使用。

CDN

阅读全文 »

发表于 更新于 本文字数： 2k 阅读时长 ≈ 3 分钟
本文是作者对res.send之后代码执行问题的介绍，包括res.send之后代码执行问题的优势、实现细节、相关资料等，这些步骤可以帮助作者提高res.send之后代码执行问题的效率。

express是node.js下最受欢迎的框架了，灵活的中间件思维及路由控制，使其实现了简单上手。
但是灵活往往会带来另一个问题就是可维护性，毕竟灵活对于团队开发的规范就有了更高的要求。

在实际的开发中，一些细节，需要注意，否则潜在的危险就会隐埋，并且随时可能会爆发。

如下图，构造一个API接口请求，返回结果

1
2
3
4
5
router.get('/c', function (req, res) {
    let conf2 = require('../conf');
    res.send({value: conf2.a});
    console.log('hello');
});

运行发现，其实res.send之后的控制台输出还是执行了，如何避免呢，加上return

阅读全文 »

发表于 更新于 本文字数： 610 阅读时长 ≈ 1 分钟
本文是作者对Angular开发-loadChildren重复路径问题的介绍，包括Angular开发-loadChildren重复路径问题的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Angular开发-loadChildren重复路径问题的效率。

ng在开发中是对所有的资源进行模块化，随着web的发展，系统会越来越庞大，为了提升性能，往往会使用懒加载，但由于设计原因，可能会出现以下的设计情况

具体的懒加载代码，比如如下:

阅读全文 »

发表于 更新于 本文字数： 592 阅读时长 ≈ 1 分钟
本文是作者对Linux下sz、rz实现上传下载的介绍，包括Linux下sz、rz实现上传下载的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Linux下sz、rz实现上传下载的效率。

在日常开发中，我们经常需要上传文件到服务器或者从服务器下载文件。ftp还需要搭建ftp服务器配置服务，使用sz/rz可以进行简单的上传下载操作

安装

1
2
3
4
5
6
7
8
9
10
11
# Mac下
brew install lrzsz

## Linux机器下
yum install lrzsz

## FreeBSD
pkg install lrzsz

## Debian
apt install -y lszrz

用法

sz用法：下载

阅读全文 »
0%