防抖 debounce 和 节流 throttle 的区别?
防抖(debounce)和节流(throttle)都是前端开发中用于优化频繁触发事件(如 scroll
、resize
、input
、mousemove
等)的方法,但它们的应用场景和实现思路所有不同。
防抖(debounce)和节流(throttle)都是前端开发中用于优化频繁触发事件(如 scroll
、resize
、input
、mousemove
等)的方法,但它们的应用场景和实现思路所有不同。
不是不想写 commit message,而是每次审阅代码+组织语言去准确描述比较难,耗费精力和时间。
让 Cursor AI 来辅助撰写,提高效率,也学习如何用 Commits 规范和英文去总结和表达。
可在 wrangler.toml 文件中直接配置开发环境变量。例如:
[env.development]
[env.development.vars]
ENVIRONMENT = "development"
GITHUB_CLIENT_ID = "your github client id" # 自定义环境变量示例
但密钥等敏感信息,建议放在独立的开发环境变量配置文件 .dev.vars
中,
并将其从 git 中排除(在.gitignore
文件中添加 .dev.vars
文件路径),
以防止密钥泄露。
如何将所有的 git commits 的描述导出到文本文件?
示例:git log --pretty=format:"%h %an %ad %s" --date=short > commits.txt
参数说明:
--pretty=format:
指定输出格式,其中
%h
是提交的简短哈希%s
是提交的摘要/标题(summary)%b
,提交的描述(body)%n
,换行符%an
是提交的作者名字%ad
提交日期--date=short
选项下会使用简短的日期格式
默认的日期格式示例 Sun Oct 6 00:56:25 2024 +0800
,简短的日期格式示例 2024-10-06
假设有目录 dirA,之前该目录已经有过 commit 记录,当我们修改文件结构,不再需要跟踪和记录 dirA
路径下的文件变化时,
还需要执行以下步骤来处理:
使用 flex 布局,两端元素默认内容宽度,中间元素自动扩充到最大宽度。
|left| <- center -> |right|
HTML
<div class="h">
<div class="left">左/上</div>
<div class="middle">中</div>
<div class="right">右/下</div>
</div>
<br />
<div class="v">
<div class="left">左/上</div>
<div class="middle">中</div>
<div class="right">右/下</div>
</div>
CSS
div {
border: 1px solid #ccc;
}
.h {
/* 水平/横向 */
display: flex;
flex-direction: row;
}
.v {
/* 垂直/纵向 */
display: flex;
flex-direction: column;
height: 300px; /* 需要设置固定高度 */
}
.middle {
flex: 1 1 auto; /* flex-grow | flex-shrink | flex-basis */
align-items: center; /* 元素水平居中 */
text-align: center; /* 文本水平居中 */
align-content: center; /* 元素垂直居中 */
}
.left,
.right {
/* nothing */
}