Jealh's Blog

𝓣𝓱𝓲𝓼 𝓲𝓼 𝓪 𝓫𝓮𝓪𝓾𝓽𝓲𝓯𝓾𝓵 𝓼𝓾𝓫𝓽𝓲𝓽𝓵𝓮

0%

发表于 更新于 分类于 Valine：
本文字数： 566 阅读时长 ≈ 1 分钟

事情是这样的，就在今天早上，收到了一封来自阿里云的【喝茶（核查）通知】。一看邮件，很明显就是域名没有解析到内地节点的服务器上面呢。回想一下自己的解析，它说的对！。。。
why

阅读全文 »

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

事情还得从这么一道题开始：

1
2
3
4
5
6
7
let p = new Promise((resolve, reject) => {
  console.log("p");
});
setTimeout(() => {
  console.log("setTime");
}, 0);
console.log("end");

各位想想下面的输出顺序是什么吧？
我先说一下我的答案吧：

end
p
setTime

上面的输出是错误的 😥，我是怎么也不开心啊，于是我就开始翻遍各种资料，其中包括任务、微任务、JavaScript 事件循环、Promise 等等资料。下面就让我来细说吧。

阅读全文 »

发表于 更新于 分类于 Valine：
本文字数： 1.1k 阅读时长 ≈ 1 分钟

感想： 时间过得真的很快，而需要学习的东西一直在变多，从大二到大三的，慢慢地就觉得自己接触的领域所渺小。而这一年里感受最深的总还是时间不够的样子。

阅读全文 »

发表于 更新于 分类于 Valine：
本文字数： 3.7k 阅读时长 ≈ 3 分钟

首先呢，网上关于它们的文章已经很多了，在这里我就只是来记录以下我的理解，其实也是看其他网上内容的一个总结吧。

前言：由于 HTTP 协议无状态的缺陷。WEB 的设计者们提出了 Cookie 和 Session 两种解决机制。而 token,通常是 jwt(json web token)作为一种用户身份令牌，也常常用于记录 http 的状态存储，通常是在用户登录后，伴随每一次请求发送给给后端。下面就来聊聊它们。

阅读全文 »

发表于 更新于 分类于 Valine：
本文字数： 2k 阅读时长 ≈ 2 分钟

事情发生是在一个月黑风高的晚上。。。。不好意思搞错了 😬。
事情是这样的，今天在使用 webpack-dev-middleware 构建开发环境的时候，想要使用 node 启动浏览器并自动打开相关的本地网址。于是就发生了下面的一幕。

阅读全文 »

发表于 更新于 Valine：
本文字数： 1.1k 阅读时长 ≈ 1 分钟

使用 github actions 进行轻服务的页面托管

首先，轻服务官方文档给出了手动部署页面的教程页面托管。而我这里就简单地介绍一下使用 github actions 的自动部署。只要会一点 github actions,实现起来也比较简单。

看看效果

1.github 创建仓库，配置.github/workflow/*.yml,同时设置 secrets 变量 ACCESS_TOKEN 与 SERVICE_ID.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
name: Deploy Hosting

on: push

jobs:
  build_and_deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      # Add any build steps here. For example:
      # - run: npm ci && npm run build
      - uses: byteinspire/hosting-deployer-action@v1
        with:
          service-id: "${{ secrets.SERVICE_ID }}"
          token: "${{ secrets.ACCESS_TOKEN }}"
          # Or you can use file param to directly specify the ziped file path
          directory: ./
阅读全文 »

发表于 更新于 分类于 Valine：
本文字数： 3.9k 阅读时长 ≈ 4 分钟

对 javaScript 事件冒泡与事件捕获的再学习

DOM 树结构

我们在浏览器上会看见一颗 dom 树，这样的树状结构决定了事件的冒泡与捕获。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>hello Github Action</h1>
    <div class="out-A">
      <div class="out-B">
        <div class="out-C">hello, I'am C</div>
      </div>
    </div>
  </body>
</html>
阅读全文 »

发表于 更新于 分类于 Valine：
本文字数： 1.5k 阅读时长 ≈ 1 分钟

numpy 的条件筛选

筛选基础

数组切片

我们一般都知道 python 的 [ ] 操作符可以进行切片操作,举例如下:

1
2
3
4
5
6
7
8
9
10
11
arr = [1,2,3]
#切片操作参数介绍：[起始位置下标（默认最开始）:结束位置下标(默认最后):步长(默认为一)]
arr[0:2]
# [1,2]

arr[0:2:2]
# [1,3]

# 当步长为-1时，能够逆置数组
arr[::-1]
# [3,2,1]
阅读全文 »