search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.06k stars 3.24k forks source link

[html] 第443天 请实现一个网站加载进度条 #2586

Open haizhilin2013 opened 4 years ago

haizhilin2013 commented 4 years ago

第443天 请实现一个网站加载进度条

3+1官网

我也要出题

haha1808656980 commented 3 years ago

document.onreadystatechange = function() { console.log(document.readystate) }

qykingle commented 3 years ago 

import { memo } from 'react';
import { useLifecycles } from 'react-use';
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';

const ProgressLine = memo(() => {
  useLifecycles(
    () => {
      NProgress.start();
    },
    () => {
      NProgress.done();
    },
  );

  return null;
});

export default ProgressLine;