@wcj/github-rank 22.9.19 → 22.9.20

package/web/data/sifou-daily.json

@@ -1,20 +1,56 @@
 [
   {
-    "title": "Docker部署SpringBoot+Redis+RabbitMQ+MySQL+Nginx+Minio",
-    "description": "1.项目简介动物实验管理系统面向生物科技相关人员提供了一系列动物实验相关功能。2.项目架构3.部署平台Win10->VMware->CentOS7->Docker4.具体部署前端部分:dist.zip后端部分:animal.jar、animal.propert...",
-    "url": "https://segmentfault.com/a/1190000042506518",
-    "author": "城中月",
-    "home_url": "https://segmentfault.com/u/chengzhongyue",
+    "title": "新指令 v-memo，提高性能的又一利器",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442388",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "【Java面试】面试遇到宽泛的问题，这么回答就稳了，谈谈你对Redis的理解",
-    "description": "“谈谈你对Redis的理解”!面试的时候遇到这类比较宽泛的问题，是不是很抓狂？是不是不知道从何开始说起？没关系，今天我用3分钟教你怎么回答。大家好，我是Mic，一个工作了14年的Java程序员。这个问题面试官考察的...",
-    "url": "https://segmentfault.com/a/1190000042506660",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "1",
+    "title": "50天用vue3完成了50个web项目，我学到了什么?",
+    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
+    "url": "https://segmentfault.com/a/1190000042509082",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "5",
     "rank": 2
+  },
+  {
+    "title": "精读《State of CSS 2022》",
+    "description": "解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...",
+    "url": "https://segmentfault.com/a/1190000042507985",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
+    "rank": 3
+  },
+  {
+    "title": "深入浅出 JavaScript 中的 this",
+    "description": "笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...",
+    "url": "https://segmentfault.com/a/1190000042509466",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
+    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
+    "url": "https://segmentfault.com/a/1190000042509388",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "微服务开发系列：为什么选择 kotlin",
+    "description": "开发人员可以根据自己需要采用 java 语言开发，但是很明显的，项目中各种工具类已经为了 kotlin 做出了很多修改，如果大量采用 java 开发， 结果可能是比纯 java 开发的速度还要慢。",
+    "url": "https://segmentfault.com/a/1190000042509913",
+    "author": "zxdposter",
+    "home_url": "https://segmentfault.com/u/zxdposter",
+    "votes": "2",
+    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -26,6 +26,15 @@
     "votes": "13",
     "rank": 3
   },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 4
+  },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
     "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
@@ -33,16 +42,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 4
+    "rank": 5
   },
   {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
-    "rank": 5
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "14",
+    "rank": 6
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -51,7 +60,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -60,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -69,15 +78,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 8
-  },
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "12",
     "rank": 9
   },
   {
@@ -95,17 +95,26 @@
     "url": "https://segmentfault.com/a/1190000042443684",
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
-    "votes": "10",
+    "votes": "11",
     "rank": 11
   },
+  {
+    "title": "实现《羊了个羊》的小游戏",
+    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
+    "url": "https://segmentfault.com/a/1190000042502121",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "11",
+    "rank": 12
+  },
   {
     "title": "盘点一些好用的 JS 单行代码",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000042391998",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "12",
-    "rank": 12
+    "votes": "13",
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -114,7 +123,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -123,7 +132,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "7",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -132,7 +141,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -141,7 +150,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -150,7 +159,7 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -159,7 +168,7 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -168,7 +177,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -177,7 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "精读《SolidJS》",
@@ -186,7 +195,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -195,7 +204,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -204,7 +213,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -213,7 +222,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -222,7 +231,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "拒绝加班:巧用前端电子表格中构建公式树",
@@ -231,7 +240,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "性能优化必备——火焰图",
@@ -240,33 +249,24 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "6",
-    "rank": 27
-  },
-  {
-    "title": "高阶 CSS 技巧在复杂动效中的应用",
-    "description": "最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...",
-    "url": "https://segmentfault.com/a/1190000042454840",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
     "rank": 28
   },
   {
-    "title": "金山办公 2022 年技术开放日：文档云原生时代的规模之道",
-    "description": "8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...",
-    "url": "https://segmentfault.com/a/1190000042385637",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "慎用JSON.stringify",
+    "description": "项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。",
+    "url": "https://segmentfault.com/a/1190000042414379",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "7",
     "rank": 29
   },
   {
-    "title": "【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景",
-    "description": "GeoJSON ，一个用于存储地理信息的数据格式。GoeJSON对象可以表示几何、特征或特征集合，支持：点、线、面、多点、多线、多面和几何集合。在基于平面地图，三维地图中都需要用到的一种数据类型。由于这种格式在三...",
-    "url": "https://segmentfault.com/a/1190000042394346",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "深入理解JavaScript-JavaScript 中的始皇",
+    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
+    "url": "https://segmentfault.com/a/1190000042469668",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "3",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042475578",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "votes": "16",
     "rank": 1
   },
   {
@@ -14,9 +14,18 @@
     "url": "https://segmentfault.com/a/1190000042481321",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "12",
+    "votes": "14",
     "rank": 2
   },
+  {
+    "title": "实现《羊了个羊》的小游戏",
+    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
+    "url": "https://segmentfault.com/a/1190000042502121",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "11",
+    "rank": 3
+  },
   {
     "title": "深入理解JavaScript-JavaScript 中的始皇",
     "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
@@ -24,15 +33,6 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "3",
-    "rank": 3
-  },
-  {
-    "title": "实现《羊了个羊》的小游戏",
-    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
-    "url": "https://segmentfault.com/a/1190000042502121",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "7",
     "rank": 4
   },
   {
@@ -81,21 +81,21 @@
     "rank": 9
   },
   {
-    "title": "近期对前端性能优化的总结",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042461022",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "title": "微信小程序转为App并上架应用市场",
+    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
+    "url": "https://segmentfault.com/a/1190000042503461",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "3",
     "rank": 10
   },
   {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "4",
+    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
+    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
+    "url": "https://segmentfault.com/a/1190000042500419",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 11
   },
   {
@@ -107,6 +107,15 @@
     "votes": "2",
     "rank": 12
   },
+  {
+    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
+    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
+    "url": "https://segmentfault.com/a/1190000042475152",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "4",
+    "rank": 13
+  },
   {
     "title": "新时代布局新特性 -- 容器查询",
     "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
@@ -114,7 +123,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -123,7 +132,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "4",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "Taro源码-cli项目创建的过程",
@@ -132,15 +141,6 @@
     "author": "perkz",
     "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
     "votes": "10",
-    "rank": 15
-  },
-  {
-    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
-    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
-    "url": "https://segmentfault.com/a/1190000042500419",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
     "rank": 16
   },
   {
@@ -161,6 +161,15 @@
     "votes": "3",
     "rank": 18
   },
+  {
+    "title": "聊聊单点登录(SSO)中的CAS认证",
+    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
+    "url": "https://segmentfault.com/a/1190000042489268",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "7",
+    "rank": 19
+  },
   {
     "title": "分析了1011个程序员的裁员情况后得出的启示",
     "description": "大家好，我卡颂。大家应该能明显感觉到最近几个月求职环境不太好，但究竟有多不好，具体的情况是什么样的？为了分析程序员职场现状，我进行了裁员情况调查，一共有1011位程序员朋友参与。本文会根据调查结果，为...",
@@ -168,15 +177,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "聊聊单点登录(SSO)中的CAS认证",
-    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
-    "url": "https://segmentfault.com/a/1190000042489268",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "6",
     "rank": 20
   },
   {
@@ -189,40 +189,31 @@
     "rank": 21
   },
   {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "图解JS中的事件循环",
+    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
+    "url": "https://segmentfault.com/a/1190000042485178",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "2",
     "rank": 22
   },
-  {
-    "title": "OpenDataV低代码平台新增组件流程",
-    "description": "OpenDataV计划采用子库的方式添加子组件，即每一个组件都当做一个子库，子库有自己的依赖，而项目本身的依赖只针对框架，因此每一个组件我们都当做一个子库来开发。下面我带着大家一步步详细的开发一个数字展示组...",
-    "url": "https://segmentfault.com/a/1190000042460000",
-    "author": "星星在线",
-    "home_url": "https://segmentfault.com/u/dengshangxing",
-    "votes": "2",
-    "rank": 23
-  },
-  {
-    "title": "如何使用 VS Code 调试 Vue.js 项目？",
-    "description": "简介此教程会以一个全新的 Vue.js 项目作为模板进行配置，你可以跟随教程一步步操作，也可以按照教程将配置添加到已有的项目中。仓库地址：[链接]创建项目通过 vue 提供的 create-vue 脚手架，创建一个 vue3 项目...",
-    "url": "https://segmentfault.com/a/1190000042460617",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/limingxin",
-    "votes": "2",
-    "rank": 24
-  },
   {
     "title": "🦀🦀🦀 一个普通人的前端职业成长之路",
     "description": "大家好，我是 范文杰，一个前端从业者，最近刚写完我的第一本小册《Webpack 核心原理与实践应用》，这对我是一个不小的职业突破，所以不能免俗地想做个总结，分享我这九年工作的成长经历，以及我对前端这个职业的...",
     "url": "https://segmentfault.com/a/1190000042472941",
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "2",
-    "rank": 25
+    "votes": "3",
+    "rank": 23
+  },
+  {
+    "title": "分片上传方案",
+    "description": "一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042501942",
+    "author": "lihaixing",
+    "home_url": "https://segmentfault.com/u/lihaixing",
+    "votes": "1",
+    "rank": 24
   },
   {
     "title": "深入理解JavaScript-instanceof——找祖籍",
@@ -231,16 +222,16 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
-    "rank": 26
+    "rank": 25
   },
   {
-    "title": "【1-1 Golang】Go语言快速入门—基本语法",
-    "description": "Go语言是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。Go语言做到了在不损失应用程序性能的情况下降低代码的复杂性。",
-    "url": "https://segmentfault.com/a/1190000042461965",
-    "author": "西红柿",
-    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
-    "votes": "1",
-    "rank": 27
+    "title": "vivo 全球商城：电商平台通用取货码设计",
+    "description": "随着O2O线上线下业务的不断扩展，电商平台也在逐步完善交易侧相关的产品功能。在最近的需求版本中，业务方为进一步提升用户的使用体验，规划了取货码生成及订单核销相关逻辑，目的是让线上的用户在付完款之后能够...",
+    "url": "https://segmentfault.com/a/1190000042461697",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "5",
+    "rank": 26
   },
   {
     "title": "Taro源码-项目build一个weapp的过程",
@@ -249,23 +240,32 @@
     "author": "perkz",
     "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
     "votes": "3",
+    "rank": 27
+  },
+  {
+    "title": "【1-1 Golang】Go语言快速入门—基本语法",
+    "description": "Go语言是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。Go语言做到了在不损失应用程序性能的情况下降低代码的复杂性。",
+    "url": "https://segmentfault.com/a/1190000042461965",
+    "author": "西红柿",
+    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "vivo 全球商城：电商平台通用取货码设计",
-    "description": "随着O2O线上线下业务的不断扩展，电商平台也在逐步完善交易侧相关的产品功能。在最近的需求版本中，业务方为进一步提升用户的使用体验，规划了取货码生成及订单核销相关逻辑，目的是让线上的用户在付完款之后能够...",
-    "url": "https://segmentfault.com/a/1190000042461697",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "5",
+    "title": "5分钟自建数据库可视化平台，在线管理数据库也太方便了！",
+    "description": "作为程序员，我们经常会使用客户端来管理数据库，但是却很少使用能管理数据库的在线服务。今天给大家推荐一个可以在线可视化管理数据库的开源工具Bytebase，不仅可以方便地管理数据库，还支持SQL审核和备份恢复，...",
+    "url": "https://segmentfault.com/a/1190000042475414",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
     "rank": 29
   },
   {
-    "title": "史上最全python基础知识点笔记大全 300多页 32个pdf",
-    "description": "本文主要介绍一些平时经常会用到的python基础知识点，用于加深印象，也算是对于学习这门语言的一个总结与回顾。笔记整理一共300+多页，共32章节，32个pdf文件，md语法，用来非常顺手，可以说是史上最全的python知...",
-    "url": "https://segmentfault.com/a/1190000042460554",
-    "author": "雨未歇 ?",
-    "home_url": "https://segmentfault.com/u/yuweixie",
+    "title": "一文看懂Node处理CPU密集型任务的方法有哪些",
+    "description": "Node是一个非阻塞I/O(non-blocking I/O)和事件驱动(event-driven)的JavaScript运行环境(runtime)，所以它非常适合用来构建I/O密集型应用，例如Web服务等。",
+    "url": "https://segmentfault.com/a/1190000042471511",
+    "author": "进击的大葱",
+    "home_url": "https://segmentfault.com/u/jinjidedacong",
     "votes": "1",
     "rank": 30
   }