Attack on Life ⚔️

最近nginx有需求实现上传feat，惊喜发现已经支持js了，因此尝试使用js实现上传。

nginx配置

1. 为了支持njs需要模块加载

2. 具体使用js业务模块，需要使用js相关指令

3. load_module指令需要放在全局即default.conf下

例子如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

load_module modules/ngx_http_js_module.so;

events { }


http {

    # 这里就不再限制了，nginx默认为1MB
    client_max_body_size 0;

    js_path "/etc/nginx/njs/";

    js_import main from upload.js;

server {

   ...
    location /upload-cert {
        js_content main.resolve;
    }
   ...
}

团队最近的项目使用SB进行UI组件库开发及文档维护，在CI部署时，遇到报错如下

1
2
3
4
5
6
7
8
9
10
11

vendors~main.54994c12.iframe.bundle.js:2 Unexpected error while loading ./button.stories.tsx: Module parse failed: Unexpected token (22:2)
File was processed with these loaders:

 * ../../../cache/node_modules/@storybook/source-loader/dist/cjs/index.js
   You may need an additional loader to handle the result of these loaders.
   |     backgroundColor: { control: 'color' },
   |   },

> } as ComponentMeta<typeof Button>;
> | 
> | // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

查询官方repo发现有个问题描述类似，解决方案是升级SB相关包npx sb upgrade

按照提示进行了下包升级，果然问题解决。

但该问题原因如何？查看下官方PR。

现象

进入页面后，一段时间内网页交互操作延时响应明显，比如光标移动到链接上，也并没有手型图标出现，同时更没法点击。等一段时间后，页面数据都完全显示出来，恢复响应。

针对这个问题，需要解决下。

首先先梳理下当前WEB页面加载后的几个操作

1. 请求后台数据
2. 数据进行base64解码
3. 表格渲染显示数据

在办公PC remote时拉取私服镜像报错，Service Available，调研发现可以如下解决。

解决办法

1. 关闭Docker App的代理

2. 本地hosts增加配置，比如9.111.111.111 xxx.1991421.cn

3. 设置~/.docker/config.json，增加hosts

   1 2 3 4 5 6 7

   { "credsStore" : "desktop", "auths" : { }, "hosts":["tcp://127.0.0.1:12639"] }

CSS中关于透明度相关设定有三个地方，RGBA中的Alpha、颜色值设定中的transparent值、Opacity属性。

平时样式写的少，导致这些基本概念模糊，这里梳理Mark下。

alpha的单词含义

Alpha 通道 - 指定对象的不透明度。

曾经一直以为这个代表着透明度，跟opacity相反，当然这个认知是错的，为什么一直被误导，其中一个原因是该词在某些词典的解释误导人，如下为欧陆词典查词，其中一部分的解释。

不自觉就会以为alpha相关设定就会是透明度的设定，其实大大的错。