@wcj/github-rank 21.10.26 → 21.10.27

package/dist/sifou-daily.json

@@ -1,128 +1,110 @@
 [
   {
-    "title": "CSS 实现文本\"不定行数\"截断",
-    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
-    "url": "https://segmentfault.com/a/1190000040859105",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
+    "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
+    "description": "Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。",
+    "url": "https://segmentfault.com/a/1190000040863000",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "14",
     "rank": 1
   },
   {
-    "title": "第七期:前端九条启发分享",
-    "description": "事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 \"json对象\", 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...",
-    "url": "https://segmentfault.com/a/1190000040857798",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "Python Type Hints 从入门到实践",
+    "description": "Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。",
+    "url": "https://segmentfault.com/a/1190000040864758",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 2
   },
   {
-    "title": "JZ-005-用两个栈实现队列",
-    "description": "用两个栈实现队列题目描述用两个栈来实现一个队列，完成队列的Push和Pop操作。 队列中的元素为int类型。题目链接: 用两个栈实现队列代码 {代码...} 【每日寄语】 所有看起来的幸运，都源自坚持不懈的努力。",
-    "url": "https://segmentfault.com/a/1190000040858362",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "JuiceFS 如何帮助趣头条超大规模 HDFS 降负载",
+    "description": "高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。",
+    "url": "https://segmentfault.com/a/1190000040867703",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "【C进阶】17、++和--操作符分析",
-    "description": "Summary1）++和--参与混合运算结果是不确定的，如r = (i++) + (i++);等C++只规定了++和--对应指令的相对执行次序（取值和自增的相对顺序）++和--对应的汇编指令不一定连续执行在混合运算中，++和--的汇编指令可能...",
-    "url": "https://segmentfault.com/a/1190000040862612",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
-    "votes": "1",
+    "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
+    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。",
+    "url": "https://segmentfault.com/a/1190000040865299",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "[Git系列] Git 基本概念",
-    "description": "版本控制系统版本控制系统是一种帮助软件开发者实现团队合作和历史版本维护的软件，一个版本控制系统应具备以下列出的这几个基本功能：允许开发者并发工作；不允许一个开发者覆写另一个开发者的修改；保存所有版...",
-    "url": "https://segmentfault.com/a/1190000040861576",
-    "author": "良许",
-    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
-    "votes": "1",
+    "title": "程序员如何玩转力扣刷题？",
+    "description": "前言大家好，我是bigsai，好久不见！今天就给各位小伙伴分享我自己刷题力扣的一些小方法，不一定很有用但是可以参考，祝你更高效的变强！最近在一些群聊、私聊中遇到很多的一个问题就是：刷题，大家也都重视到算...",
+    "url": "https://segmentfault.com/a/1190000040866692",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "ABF平台设计（六）微前端渲染框架-YseraMicroServer",
-    "description": "YseraMicroServer 是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。本文将从业务背景、实现思路、运行机制等...",
-    "url": "https://segmentfault.com/a/1190000040861569",
-    "author": "阿里巴巴文娱技术",
-    "home_url": "https://segmentfault.com/u/alibabawenyujishu",
-    "votes": "1",
+    "title": "JZ-006-旋转数组的最小数字",
+    "description": "把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个非递减排序的数组的一个旋转，输出旋转数组的最小元素。NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。题目链接: 旋转数组...",
+    "url": "https://segmentfault.com/a/1190000040864268",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "切记，这样打日志定位 Bug 又快又准！",
-    "description": "日常工作中，程序员需要经常处理线上的各种大小故障，如果业务代码没打印日志或者日志打印的不好，会极大的加大了定位问题的难度，使得解决bug的时间变长了。对于那种影响比较大的bug，处理时间是分秒必争的，慢...",
-    "url": "https://segmentfault.com/a/1190000040857882",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "电脑关机了，内存就没数据了吗？",
+    "description": "大家好，我是周杰伦。提到网络攻击技术，你脑子里首先想到的是什么？是DDoS？是SQL注入、XSS？还是栈溢出、RCE（远程代码执行）？这些最常见的网络攻击技术，基本上都是与网络、软件、代码、程序这些东西相关。这...",
+    "url": "https://segmentfault.com/a/1190000040866883",
+    "author": "代码熬夜敲",
+    "home_url": "https://segmentfault.com/u/2uj39mdb",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Prometheus+InfluxDB+Grafana 打造高逼格监控平台！",
-    "description": "在本模块中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点...",
-    "url": "https://segmentfault.com/a/1190000040857814",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "云原生爱好者周刊：玩 Kubernetes 游戏，赢取免费机票",
+    "description": "云原生一周动态要闻：Grafana 8.2.2 发布OSM（Open Service Mesh）发布 v1.0 的第一个候选版本谷歌宣布推出 Google Distributed CloudKubeSphere 3.2.0 RC 版发布，支持 Kubernetes 1.22开源项目推荐文章推荐",
+    "url": "https://segmentfault.com/a/1190000040864482",
+    "author": "KubeSphere",
+    "home_url": "https://segmentfault.com/u/kubesphere",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "超牛逼的性能监控神器！快速定位线上问题",
-    "description": "今天想总结的东西是最近工作中使用到的测试工具JMH以及Java运行时监控工具Arthas。他们在我的实际工作中也算是帮了大忙。所以在这里抛砖引玉一下这些工具的使用方法。同时也加深一下自己对这些工具的熟悉程度。对...",
-    "url": "https://segmentfault.com/a/1190000040857744",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "跨平台通用账号系统如何选择？Facebook 成出海 App 强力后援",
+    "description": "注册或者登录 App 账号时输入账号或密码，对于大多数用户来说都是一件“难事儿”。一方面手机应用的指数级增加，使得用户记忆账号密码的成本不断叠增；另一方面是用户担心私有信息在账户的泄露问题，希望能有更加便...",
+    "url": "https://segmentfault.com/a/1190000040864385",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "JavaScript 数学曲线—等角螺线",
-    "description": "引子继阿基米德螺线之后，发现等角螺线。OriginMy GitHub简介等角螺线又称为黄金螺线或对数螺线，1638 年 Descartes 发现了等角螺线，后来 Jakob Bernoulli 研究发现了等角螺线自再造的特性，Jakob Bernoulli 对...",
-    "url": "https://segmentfault.com/a/1190000040857182",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "如何用 GPU硬件层加速优化Android系统的游戏流畅度",
+    "description": "作为一款VR实时操作游戏App，我们需要根据重力感应系统，实时监控手机的角度，并渲染出相应位置的VR图像，因此在不同 Android 设备之间，由于使用的芯片组和不同架构的GPU，游戏性能会因此受到影响。举例来说：游...",
+    "url": "https://segmentfault.com/a/1190000040864118",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "linux之rsync远程同步文件",
-    "description": "rsync全名Remote Sync,是类unix下数据镜像的备份工具。可以方便的实现本地,远程备份文件,rsync最重要的一点是支持增量备份。",
-    "url": "https://segmentfault.com/a/1190000040862756",
-    "author": "入门小站",
-    "home_url": "https://segmentfault.com/u/rumenz",
+    "title": "Collectors简单使用",
+    "description": "Collectors类给了toList()和toSet()方法,默认的是ArrayList和HashSet,所以要想使用其他的类型的集合就可以使用这个方法,例如使用LinkedList",
+    "url": "https://segmentfault.com/a/1190000040868807",
+    "author": "peng",
+    "home_url": "https://segmentfault.com/u/peng_586b5e9ca3d78",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "《算法通关之路》邀请你来试读",
-    "description": "第 6 章二分法，虽然二分法是一个比较经典的算法，但对于大部分人一直是个头痛的问题。我每次刷 LeetCode 的时候，常常看不出来要使用二分法，或者知道要用二分法，但花了很长的时间在调试二分法的边界问题。通过...",
-    "url": "https://segmentfault.com/a/1190000040860440",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "title": "基于位运算的权限设计",
+    "description": "基于位运算的权限设计由于这里权限是基于 Bit 的所以需要大家对位以及位操作符需要有一定的认识[TOC]前置知识MDN 位运算符单一权限有且只有一位为 1从右向左，由低到高操作符速记：&按位与：对应位都是 1 则...",
+    "url": "https://segmentfault.com/a/1190000040866790",
+    "author": "伍陆柒",
+    "home_url": "https://segmentfault.com/u/n_makuangmo",
     "votes": "1",
     "rank": 12
-  },
-  {
-    "title": "「The Data Way」1024 特别节目｜一线工程师的开源路",
-    "description": "关于「The Data Way」「The Data Way」是由 SphereEx 公司出品的一档播客节目。这里有开源、数据、技术的故事，同时我们关注开发者的工作日常，也讨论开发者的生活日常；我们聚焦开源，也鼓励开发者积极拥抱开源...",
-    "url": "https://segmentfault.com/a/1190000040859936",
-    "author": "SphereEx",
-    "home_url": "https://segmentfault.com/u/sphereex",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "炸！1024我的故事，一个写了两年博客的大厂码农！",
-    "description": "两年来，11前睡觉，早上6:20起床洗漱🧽、7:20跑步回来🏃，写作✏️或看书一小时，到了周末基本就可以全时间投入到自己到这个小世界里：编写案例、整理博客、发布文章、技术交流、同好扯皮。",
-    "url": "https://segmentfault.com/a/1190000040858009",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "1",
-    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040777100",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "53",
+    "votes": "55",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040797816",
     "author": "y_ck",
     "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "42",
+    "votes": "43",
     "rank": 2
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000040748929",
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "27",
+    "votes": "28",
     "rank": 7
   },
   {
@@ -80,6 +80,15 @@
     "votes": "26",
     "rank": 9
   },
+  {
+    "title": "前端如何防止用户修改水印？",
+    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
+    "url": "https://segmentfault.com/a/1190000040840891",
+    "author": "劉凯里",
+    "home_url": "https://segmentfault.com/u/kyrieliu",
+    "votes": "20",
+    "rank": 10
+  },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
     "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
@@ -87,7 +96,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 10
+    "rank": 11
+  },
+  {
+    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040824694",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "24",
+    "rank": 12
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -96,7 +114,7 @@
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
     "votes": "24",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -105,16 +123,16 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "22",
-    "rank": 12
+    "rank": 14
   },
   {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "rank": 13
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "22",
+    "rank": 15
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -123,7 +141,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 14
+    "rank": 16
+  },
+  {
+    "title": "MySQL灵魂拷问：36题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "19",
+    "rank": 17
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -132,16 +159,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "20",
-    "rank": 15
-  },
-  {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
-    "rank": 16
+    "rank": 18
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -150,24 +168,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 17
-  },
-  {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "17",
-    "rank": 18
-  },
-  {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "15",
     "rank": 19
   },
   {
@@ -215,23 +215,14 @@
     "votes": "19",
     "rank": 24
   },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "16",
-    "rank": 25
-  },
   {
     "title": "正则表达式汇总",
     "description": "整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....",
     "url": "https://segmentfault.com/a/1190000040828004",
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "16",
-    "rank": 26
+    "votes": "17",
+    "rank": 25
   },
   {
     "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
@@ -240,6 +231,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
+    "rank": 26
+  },
+  {
+    "title": "前端如何实现token的无感刷新",
+    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
+    "url": "https://segmentfault.com/a/1190000040850857",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "19",
     "rank": 27
   },
   {