尝试自己封装个请求接口的 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%) }
}
今日はどこ行こう

今日はどこ行こう

加藤達也
Paul

Paul

特立独行的一只前端菜狗。这篇日记编写大概耗时了 0 分钟,内容均为个人原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!如本站内容对你有所帮助的话,不妨 捐助支持 一下?

奇趣音乐盒技术源于 Kico Player
Emmm,这里是歌词君