本文已参与 「掘力星计划」 ，赢取创作大礼包，挑战创作激励金。
本文是一篇超级超级硬核的数据分析文，数据来源自掘金官方的文章数据（指爬取文章数据），然后对这些数据做分析处理
我个人的一个主观看法，一篇爆款文应该具备下面几个条件：
-
一副好的配图也可以让读者有点击的欲望，比如进来放大看美女 (bushi)
-
好的标题，可以吸引读者进来阅读
-
实用类的，比如知识点讲解，会有较高的阅读和收藏
-
创意类的，会拥有较高的阅读量
后面用数据来验证这些观点是否准确
数据统计的依据
现在，选择 前端 赛道，使用 最新 为排序条件，倒序获取近段时间所有掘友发布的文章，统计有几个维度，阅读量和收藏 （借鉴于存在互赞的情况，这里忽略点赞量），爆款的标题和图片都是怎么样的，看看掘友们的等级分布
通过调试页面，发现掘金是使用 fetch 来动态拉取数据渲染页面，并且是使用标准的 cursor + size 的参数组合拉去分页数据，可惜的是分页里的 cursor 是经过加密的，没法通过简单的指定 cursor = n 获取我们需要的分页数据
可行的办法就是改造 fetch，保存请求的数据，手动用滚动条触发掘金自动调用 fetch 后，缓存相关参数，后续再批量调用拉取并做数据处理
改造的具体玩法可以参考这篇文章 一个从 fetch 扩展出来的骚操作...
最后，获取到了 1451 篇文件，时间范围是 2021-10-16 05:07:07 到 2021-10-27 02:19:59，大致算起来是 9 天的量
近期萌新分布
这段时间发文活跃的萌新，直观的感受是分布在 lv1, lv2，lv1 表明掘金近期的活动推广非常有效，已经吸引了不少萌新开始发文分享，lv 1 只要发文并获取到一个赞自然就有了
| 等级 | 人数 |
|---|---|
| 0 | 52 |
| 1 | 714 |
| 2 | 433 |
| 3 | 176 |
| 4 | 39 |
| 5 | 30 |
| 6 | 7 |
阅读量分析
近段时间文章的阅读量，绝大部分文章，连上 100 的阅读量都没有，实属惨淡
将每个层次的阅读量都按掘友等级再次展开，瞧瞧隐藏的大佬在哪里
| 阅读量 | 无等级 | lv 1 | lv 2 | lv 3 | lv 4 | lv 5 | lv 6 | 合计 | 百分比 |
|---|---|---|---|---|---|---|---|---|---|
| <100 | 52 | 580 | 218 | 49 | 2 | 1 | 0 | 902 | 62.16 |
| <200 | 0 | 92 | 107 | 48 | 5 | 3 | 0 | 255 | 17.57 |
| <300 | 0 | 25 | 46 | 16 | 7 | 1 | 0 | 95 | 6.54 |
| <400 | 0 | 9 | 10 | 10 | 4 | 6 | 1 | 40 | 2.75 |
| <500 | 0 | 2 | 8 | 7 | 5 | 2 | 0 | 24 | 1.65 |
| <1000 | 0 | 6 | 22 | 24 | 3 | 6 | 2 | 63 | 4.34 |
| <2000 | 0 | 0 | 13 | 11 | 8 | 6 | 4 | 42 | 2.89 |
| <3000 | 0 | 0 | 2 | 2 | 1 | 2 | 0 | 7 | 0.48 |
| <5000 | 0 | 0 | 4 | 5 | 2 | 1 | 0 | 12 | 0.82 |
| <10000 | 0 | 0 | 2 | 4 | 0 | 1 | 0 | 7 | 0.48 |
| ≥10000 | 0 | 0 | 1 | 0 | 2 | 1 | 0 | 4 | 0.27 |
阅读量前十的爆款
用图表的方式展现阅读量前 10 的文章，我们看看大佬是爆款好文是什么样子的
| LV-4 若川 | 尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理 |
| 创建：2021-10-21 00:18:23 | |
| 过审：2021-10-21 00:26:02 | |
| 📖 21951 👍 394 | |
| 💬 47 ⭐427 | |
| LV-5 Sunshine_Lin | 「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！ |
| 创建：2021-10-25 00:40:54 | |
| 过审：2021-10-25 03:10:38 | |
| 📖 13937 👍 759 | |
| 💬 64 ⭐1277 | |
| LV-4 前端胖头鱼 | 就因为这三个知识点，我彻底学废了”正则表达式“ |
| 创建：2021-10-22 00:02:00 | |
| 过审：2021-10-22 00:02:14 | |
| 📖 12551 👍 777 | |
| 💬 130 ⭐1080 | |
| LV-2 萨小摩 | 97年前端女程序员的职业焦虑 |
| 创建：2021-10-21 08:06:59 | |
| 过审：2021-10-21 09:52:02 | |
| 📖 10593 👍 54 | |
| 💬 239 ⭐5 | |
| LV-2 dreamer_sen | 在腾讯看点做前端外包的这两年 |
| 创建：2021-10-21 16:31:12 | |
| 过审：2021-10-22 03:30:58 | |
| 📖 9579 👍 83 | |
| 💬 90 ⭐31 | |
| LV-3 饼干_ | 写给vue转react的同志们（5） |
| 创建：2021-10-18 01:43:42 | |
| 过审：2021-10-19 06:57:44 | |
| 📖 8812 👍 59 | |
| 💬 31 ⭐57 | |
| LV-3 耗子君QAQ | 自己的开源项目被尤雨溪祖师爷写进演讲稿是一种什么体验 |
| 创建：2021-10-25 16:56:48 | |
| 过审：2021-10-26 04:01:08 | |
| 📖 7953 👍 235 | |
| 💬 77 ⭐70 | |
| LV-5 Sunshine_Lin | 工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！ |
| 创建：2021-10-20 00:38:42 | |
| 过审：2021-10-20 03:08:38 | |
| 📖 7729 👍 280 | |
| 💬 52 ⭐449 | |
| LV-2 Ned | 感谢Vue3，让我遇见了这些知识 |
| 创建：2021-10-18 07:51:39 | |
| 过审：2021-10-19 07:10:13 | |
| 📖 6205 👍 78 | |
| 💬 30 ⭐84 | |
| LV-3 阿Tya | Flutter - 这么炫酷的App你见过吗😍？ |
| 创建：2021-10-24 10:20:48 | |
| 过审：2021-10-24 10:53:47 | |
| 📖 5811 👍 112 | |
| 💬 36 ⭐90 |
阅读量 10-50 名
用表格的方式展现 10-50 的文章，也很具备参考的价值
| 大佬 | 标题 | 📖 | 👍 | 💬 | ⭐ | 是否有图 | |
|---|---|---|---|---|---|---|---|
| Lv-3 杨村长 | 10.23尤雨溪在早早聊直播分享总结：vue3生态发展现状和展望 | 5720 | 113 | 25 | 51 | ☑ | |
| Lv-2 孙轶扬 | 前方高能！一个前端程序员的 README 能写到多好看 | 4751 | 102 | 6 | 88 | ☑ | |
| Lv-3 小小小十七 | 前端还不会 Nginx 吗？快来学起来！ | 4749 | 126 | 14 | 183 | ||
| Lv-3 寒草 | 「算法思想🌿」为了解决一个小问题，我写了 88 W 行代码！ 🌧️ | 4720 | 62 | 26 | 35 | ☑ | |
| Lv-2 小子王 | 前端代码埋点折腾📝 | 4479 | 54 | 5 | 62 | ||
| Lv-3 XboxYan | CSS 实现文本"不定行数"截断 | 4439 | 219 | 40 | 276 | ☑ | |
| Lv-3 魔术师卡颂 | 这波React属实被针对了 | 4219 | 26 | 7 | 8 | ☑ | |
| Lv-4 沐华 | 12 个 Vue 开发中的性能优化小技巧，看你用过几个 | 4113 | 122 | 14 | 169 | ☑ | |
| Lv-5 云的世界 | 大挑战！ JS前端知识闯关，你过得了几关？ | 3679 | 80 | 24 | 68 | ☑ | |
| Lv-2 程序员巴士 | 尤大都推荐的组件库是如何开发出来的？ | 3493 | 78 | 12 | 59 | ☑ | |
| Lv-3 花哨 | 【前车之鉴】Vue，你真的熟练了么？ | 3465 | 127 | 10 | 226 | ☑ | |
| Lv-4 ITEM | 🔥 通过分析 Webapck 面试题构建 Webpack5.x 知识体系 | 3429 | 236 | 34 | 361 | ☑ | |
| Lv-2 AEI | 不要一直用 啦！语义化标签了解下？ | 3036 | 48 | 27 | 62 | ☑ | |
| Lv-4 沐华 | 一次弄懂 Vue2 和 Vue3 的 nextTick 实现原理 | 2998 | 69 | 9 | 86 | ☑ | |
| Lv-2 cjinhuo | 程序员应该知道的Mac工具 | 2889 | 101 | 34 | 92 | ☑ | |
| Lv-5 CUGGZ | 如何优雅地在 React 中使用TypeScript，看这一篇就够了！ | 2852 | 157 | 20 | 166 | ☑ | |
| Lv-3 魔术师卡颂 | React全新文档终于来了 | 2787 | 28 | 4 | 18 | ☑ | |
| Lv-5 CUGGZ | 关于前端大管家 package.json，你知道多少？ | 2609 | 99 | 4 | 125 | ☑ | |
| Lv-3 快跑啊小卢_ | 我为大家带来了10张“科技感满满”的可视化数据大屏⚡，收藏等于学会~ | 2546 | 79 | 36 | 109 | ☑ | |
| Lv-2 tager | 两句css 搞定页面滚动时的卡顿问题？😅😅 | 2288 | 43 | 2 | 32 | ||
| Lv-5 云的世界 | NaN你都未必懂，花五分钟让你懂得不能再懂 | 1987 | 52 | 6 | 23 | ☑ | |
| Lv-4 zxg_神说要有光 | 不同内存管理方式的聪明程度大 PK | 1861 | 20 | 3 | 6 | ☑ | |
| Lv-5 我不是外星人 | 「React进阶」一场升级 React-Router 带来的‘血案’ | 1818 | 41 | 8 | 15 | ☑ | |
| Lv-3 _Battle | Vue 单页面应用如何做预渲染 | 1777 | 56 | 5 | 23 | ☑ | |
| Lv-2 jjjona0215 | 什么？写了个脚手架申请专利成功了! | 1774 | 30 | 12 | 49 | ☑ | |
| Lv-5 谭光志 | 一些常用的 Git 进阶知识与技巧 | 1757 | 38 | 6 | 63 | ||
| Lv-4 zxg_神说要有光 | 觉得前端不需要懂算法？那来看下这个真实的例子 | 1606 | 8 | 10 | 7 | ☑ | |
| Lv-3 _Battle | 移动端常见问题汇总 | 1603 | 75 | 12 | 89 | ☑ | |
| Lv-2 git-Dignity | 前端仔，快把dist部署到Nginx上 | 1600 | 18 | 3 | 19 | ☑ | |
| Lv-3 耗子君QAQ | Vue组件库 | 主题替换、一键换肤 | 1575 | 30 | 17 | 17 | ☑ |
| Lv-6 大帅老猿 | 教你用js开发【风来之国】游戏之地图篇！入门教程，大佬勿进~ | 1510 | 24 | 3 | 8 | ☑ | |
| Lv-2 陈_杨 | 解决前端发版页面空白方案 | 1496 | 17 | 14 | 24 | ||
| Lv-2 尽管如此世界依然美丽 | 【JS】快速了解ES特性之一（ES7-ES8） | 1421 | 32 | 12 | 23 | ☑ | |
| Lv-2 战场小包 | 原生JavaScript灵魂拷问，你能答上多少(一) | 1396 | 62 | 12 | 56 | ☑ | |
| Lv-3 Jimmy_kiwi | umi3教程(看完没入门就来打我) | 1369 | 33 | 10 | 35 | ||
| Lv-2 oil欧哟 | 😭血泪合集！uniapp小程序开发的超长实践总结！ | 1359 | 62 | 12 | 86 | ☑ | |
| Lv-6 大帅老猿 | 这45道面试可能被问到的JS判断题！你能答对几道？ | 1335 | 31 | 4 | 52 | ☑ | |
| Lv-5 谭光志 | vscode + vite + vue3 + ts + eslint + stylelint 代码自动格式化 | 1332 | 12 | 9 | 42 | ||
| Lv-6 大帅老猿 | CSS边玩边学，这五个游戏让你对CSS的掌握更进一步！ | 1325 | 28 | 3 | 43 | ☑ | |
| Lv-5 shanyue | TailwindCSS 为什么这么好用？ | 1320 | 22 | 14 | 18 |
掘友们喜欢收藏的文章
让我们再看一下，能够被大家认可的（即被收藏）的好文又会是什么样子的
| 大佬 | 标题 | 📖 | 👍 | 💬 | ⭐ | 是否有图 |
|---|---|---|---|---|---|---|
| LV-5Sunshine_Lin | 「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！ | 13937 | 759 | 64 | 1277 | |
| LV-4前端胖头鱼 | 就因为这三个知识点，我彻底学废了”正则表达式“ | 12551 | 777 | 130 | 1080 | |
| LV-5Sunshine_Lin | 工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！ | 7729 | 280 | 52 | 449 | |
| LV-4若川 | 尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理 | 21951 | 394 | 47 | 427 | |
| LV-4ITEM | 🔥 通过分析 Webapck 面试题构建 Webpack5.x 知识体系 | 3429 | 236 | 34 | 361 | |
| LV-3XboxYan | CSS 实现文本"不定行数"截断 | 4439 | 219 | 40 | 276 | |
| LV-3花哨 | 【前车之鉴】Vue，你真的熟练了么？ | 3465 | 127 | 10 | 226 | |
| LV-3小小小十七 | 前端还不会 Nginx 吗？快来学起来！ | 4749 | 126 | 14 | 183 | 是 |
| LV-4沐华 | 12 个 Vue 开发中的性能优化小技巧，看你用过几个 | 4113 | 122 | 14 | 169 | |
| LV-5CUGGZ | 如何优雅地在 React 中使用TypeScript，看这一篇就够了！ | 2852 | 157 | 20 | 166 | |
| LV-5CUGGZ | 关于前端大管家 package.json，你知道多少？ | 2609 | 99 | 4 | 125 | |
| LV-3快跑啊小卢_ | 我为大家带来了10张“科技感满满”的可视化数据大屏⚡，收藏等于学会~ | 2546 | 79 | 36 | 109 | |
| LV-2cjinhuo | 程序员应该知道的Mac工具 | 2889 | 101 | 34 | 92 | |
| LV-3阿Tya | Flutter - 这么炫酷的App你见过吗😍？ | 5811 | 112 | 36 | 90 | |
| LV-3_Battle | 移动端常见问题汇总 | 1603 | 75 | 12 | 89 | |
| LV-2孙轶扬 | 前方高能！一个前端程序员的 README 能写到多好看 | 4751 | 102 | 6 | 88 | |
| LV-4沐华 | 一次弄懂 Vue2 和 Vue3 的 nextTick 实现原理 | 2998 | 69 | 9 | 86 | |
| LV-2oil欧哟 | 😭血泪合集！uniapp小程序开发的超长实践总结！ | 1359 | 62 | 12 | 86 | |
| LV-2Ned | 感谢Vue3，让我遇见了这些知识 | 6205 | 78 | 30 | 84 | |
| LV-2kang | JavaScript算法基础及面试总结（1w1字） | 944 | 51 | 1 | 78 | 是 |
创作不易，期待大家的鼓励❤~
