@wcj/github-rank 22.2.10 → 22.2.14

package/web/data/sifou-daily.json

@@ -1,65 +1,74 @@
 [
   {
-    "title": "从服务端生成Excel电子表格（GcExcel + SpreadJS）",
-    "description": "在服务端生成Excel电子表格，除了使用 Node.js + SpreadJS 外，葡萄城官方推荐使用 SpreadJS + GcExcel。该方案不仅能够解决批量绑定数据源并导出Excel、批量修改大量Excel内容及样式、服务端批量打印以及生成PDF...",
-    "url": "https://segmentfault.com/a/1190000041377778",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "title": "使用 Vue Demi 构建通用的 Vue 组件库",
+    "description": "在本文中，我们通过考虑其功能、工作原理以及如何开始使用它来了解 Vue Demi。Vue Demi 是一个很棒的包，具有很多潜力和实用性。我强烈建议在创建下一个 Vue 库时使用它。",
+    "url": "https://segmentfault.com/a/1190000041397887",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "15个很有趣的开源项目推荐",
-    "description": "《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较...",
-    "url": "https://segmentfault.com/a/1190000041363711",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "4",
+    "title": "高版本Chrome VUE页面播放RTSP实时视频流，并抓图、录像、回放、倍速等",
+    "description": "因为项目上需要把海康威视摄像头集成到WEB网页中播放，于是开始了对WEB播放摄像头方案的各种折腾。2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放，延迟比较低，效果也还不错。可惜好景不...",
+    "url": "https://segmentfault.com/a/1190000041398304",
+    "author": "李不白",
+    "home_url": "https://segmentfault.com/u/libubai",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "2021 年数据库报告：PostgreSQL 成开发者首选 | Benchmark 测试陷“混战”",
-    "description": "刚刚过去的 2021 年底，不少技术领域都对过去一年取得的成果和下一年发展趋势做了回顾。作为数据库领域备受关注的开源项目，OtterTune 也在年底出炉了一份 “2021 年数据库”回顾报告。",
-    "url": "https://segmentfault.com/a/1190000041377548",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "年入50w，我做对了哪几件事情？",
+    "description": "当然，年入50W在很多大佬面前也不是什么厉害的事情，这个世界上确实厉害的人太多了，一山更比一山高，山外有山，人外有人，但是，我总是觉得，能做成一件事情，那么，其他事情也是可以成功的，所以，别小看你做好...",
+    "url": "https://segmentfault.com/a/1190000041396466",
+    "author": "好好学java",
+    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "Github 推出“赞助商专用”仓库，根据赞助金额解锁新功能",
-    "description": "随着企业回馈开源作者的呼声，Github 推出了新的“赞助商仓库”：这种仓库只有赞助商能访问，开发者可以根据赞助的金额设置赞助等级（最多十个），每个等级的赞助商享受的功能不一样。赞助商提供开发者定义的赞助金...",
-    "url": "https://segmentfault.com/a/1190000041377325",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "冰墩墩官方 NFT 盲盒将开售 约 626 元一个；京东到家程序员删库跑路被判刑； Laravel 9 正式发布 | 思否周刊",
+    "description": "40s 新闻速递微软官方表态即将推出 Windows 11 任务栏改进原万得员工跳槽 B 站被索赔 200 万，遭法院驳回欧盟回应 Meta 退出威胁：没有 Facebook 生活一样很美好苹果将在 iPhone 上推出 “点击支付” 功能微软将在 ...",
+    "url": "https://segmentfault.com/a/1190000041396756",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "HTTPS 加密与认证机制",
-    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
-    "url": "https://segmentfault.com/a/1190000041380473",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "2",
+    "title": "了解React Hooks及其常用的几个钩子函数",
+    "description": "React Hooks 是 React 团队在两年前的 16.8 版本推出的一套全新的机制。作为最主流的前端框架，React 的 API 十分稳定，这次更新的发布，让众多恐惧新轮子的前端大佬们虎躯一震，毕竟每一次更新又是高成本的学习...",
+    "url": "https://segmentfault.com/a/1190000041397755",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "按需加载原理分析",
-    "description": "简介了解 Babel 插件基本知识，理解按需加载的内部原理，再也不怕面试官问我按需加载的实现原理了。 {代码...} 怎么就变成了 {代码...} 为了找到答案，分两步来进行，这也是自己学习的过程：babel 插件入门，编写...",
-    "url": "https://segmentfault.com/a/1190000041377824",
-    "author": "李永宁",
-    "home_url": "https://segmentfault.com/u/liyongning_lyn",
+    "title": "vue-router源码分析",
+    "description": "路由的概念最开始是在后端出现的，浏览器发送URL，服务器接收到浏览器的请求时，通过解析不同的URL去拼接需要的HTML或模板，然后将结果返回到浏览器进行渲染。服务器端路由有利有弊，好处是安全性更高，更严格控...",
+    "url": "https://segmentfault.com/a/1190000041397481",
+    "author": "lhm_582082005a5e6",
+    "home_url": "https://segmentfault.com/u/lhm_582082005a5e6",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "前端周刊：2022-2期",
-    "description": "前端周刊：2022-2期前端开发利用 Promise 的 cache 特性实现前端缓存这应该是最简单的前端请求缓存实现思路项目推荐：@tower1229/axiosAxios的升级替代品，与Axios完全相同的API，仅仅为Instance.get()方法扩展缓...",
-    "url": "https://segmentfault.com/a/1190000041376089",
-    "author": "雅X共赏",
-    "home_url": "https://segmentfault.com/u/genvision",
+    "title": "【译】A GPU Approach to Particle Physics",
+    "description": "引子想到原文中有提到参考的教程，就去看了下，发现对一些逻辑的理解很有帮助，顺便翻译记录一下。原文：A GPU Approach to Particle PhysicsOriginMy GitHub正文我的 GPGPU 系列的下一个项目是一个粒子物理引擎...",
+    "url": "https://segmentfault.com/a/1190000041396593",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "从校园到腾讯工作一年的那些跌跌撞撞！",
+    "description": "这几天过年，每天其实还比较清闲，甚至于说有点无聊，今年第一年工作，也是在大城市生活的第一年，说实话，回到家里还是有点不太习惯这种生活的节奏的。我的家在农村，回到家，就能非常明显的感觉到家乡的慢节奏...",
+    "url": "https://segmentfault.com/a/1190000041396458",
+    "author": "好好学java",
+    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,30 +1,12 @@
 [
-  {
-    "title": "深入浅出 CSS 动画",
-    "description": "本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...",
-    "url": "https://segmentfault.com/a/1190000041275359",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "66",
-    "rank": 1
-  },
-  {
-    "title": "Three.js 实现2022冬奥主题3D趣味页面 🐼",
-    "description": "迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...",
-    "url": "https://segmentfault.com/a/1190000041363089",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "56",
-    "rank": 2
-  },
   {
     "title": "巧用 CSS 实现动态线条 Loading 动画",
     "description": "有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...",
     "url": "https://segmentfault.com/a/1190000041306193",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "33",
-    "rank": 3
+    "votes": "34",
+    "rank": 1
   },
   {
     "title": "1000粉！使用Three.js制作一个专属3D奖牌🥇",
@@ -32,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000041311954",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "24",
-    "rank": 4
+    "votes": "25",
+    "rank": 2
   },
   {
     "title": "神器 Nginx 的学习手册 ( 建议收藏 )",
@@ -41,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041298011",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "30",
-    "rank": 5
+    "votes": "32",
+    "rank": 3
   },
   {
     "title": "60行代码实现React的事件系统",
@@ -50,7 +32,25 @@
     "url": "https://segmentfault.com/a/1190000041355419",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
+    "votes": "17",
+    "rank": 4
+  },
+  {
+    "title": "17 个实用 shell 脚本，建议收藏！",
+    "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
+    "url": "https://segmentfault.com/a/1190000041370811",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "18",
+    "rank": 5
+  },
+  {
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "20",
     "rank": 6
   },
   {
@@ -63,22 +63,40 @@
     "rank": 7
   },
   {
-    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
-    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
-    "url": "https://segmentfault.com/a/1190000041307924",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "13",
+    "title": "Suspense对React的意义在哪里？",
+    "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
+    "url": "https://segmentfault.com/a/1190000041372960",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
     "rank": 8
   },
+  {
+    "title": "两年经验前端：字节跳动系—石墨文档面经",
+    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
+    "url": "https://segmentfault.com/a/1190000041355537",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "17",
+    "rank": 9
+  },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
     "description": "最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...",
     "url": "https://segmentfault.com/a/1190000041336683",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 9
+    "votes": "17",
+    "rank": 10
+  },
+  {
+    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
+    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
+    "url": "https://segmentfault.com/a/1190000041307924",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "13",
+    "rank": 11
   },
   {
     "title": "线程池如何观测？这个方案让你对线程池的运行情况了如指掌！",
@@ -87,7 +105,16 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "13",
-    "rank": 10
+    "rank": 12
+  },
+  {
+    "title": "什么样的问题应该使用动态规划",
+    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
+    "url": "https://segmentfault.com/a/1190000041300090",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "14",
+    "rank": 13
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -96,16 +123,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "rank": 11
-  },
-  {
-    "title": "两年经验前端：字节跳动系—石墨文档面经",
-    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
-    "url": "https://segmentfault.com/a/1190000041355537",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "15",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -114,24 +132,6 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "10",
-    "rank": 13
-  },
-  {
-    "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
-    "description": "1 月 20 日，Google Cloud 2022 中国出海数字峰会顺利举办。近三千位参会嘉宾一起问路未来，锚定技术，聚焦出海领域云端数字化创新，围绕业务场景以及Google Cloud 前沿技术与客户实践，共同探讨了数字出海时代借...",
-    "url": "https://segmentfault.com/a/1190000041337916",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "15",
-    "rank": 14
-  },
-  {
-    "title": "17 个实用 shell 脚本，建议收藏！",
-    "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
-    "url": "https://segmentfault.com/a/1190000041370811",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "13",
     "rank": 15
   },
   {
@@ -140,35 +140,26 @@
     "url": "https://segmentfault.com/a/1190000041330870",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "12",
-    "rank": 16
-  },
-  {
-    "title": "什么样的问题应该使用动态规划",
-    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
-    "url": "https://segmentfault.com/a/1190000041300090",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "13",
-    "rank": 17
+    "rank": 16
   },
   {
-    "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
-    "description": "企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...",
-    "url": "https://segmentfault.com/a/1190000041303894",
+    "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
+    "description": "1 月 20 日，Google Cloud 2022 中国出海数字峰会顺利举办。近三千位参会嘉宾一起问路未来，锚定技术，聚焦出海领域云端数字化创新，围绕业务场景以及Google Cloud 前沿技术与客户实践，共同探讨了数字出海时代借...",
+    "url": "https://segmentfault.com/a/1190000041337916",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "12",
-    "rank": 18
+    "votes": "15",
+    "rank": 17
   },
   {
-    "title": "绝对是讲的最清楚的-NodeJS模块系统",
-    "description": "NodeJS目前有两个系统：一套是CommonJS(简称CJS)，另一套是ECMAScript modules(简称ESM); 本篇内容主要三个话题：",
-    "url": "https://segmentfault.com/a/1190000041292888",
-    "author": "云中歌",
-    "home_url": "https://segmentfault.com/u/yunzhongge_584ccbede2cb7",
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "12",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
@@ -176,16 +167,25 @@
     "url": "https://segmentfault.com/a/1190000041341813",
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
-    "votes": "10",
+    "votes": "11",
+    "rank": 19
+  },
+  {
+    "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
+    "description": "企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...",
+    "url": "https://segmentfault.com/a/1190000041303894",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "12",
     "rank": 20
   },
   {
-    "title": "新一代的编译工具 SWC",
-    "description": "最近前端圈掀起了一阵 rust 风，凡是能用 rust 重写的前端工具就用 rust 重写，今天介绍的工具就是通过 rust 实现的 babel：swc，一个将 ES6 转化为 ES5 的工具。",
-    "url": "https://segmentfault.com/a/1190000041279795",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "10",
+    "title": "Vue3默认版本了！我准备学这五个东西了。",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
+    "url": "https://segmentfault.com/a/1190000041324242",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "12",
     "rank": 21
   },
   {
@@ -194,79 +194,79 @@
     "url": "https://segmentfault.com/a/1190000041295297",
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "11",
+    "votes": "12",
     "rank": 22
   },
   {
-    "title": "Vue3默认版本了！我准备学这五个东西了。",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
-    "url": "https://segmentfault.com/a/1190000041324242",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "11",
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "10",
     "rank": 23
   },
   {
-    "title": "2021，17个 最流行的 Vue 插件",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041233013",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "title": "清除 useEffect 副作用",
+    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
+    "url": "https://segmentfault.com/a/1190000041351344",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "10",
     "rank": 24
   },
   {
-    "title": "基础很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？🐶",
-    "description": "大家好，首先表明一下，标题没有恶意哈哈。请原谅本菜鸡。都是为了帮助大家，大家可以把自己认识几个，得了多少分，发在留言里，一个一分，总分38分。",
-    "url": "https://segmentfault.com/a/1190000041281569",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
     "rank": 25
   },
   {
-    "title": "2021 中国开源码力榜启动，寻找开源世界的超级码丽",
-    "description": "2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...",
-    "url": "https://segmentfault.com/a/1190000041283611",
+    "title": "SegmentFault D-Day 2021 年度总结报告",
+    "description": "关于 D-Day：这里的 D-Day 不是军事术语，而是开发者（Developer）的抢滩登陆之日！SegmentFault D-Day 全称 SegmentFault Developer Day，是由 SegmentFault 思否发起主办的系列技术沙龙。自 2014 年启动，D-Day...",
+    "url": "https://segmentfault.com/a/1190000041297667",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "votes": "8",
     "rank": 26
   },
   {
-    "title": "清除 useEffect 副作用",
-    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
-    "url": "https://segmentfault.com/a/1190000041351344",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "9",
+    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
+    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
+    "url": "https://segmentfault.com/a/1190000041353909",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "7",
     "rank": 27
   },
   {
-    "title": "SegmentFault D-Day 2021 年度总结报告",
-    "description": "关于 D-Day：这里的 D-Day 不是军事术语，而是开发者（Developer）的抢滩登陆之日！SegmentFault D-Day 全称 SegmentFault Developer Day，是由 SegmentFault 思否发起主办的系列技术沙龙。自 2014 年启动，D-Day...",
-    "url": "https://segmentfault.com/a/1190000041297667",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
+    "title": "2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎",
+    "description": "近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。",
+    "url": "https://segmentfault.com/a/1190000041373049",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "9",
     "rank": 28
   },
   {
-    "title": "精读《2021 前端新秀回顾》",
-    "description": "2021 JavaScript Rising Stars 每年都会对前端开源项目进行点评，其依据是去年 Star 的增幅。Star 虽然只是一个维度，但至少反应了流行度，根据这个排行榜可以大体分析出前端社区的趋势。",
-    "url": "https://segmentfault.com/a/1190000041293523",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "6",
+    "title": "vue原理相关总结",
+    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
+    "url": "https://segmentfault.com/a/1190000041374585",
+    "author": "雨花石",
+    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
+    "votes": "11",
     "rank": 29
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "7",
+    "title": "2年经验面试网易灵犀！太注重工程化了！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
+    "url": "https://segmentfault.com/a/1190000041366695",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "9",
     "rank": 30
   }
 ]