Merge pull request #100 from chengpeiquan/develop

Typo.

src/components/ChildrenList.vue

@@ -1,5 +1,7 @@
 <template>
-  <hr v-if="childrenList.length > 0 && !isMobile">
+  <hr>
+
+  <p v-if="childrenList.length === 0">寻人信息加载中…</p>
 
   <section
     v-if="childrenList.length > 0 && !isMobile"

src/views/article/search-children-in-404-page.md

@@ -49,7 +49,7 @@ categories:
 
 **一、先爬取模块里的链接，拿到详情页 URL 的数据源列表**
 
-这里我借助了 [jsdom](https://github.com/jsdom/jsdom) 来分析页面结构，提取每个人的详情页链接，另外考虑到曝光率的问题，一个列表 35 个人，全部展示不显示，但如果一直按列表顺序截取前 X 个人，又太少（官网的更新频率也不是非常的高），尽量保持第一页的人都有足够的曝光机会，所以这里通过一个 [洗牌算法](https://zhuanlan.zhihu.com/p/31547382) 打乱了排序，再截取前 3 个被寻人的信息去抓取详情。
+这里我借助了 [jsdom](https://github.com/jsdom/jsdom) 来分析页面结构，提取每个人的详情页链接，另外考虑到曝光率的问题，一个列表 35 个人，全部展示不现实，但如果一直按列表顺序截取前 X 个人，又太少（官网的更新频率也不是非常的高），尽量保持第一页的人都有足够的曝光机会，所以这里通过一个 [洗牌算法](https://zhuanlan.zhihu.com/p/31547382) 打乱了排序，再截取前 3 个被寻人的信息去抓取详情。
 
 ```js
 /** 
@@ -195,6 +195,8 @@ router.get('/api/searchChildren', async (req, res) => {
 
 最终 404 页面上，走失儿童的效果预览如下图，考虑到博客里目前用户的访问占比，以及宝贝回家官网本身的适配程度（官网没有手机版和英文版），所以目前只投放在博客中文版的桌面端。
 
+可以戳: [404](https://chengpeiquan.com/404) 或者随便打一个不存在的路径查看效果（因为需要走多次请求才能拿回数据，所以倒计时我改成 10s 了）。
+
 ![404页面的效果预览](https://cdn.jsdelivr.net/gh/chengpeiquan/assets-storage/img/2021/04/20210411154858.jpg)
 
 当然以上是作为一个技术男力所能及的一点小公益贡献，生活里时不时还是有机会可以帮助到更多的人，比如之前在知乎就看到一个新闻： [以偶像之名——百站联合公益计划 以爱心共筑校园](https://zhuanlan.zhihu.com/p/344492192) ，追星的同时做公益，也是一个特别好的方式，希望有能力有影响力的人，能够多带头多响应，让世界更好！