尝试自己封装个请求接口的 Hooks

2022-05-05

下午打算尝试封装一个叫 useRequest 的 Hooks,大概思路类似 aHooks 的那种,但又结合了我此前那几个数据包装 Hooks(useStat、useParams)的“弥补”特性,即无数据时可补充一个默认初始值。

晚上研究了下怎么用 CSS 实现 HTML 标签 Marquee 的效果,参考了 这篇回答,获得了一个更棒的方案,采用 padding-left 的百分比形式,这种方案有个问题就是如果嵌套在一个有 padding 的容器里面,并不能 100% 的隐藏起来。我使用了透明的 border,实现了“第二个内间距”的效果,最终完成实现。

blockquote.notice{
  padding: 0;
  overflow: hidden;
  color: #227fb9;
  font-style: normal;
  white-space: nowrap;
}

blockquote.notice p{
  padding-left: 100%;
  display: inline-block;
  border: 1em solid transparent;
  animation: marquee 10s infinite linear;
}

@keyframes marquee{
  0% { transform: translateX(0%) }
  100% { transform: translateX(-100%) }
}
今日はどこ行こう 多云 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君