正则表达式 # 1. Safari 处理正则表达式中的正向后行断言时(?<=…)，异常 # js 复制 1 2 3 4 5 6 // 以下代码在 Chrome 中正常，但在 Safari 中会报错 "https://linlccc.com?theme=light".replace(/(?<=[?|&]theme=)\w+/, "dark"); // 解决方案，使用捕捉组+替换字符串的方式 "https://linlccc.com?theme=light".replace(/([?|&]theme=)\w+/, "$1dark"); // 以上两个执行结果都是 "https://linlccc.com?theme=dark"

概念 # 每一个模板都有一个名为 Page 数据对象 Page 信息参考： Page 信息参考 基础语法 # 访问变量 # go 复制 1 2 {{ .Titel }} // 访问已存在的变量 {{ $address }} // 访问自定义变量 声明变量与赋值 # go 复制 1 2 3 4 {{ $address := "http://www.baidu.com" }} // 声明自定义变量并赋值 {{ $msg := `Line one. Line two.` }} // 支持多行字符串 {{ $msg = "" }} // 将msg的值修改为空字符串 条件语句 # 条件语句 if/with 都以 {{ end }} 结束 在 hugo 模板中，条件语句的条件可以是任何表达式，而不仅仅是布尔类型的表达式，以下情况会被认为是 false： ...

防抖 # js 复制 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function debounce(fn, delay) { let timer; return function (...args) { timer && clearTimeout(timer); timer = setTimeout(() => fn.apply(this, args), delay); }; } // 测试 function task(arg) { console.log("run task" + arg); } const debounceTask = debounce(task, 1000); window.addEventListener("scroll", () => debounceTask(11)); 节流 # js 复制 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function throttle(fn, delay) { let last = 0; return function (...args) { const now = Date.now(); if (now - last < delay) return; last = now; fn.apply(this, args); }; } // 测试 function task() { console.log("run task"); } const throttleTask = throttle(task, 1000); window.addEventListener("scroll", throttleTask);