@wcj/github-rank 22.6.12 → 22.6.15

package/web/data/sifou-daily.json

@@ -1,38 +1,65 @@
 [
   {
-    "title": "JS实现JSON对象与URL参数的相互转换",
-    "description": "JSON对象转换为URL参数，主要有两种实现方式，一种是编辑JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。",
-    "url": "https://segmentfault.com/a/1190000041961440",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "title": "2022中国信通院安全运营发展论坛成功召开",
+    "description": "6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...",
+    "url": "https://segmentfault.com/a/1190000041983409",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑",
-    "description": "近日，TIOBE 出炉了 2022 年 6 月份的编程语言趋势榜单。本次数据显示，C++ 的热度和流行趋势即将超越 Java，而 PHP 热度再下滑，已跌出前十。",
-    "url": "https://segmentfault.com/a/1190000041969334",
+    "title": "使用 content-visibility 优化渲染性能",
+    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
+    "url": "https://segmentfault.com/a/1190000041980427",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "5",
+    "rank": 2
+  },
+  {
+    "title": "Goodbye！27 年“老古董”IE 浏览器迎来“退役”倒计时",
+    "description": "正如此前预告的那样，即将到来的（太平洋时间 6 月 15 日）也就是后天，微软将停止支持其浏览器的最新版本 IE11（Internet Explorer 11），取而代之的是其独家提供的 Microsoft Edge 浏览器。",
+    "url": "https://segmentfault.com/a/1190000041981116",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
+    "rank": 3
+  },
+  {
+    "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
+    "description": "数据库管理工具，是后端程序员使用频率非常高的的工具。Navicat、DataGrip虽然很好用，但都是收费的。最近在逛Github的时候，无意间发现了一款开源的数据库管理工具Beekeeper Studio，界面非常炫酷推荐给大家！",
+    "url": "https://segmentfault.com/a/1190000041979445",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
     "votes": "1",
-    "rank": 2
+    "rank": 4
   },
   {
-    "title": "MMO服务器从零开始(1) - Beacon Server",
-    "description": "为了建立Elixir集群，需要所有 Beam 节点在启动之时就已经知道一个固定的节点用来连接，之后 Beam 会自动完成节点之间的链接，即默认的全连接模式，所有节点两两之间均有连接。关于这一点我还没有深入思考过有没...",
-    "url": "https://segmentfault.com/a/1190000041969087",
-    "author": "dyzdyz010",
-    "home_url": "https://segmentfault.com/u/dyzdyz010",
+    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 办公环境 - 第十三篇 字体安装与windows字体的利用",
+    "description": "正常情况下，系统下的wps或libreoffice用到的字体都已默认安装。但有时候一些ttf字体或者microsoft office下一些字体需要安装。我们可以在安装好office、acrobat之后，将C:\\windows\\Fonts文件夹中的字体（我是win...",
+    "url": "https://segmentfault.com/a/1190000041984709",
+    "author": "码上世界",
+    "home_url": "https://segmentfault.com/u/code4world",
     "votes": "1",
-    "rank": 3
+    "rank": 5
   },
   {
-    "title": "Golang 基础之并发知识 (三)",
-    "description": "大家好，今天将梳理出的 Go语言并发知识内容，分享给大家。 请多多指教，谢谢。本次《Go语言并发知识》内容共分为三个章节，本文为第三章节。Golang 基础之并发知识 (一)Golang 基础之并发知识 (二)Golang 基础之...",
-    "url": "https://segmentfault.com/a/1190000041968934",
-    "author": "帽儿山的枪手",
-    "home_url": "https://segmentfault.com/u/changhao_flag",
+    "title": "我用这些开源项目轻松搭建了一个在线文档平台",
+    "description": "最开始笔者只是想在开源白板项目excalidraw的基础上增加云端存储的功能，因为它的云端保存版是要收费的，况且加个数据库的增删改查也不是什么难事，做完以后想到自己做了一个开源的思维导图mind-map，不如同时也...",
+    "url": "https://segmentfault.com/a/1190000041984047",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "1",
-    "rank": 4
+    "rank": 6
+  },
+  {
+    "title": "DynamicTp v1.0.7版本发布。还在为Dubbo线程池耗尽烦恼吗？还在为Mq消费积压烦恼吗？",
+    "description": "DynamicTp 是一个基于配置中心实现的轻量级动态线程池管理工具，主要功能可以总结为 动态调参、通知报警、运行监控、三方包线程池管理等几大类。",
+    "url": "https://segmentfault.com/a/1190000041983781",
+    "author": "yanhom",
+    "home_url": "https://segmentfault.com/u/yanhom1314",
+    "votes": "1",
+    "rank": 7
   }
 ]

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": "46",
+    "votes": "47",
     "rank": 1
   },
   {
@@ -14,17 +14,26 @@
     "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
+    "votes": "31",
     "rank": 2
   },
+  {
+    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
+    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
+    "url": "https://segmentfault.com/a/1190000041925107",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "28",
+    "rank": 3
+  },
   {
     "title": "如何实现一个能精确同步滚动的Markdown编辑器",
     "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
     "url": "https://segmentfault.com/a/1190000041881142",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "24",
-    "rank": 3
+    "votes": "25",
+    "rank": 4
   },
   {
     "title": "浅谈逻辑选择器 -- 父选择器它来了！",
@@ -32,17 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041860587",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
-    "rank": 4
+    "votes": "29",
+    "rank": 5
   },
   {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "25",
-    "rank": 5
+    "title": "文字轮播与图片轮播？CSS 不在话下",
+    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
+    "url": "https://segmentfault.com/a/1190000041947673",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "31",
+    "rank": 6
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
@@ -51,7 +60,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "22",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -60,15 +69,6 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "22",
-    "rank": 7
-  },
-  {
-    "title": "文字轮播与图片轮播？CSS 不在话下",
-    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
-    "url": "https://segmentfault.com/a/1190000041947673",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
     "rank": 8
   },
   {
@@ -77,7 +77,7 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "18",
+    "votes": "20",
     "rank": 9
   },
   {
@@ -95,18 +95,9 @@
     "url": "https://segmentfault.com/a/1190000041940807",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "22",
     "rank": 11
   },
-  {
-    "title": "如何做新人引导功能？",
-    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
-    "url": "https://segmentfault.com/a/1190000041789636",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "13",
-    "rank": 12
-  },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
     "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
@@ -114,7 +105,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -123,7 +114,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "16",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -132,16 +123,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 15
+    "rank": 14
   },
   {
-    "title": "5分钟带你通过Javascript了解人工智能的基本原理",
-    "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
-    "url": "https://segmentfault.com/a/1190000041843081",
-    "author": "6666",
-    "home_url": "https://segmentfault.com/u/6666",
-    "votes": "10",
-    "rank": 16
+    "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
+    "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
+    "url": "https://segmentfault.com/a/1190000041974425",
+    "author": "水冗水孚",
+    "home_url": "https://segmentfault.com/u/shuirongshui",
+    "votes": "11",
+    "rank": 15
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -150,6 +141,15 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
+    "rank": 16
+  },
+  {
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "10",
     "rank": 17
   },
   {
@@ -171,14 +171,32 @@
     "rank": 19
   },
   {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "9",
+    "title": "搭建前端监控，如何采集异常数据？",
+    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
+    "url": "https://segmentfault.com/a/1190000041962607",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "13",
     "rank": 20
   },
+  {
+    "title": "js面试题(进阶)梳理",
+    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
+    "url": "https://segmentfault.com/a/1190000041855296",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "15",
+    "rank": 21
+  },
+  {
+    "title": "锁定项目 Node 版本和包管理器",
+    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
+    "url": "https://segmentfault.com/a/1190000041918155",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "14",
+    "rank": 22
+  },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
     "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
@@ -186,7 +204,16 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 21
+    "rank": 23
+  },
+  {
+    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
+    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
+    "url": "https://segmentfault.com/a/1190000041953821",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "8",
+    "rank": 24
   },
   {
     "title": "如何自定义 drag 样式",
@@ -195,7 +222,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 22
+    "rank": 25
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -204,60 +231,33 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 23
-  },
-  {
-    "title": "js面试题(进阶)梳理",
-    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
-    "url": "https://segmentfault.com/a/1190000041855296",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "13",
-    "rank": 24
-  },
-  {
-    "title": "锁定项目 Node 版本和包管理器",
-    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
-    "url": "https://segmentfault.com/a/1190000041918155",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "10",
-    "rank": 25
-  },
-  {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
     "rank": 26
   },
-  {
-    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
-    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
-    "url": "https://segmentfault.com/a/1190000041953821",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "6",
-    "rank": 27
-  },
   {
     "title": "CSS 变量自动变色技术",
     "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
     "url": "https://segmentfault.com/a/1190000041914954",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
+    "rank": 27
+  },
+  {
+    "title": "JavaScript精度丢失原因以及解决方案",
+    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
+    "url": "https://segmentfault.com/a/1190000041941297",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
     "votes": "9",
     "rank": 28
   },
   {
-    "title": "13 个Typescript 实用类型：开发人员的备忘单",
-    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
-    "url": "https://segmentfault.com/a/1190000041782911",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
+    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
+    "url": "https://segmentfault.com/a/1190000041926694",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 29
   },
   {
@@ -266,7 +266,7 @@
     "url": "https://segmentfault.com/a/1190000041895680",
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "8",
+    "votes": "10",
     "rank": 30
   }
 ]