前端笔记本

33 阅读2分钟

2025-11

  1. 文字竖版排列
/*类似古代书籍排列*/
writing-mode: vertical-rl; /*right to left*/
writing-mode: vertical-lr; /*left to right*/
  1. 传入任意时间戳,返回其对应日期当天 23:59:59 的毫秒级时间戳
/**
 * 传入任意时间戳,返回其对应日期当天 23:59:59 的毫秒级时间戳
 * @param {number} timestamp - 已知的毫秒级时间戳(如 1763763600000 对应 2025-11-20 19:00:00)
 * @returns {number} 当天 23:59:59 的毫秒级时间戳
 */
export const getEndOfDayByTimestamp = timestamp => {
	// 用已知时间戳创建 Date 对象
	const date = new Date(timestamp);
	// 提取年、月、日(忽略原时分秒)
	const year = date.getFullYear();
	const month = date.getMonth(); // 0 基制(无需+1,直接用于构造新日期)
	const day = date.getDate();
	// 构造当天 23:59:59 的 Date 对象,转成时间戳
	return new Date(year, month, day, 23, 59, 59).getTime();
}
  1. 获取第二天 00:00:00 的时间戳(毫秒级)
export const getNextDayStartTimestamp = () => {
	const now = new Date()
	// 1. 克隆当前日期,避免修改原对象
	const nextDay = new Date(now)
	// 2. 日期 +1(得到第二天)
	nextDay.setDate(now.getDate() + 1)
	// 3. 重置时分秒毫秒为 00:00:00.000
	nextDay.setHours(0, 0, 0, 0)
	// 4. 返回时间戳(13位毫秒级)
	return nextDay.getTime()
}
  1. 获取第二天 23:59:59 的时间戳(毫秒级)
export const getNextDayEndTimestamp = () => {
	const now = new Date()
	const nextDay = new Date(now)
	nextDay.setDate(now.getDate() + 1)
	// 重置为 23:59:59.999(毫秒设为 999,避免遗漏毫秒级数据)
	nextDay.setHours(23, 59, 59, 999)
	return nextDay.getTime()
}

2025-12

  1. git 忽略文件上传

    • 手动创建gitignore文件
    • 手动录入node_modules/ 文件夹后加/表示忽略整个文件夹
  2. 如果不小心上传了node_modules到项目中,删除远程node_modules

    • 删除git对node_modules的跟踪 git rm -r --cached node_modules
    • 提交删除记录 git commit -m '删除node_modules'
    • 推送删除记录 git push
  3. 项目初始化流程

    • git init
    • 创建gitignore文件
    • git add .
    • git commit -m 'init'
    • git remote add origin 远程地址
    • git push -u origin master
  4. css flex布局 flex: 1;宽度占据一半时,不想要内容撑开宽度,需要给对应的宽度约束

.box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .left, .right {
        flex: 1;
        /*`overflow: hidden` 会隐式给 `flex` 项目添加宽度约束,阻止内部元素撑破父元素,进而让 `text` 占满可用宽度*/
        overflow: hidden;
    }
}

26-01