踩坑日记[2024]

踩坑日记
2.8k 词

HTML

[2024-04-23]GIF的播放

整个html的GIF播放都是同步的，无法做到css动画异步播放的效果。

JavaScript

[2024-03]VUE3生命周期中setup()的位置

VUE的生命周期中，setup()在create()之前，在VUE2中尚可设置延时使setup()能够使用methods()和data，但VUE3已经完全禁止了这一点，将this指向undefined。
onMounted()是用来初始化数据的，不是拿去修改组件的，用mounted()。

[2024-03]VUE3废弃set()、get()，直接操作data

VUE3中废弃了set()、get()，并且直接操作data也会引发组件渲染更新。

[2024-03-19]<audio>异步播放音效

和PlaySound不一样，一个<audio>没法异步，只能多弄几个了（）

CSS

[2024-05-25]display: inline元素的绝对定位子元素

如果这个父元素换了行，那这个子元素就没有了啊啊啊啊啊——

杂项

[2024-04-03]SVG莫名其妙被裁剪

一些拥有锐利边缘的SVG，某一方向上拥有描边，另一方向大小过小时，即使viewbox充分大也会把此处描边裁剪掉。
把这个突变点改成平滑曲线就完了。

[2024-5-20]SVG中的mask

SVG中的<mask>默认是亮度遮罩，不是alpha遮罩...

也由此可以实现透明文字的单纯外描边无内描边，使用亮度遮罩和paint-order: stroke让黑色的fill覆盖stroke的内描边部分，就可以只遮罩外描边，可以实现以下效果（什么东西好看吗）：

 9  9  9  9 

[2024-07-03]Android Studio网络问题

有时候代理和镜像都不好使，Gradle之类的可以手动下载，剩下的听天由命吧。

[2024-08-15]致敬传奇rm -rf /*

从来没想过这种事情会发生在自己身上（）。

[2024-08-23]HRT第1780天未SRS

踩的是什么坑呢，大概就是出生在这种家庭里。

[2024-12-16]github action自动部署github pages

一般来说，hexo只要在本地设置一键部署就能自动部署静态文件了，但是github pages现在根目录下的index.html不变更就不会触发部署（至少）。
而action可以设置特定条件下执行workflow，因此可以实现自动部署。
我们只需要在repo_url/actions/new添加官方的Static HTML工作流在.github/workflows/auto_deploy.yml里：

auto_deploy.yml 
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
# Simple workflow for deploying static content to GitHub Pages
name: Deploy static content to Pages

on:
  # Runs on pushes targeting the default branch
  push:
    branches: ["main"] # 注意分支名

  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
  contents: read
  pages: write
  id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
  group: "pages"
  cancel-in-progress: false

jobs:
  # Single deploy job since we're just deploying
  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - name: Setup Pages
        uses: actions/configure-pages@v5
      - name: Upload artifact
        uses: actions/upload-pages-artifact@v3
        with:
          # Upload entire repository
          path: '.'
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4

而如果没有设置本地一键部署，需要在工作流中build一下，网上教程大多是这种。
（之前一直手动，我真傻，真的）

[2024-12-16]github F2A 中国手机号

github F2A没有中国区号，尝试通过改前端添加，获悉悲报2023-03左右github已经采取手段在后端添加了校验。

[2024-12-26]通过iTunes下载app历史版本

教程搜一下一大把，主要是如果下载的版本不是想要的，就算删掉，iTunes里也会一直显示“已下载”，可以进已购项目里选择“隐藏”。