Live Note

Remain optimistic

Posted on Edited on In

querySelector()

querySelector 只能选择一组中的第一个元素：

1
2
3
4
5
6
<div class="test">div1</div>
<div class="test">div2</div>

<script>
  document.querySelector(".test").style.color = "red" //只有第一个会变红
</script>

querySelectorAll()

querySelectorAll 获取一组元素：

1
2
3
4
5
6
7
8
9
<div class="test">div1</div>
<div class="test">div2</div>

<script>
  let aDiv = document.querySelectorAll(".test")
  for (let div of aDiv) {
    div.style.color = "red"
  }
</script>
Read more »

Posted on Edited on

整理图片

摄影图片太多了, 需要整理.
之前用的腾讯云oss, 但是需要流量费, 好兄弟推荐了cloudflare, 免费而且速度快.

而且可以 CDN 加速, 非常适合我.

所以把图片都迁移到了 CF, 并新启了一个相册用于放图片

ablum

r2-image-bucket

Posted on Edited on In

拖拽元素事件：

  • dragstart：拖拽前触发
  • drag：拖拽前到拖拽结束之间，连续触发
  • dragend：拖拽结束触发
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<ul>
  <li>li1</li>
  <li>li2</li>
  <li>li3</li>
</ul>

<script>
  let aLi = document.querySelectorAll("li")
  for (let li of aLi) {
    let count = 0
    li.ondragstart = function () {
      this.style.backgroundColor = "red"
    }
    li.ondrag = function () {
      console.log(count++) //连续触发
    }
    li.ondragend = function () {
      this.style.backgroundColor = ""
    }
  }
</script>
Read more »

Posted on Edited on

又一次见证历史了。

预计级别会达到VEI6，不知道后续会不会继续喷发。
没想到，疫情还未过去，出现了一个比疫情更严峻的现实问题——无夏之年。

更新于 2022 年 7 月 26 日 17:22:50

我错了，最近的温度已经到达了 40℃。

Posted on Edited on In

基本用法

1
2
3
4
5
var regex = new RegExp("xyz", "i")
var regex = new RegExp(/xyz/i)
var regex = /xyz/i

new RegExp(/abc/gi, "i").flags //ig 被覆盖成 i

match()、replace()、search()、split()

String.prototype.match 调用 RegExp.prototype[Symbol.match]
String.prototype.replace 调用 RegExp.prototype[Symbol.replace]
String.prototype.search 调用 RegExp.prototype[Symbol.search]
String.prototype.split 调用 RegExp.prototype[Symbol.split]

Read more »