@wcj/github-rank 22.6.19 → 22.6.22

package/web/data/sifou-daily.json

@@ -1 +1,47 @@
-[]
+[
+  {
+    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "url": "https://segmentfault.com/a/1190000042012599",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
+    "rank": 1
+  },
+  {
+    "title": "如何移除你项目中99%的JS代码",
+    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
+    "url": "https://segmentfault.com/a/1190000042011578",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "3",
+    "rank": 2
+  },
+  {
+    "title": "带你精通防抖与节流",
+    "description": "本文将介绍防抖与节流的概念、应用场景、代码实现，其中代码实现参考了 lodash 的源码，剔除了其中参数类型与运行环境的检测，使代码更简洁易懂，方便学习理解。",
+    "url": "https://segmentfault.com/a/1190000042015119",
+    "author": "清隆",
+    "home_url": "https://segmentfault.com/u/qinglong_62898aa51988d",
+    "votes": "2",
+    "rank": 3
+  },
+  {
+    "title": "有意思的鼠标指针交互探究",
+    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
+    "url": "https://segmentfault.com/a/1190000042012558",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "2",
+    "rank": 4
+  },
+  {
+    "title": "混合开发UIwebview遇到的坑",
+    "description": "混合开发时，UIwebview不支持H5视图中overflow属性为scroll的盒子超出视图宽度（图片渲染的情况）现象：滚动区域会变空白解决：1、雪碧图，利用图片定位方式更新图片2、利用better scroll或者iscroll模拟overflow...",
+    "url": "https://segmentfault.com/a/1190000042014570",
+    "author": "ZekiHoo",
+    "home_url": "https://segmentfault.com/u/zekihoo",
+    "votes": "0",
+    "rank": 5
+  }
+]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "48",
+    "votes": "49",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "37",
+    "votes": "38",
     "rank": 2
   },
   {
@@ -26,23 +26,14 @@
     "votes": "31",
     "rank": 3
   },
-  {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "28",
-    "rank": 4
-  },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
     "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
     "url": "https://segmentfault.com/a/1190000041925107",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "29",
-    "rank": 5
+    "votes": "30",
+    "rank": 4
   },
   {
     "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
@@ -51,16 +42,7 @@
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
     "votes": "23",
-    "rank": 6
-  },
-  {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "25",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -68,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "21",
-    "rank": 8
+    "votes": "22",
+    "rank": 6
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -78,7 +60,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "CSS 实现头像名称首字符自动占位",
@@ -87,7 +69,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "23",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -96,7 +78,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "23",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -105,7 +87,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "19",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
@@ -114,7 +96,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 13
+    "rank": 11
+  },
+  {
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "17",
+    "rank": 12
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -123,7 +114,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "锁定项目 Node 版本和包管理器",
@@ -132,7 +123,7 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "17",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -141,6 +132,15 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
+    "rank": 15
+  },
+  {
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "10",
     "rank": 16
   },
   {
@@ -152,6 +152,24 @@
     "votes": "11",
     "rank": 17
   },
+  {
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "11",
+    "rank": 18
+  },
+  {
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "16",
+    "rank": 19
+  },
   {
     "title": "干货合集│最好用的 python 库都在这",
     "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
@@ -159,7 +177,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "8",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -168,16 +186,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 19
-  },
-  {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "10",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -186,15 +195,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "9",
     "rank": 22
   },
   {
@@ -224,6 +224,15 @@
     "votes": "10",
     "rank": 25
   },
+  {
+    "title": "前端性能监测，Runtime Performance Debug 技巧",
+    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
+    "url": "https://segmentfault.com/a/1190000041990709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
+    "rank": 26
+  },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
     "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
@@ -231,7 +240,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "8",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -240,7 +249,7 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "CSS 变量自动变色技术",
@@ -249,7 +258,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -258,15 +267,6 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "9",
-    "rank": 29
-  },
-  {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
     "rank": 30
   }
 ]