前端
文章平均质量分 67
doublewhitee
23333
展开
-
Nprogress实现路由加载进度[React+Vue]
文章目录1. Nporgress2. React中的使用3. Vue中的使用1. Nporgress在很多网页的加载过程中,顶部都会展示一个进度条来显示加载进度。Nprogress 就是一款非常方便的进度条插件,其主要用法为:NProgress.start() — 开始NProgress.set(0.4) — 设置百分比NProgress.inc() — 随机增长进度条(不会到达100%)NProgress.done() — 完成2. React中的使用在切换页面时出现进度条,本质就是原创 2022-04-22 08:33:21 · 1275 阅读 · 0 评论 -
小说阅读器中分页的实现[js]
文章目录1. 写在前面2. 一开始的思路3. 文本分割4. CSS columns 属性1. 写在前面最近在尝试做一个小说阅读器的Web App,对于阅读器来说最重要的肯定就是读书的界面了。在这个页面中,需要将大段的文字进行分页并让文字正好填满屏幕。一开始我把问题想得较为简单,但在实现过程中遇到了一些困难。2. 一开始的思路接口返回的数据即为小说某一章的全部文本。在我一开始的想法中,可以在收到返回数据后,将文本全部放入一个容器中,通过容器的高度除以屏幕可视区域的高度计算出需要拆分的页数。接着渲染相原创 2022-04-14 06:30:20 · 3559 阅读 · 0 评论