持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第19天，点击查看活动详情
前言：
掘友们，大家在浏览网页的时候，肯定碰到过页面打不开的情况。通常都是显示一个404页面，即你打开的网页不存在的时候所显示的页面，就是404页面。项目越做越大，页面越做越多。产品又下发了新任务。要求：我们自己做一个404页面，数据访问不到了，服务器错误时，就跳到这个页面。很好，可以啊，静态页面吗，我最拿手了。
什么是404页面？
在做页面之前，我们首先要了解什么是404页面，所谓404页面就是指用户在浏览网页时，服务器无法提供正常的信息，或者说就是服务器无法回应，返回给用户展示的页面。
404页面出现的原因有哪些？
- 你访问的url地址错误，网页本身就没有这个地址。
- 网页由于各种原因被删除，导致不存在了。
- 网页的服务器故障，包括停机，宕机，数据库卡死等情况。
404页面的好处
1、提升用户体验
404页面通常是用户访问了网站上不存在或已删除的页面，服务器返回404错误页面，告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开，消除用户的挫败感。
2、展示信息可控性
展示页面由开发自己控制，有效的改善美观。不管是文字，还是图片，都可以给用户一个更直观的感受，整体上能够提升页面的美化效果。也可以设计其他的功能，比方说倒计时结束，重新刷新页面，看是否能够访问。也是增加用户体验的一种效果。
3、对用户和搜索引擎友好
搜索引擎到达这个页面，如果页面不存在，就不再运行，就有可能造成死链，这个时候，我们如果设计了404页面，就会给用户一个反馈，同时也给搜索引擎一个反馈，404页面就相当于给迷路的你指路的页面。
设计404
总结：
小编在码上掘金中放置了404页面代码，通过CSS+JS控制展示，大家可以操作使用预览一下。
