@wcj/github-rank 21.10.14 → 21.10.15

package/dist/sifou-daily.json

@@ -1,38 +1,137 @@
 [
   {
-    "title": "左手IRR，右手NPV，掌握发家致富道路密码",
-    "description": "但是落脚到很小的例子之上，假如项目A和项目B都可以投资25W，而现在的贴现率是15%（贴现率：指将来的钱折算到现在后，少掉/多出的那部分钱与将来的钱的比值），我们投哪个项目更加划算呢？",
-    "url": "https://segmentfault.com/a/1190000040804260",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "title": "实战经验分享：使用 PyO3 来构建你的 Python 模块",
+    "description": "PyO3 主要用于创建原生 Python 的扩展模块。PyO3 还支持从 Rust 二进制文件运行 Python 代码并与之交互，可以实现 rust 与 Python 代码共存。在一些对性能要求较高的模块上，可以考虑使用 PyO3 构建对应的功能模...",
+    "url": "https://segmentfault.com/a/1190000040811460",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
-    "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
-    "url": "https://segmentfault.com/a/1190000040803264",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "8",
+    "title": "前端-html和css基础知识",
+    "description": "一个网页包含了html元素 Css JavaScript，Html元素决定了网页结构，Css进行了修饰美化，JavaScript控制了交互行为和动态效果。",
+    "url": "https://segmentfault.com/a/1190000040812329",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "Elasticsearch 存储成本省 60%，稿定科技干货分享",
-    "description": "稿定科技旗下稿定设计产品是一个聚焦商业设计的多场景在线设计平台，打破了软硬件间的技术限制，汇集创意内容与设计工具于一体，为不同场景下的设计需求提供优质的解决方案，满足图片、视频等全类型媒介的设计需...",
-    "url": "https://segmentfault.com/a/1190000040806031",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
-    "votes": "3",
+    "title": "图形学之纹理后续/WebGL多纹理处理",
+    "description": "背景本篇收录于《数据可视化和图形学》专栏之前介绍纹理相关的理论及简单使用 有需要可以参考上文 , 在上文基础进行多纹理实践(更多是帮助群内小伙伴提前脱坑!!!!)本篇大纲多纹理渲染实现思路多纹理渲染coding(几...",
+    "url": "https://segmentfault.com/a/1190000040809960",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "分享一些web前端开发好用的网站",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
-    "url": "https://segmentfault.com/a/1190000040804708",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "3",
+    "title": "LeetCode-091-解码方法",
+    "description": "题目描述：一条包含字母 A-Z 的消息通过以下映射进行了 编码 ：'A' -> 1'B' -> 2...'Z' -> 26要 解码 已编码的消息，所有数字必须基于上述映射的方法，反向映射回字母（可能有多种方法）。例如，\"11106\"...",
+    "url": "https://segmentfault.com/a/1190000040814471",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 4
+  },
+  {
+    "title": "LeetCode-028-实现 strStr()",
+    "description": "题目描述：实现 strStr() 函数。给你两个字符串 haystack 和 needle ，请你在 haystack 字符串中找出 needle 字符串出现的第一个位置（下标从 0 开始）。如果不存在，则返回 -1 。示例说明请见LeetCode官网。来源...",
+    "url": "https://segmentfault.com/a/1190000040810335",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "title": "今又重阳，感恩敬老",
+    "description": "今又重阳，感恩敬老原创 Linden灵动 Linden灵动 10-14专业专注 共建共赢岁岁重阳 今又重阳倍思亲人 佩戴茱萸赴会赏菊 登高望远共享大好时光 祈愿长长久久重阳，农历九月初九。“九”在《易经》中为阳数，“两九”相重...",
+    "url": "https://segmentfault.com/a/1190000040812120",
+    "author": "昶",
+    "home_url": "https://segmentfault.com/u/_611a17baa92de",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "Sanitizer：给你的DOM消消毒",
+    "description": "大家好，我卡颂。业务中经常遇到需要处理有风险的DOM的场景，比如：各种工具的文本粘贴功能需要渲染服务端返回HTML的场景为了阻止潜在的XSS攻击，有两个选择：escape（转义）sanitize（消毒）本文会介绍这两者的...",
+    "url": "https://segmentfault.com/a/1190000040809349",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "程序员反卷指南 - 打工人也需要生活",
+    "description": "没错，就是关于互联网行业各个公司的部门作息时间！还含有新人是否需要写日报/周报等信息。这可以说是又打响了 \"拒绝996\" 的第二枪了！(第一枪当然是 996.ICU )",
+    "url": "https://segmentfault.com/a/1190000040813128",
+    "author": "蓝色的秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "你知道近来年大火的DDD是如何兴起的吗？以及与微服务的关系",
+    "description": "我们先不讨论DDD的定义，先梳理一下DDD火起来的背景，根据我学习的套路，永远是为什么为先，再是解决什么问题，是什么东西，最后如何使用。我们都知道这些年随着设备以及技术的发展，软件架构发生了很多变化，从...",
+    "url": "https://segmentfault.com/a/1190000040813814",
+    "author": "风平浪静如码",
+    "home_url": "https://segmentfault.com/u/fengpinglangjingruma",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "Vue3使用 Ant Design Vue",
+    "description": "vue 项目请自行创建1.项目添加npm i --save ant-design-vue@next -S2.main.js 添加 ant-design-vue 组件",
+    "url": "https://segmentfault.com/a/1190000040813579",
+    "author": "捕风",
+    "home_url": "https://segmentfault.com/u/bofeng",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "50天用react.js重写50个web项目，我学到了什么？",
+    "description": "1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...",
+    "url": "https://segmentfault.com/a/1190000040813435",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "【TCP/IP】IP地址与数据报",
+    "description": "IP地址与数据报在TCP/IP通信中，互相连接的网络使用IP地址对主机和路由器进行标识数据报记录了传输过程的相关信息，包含IP地址、大小以及分片信息等IPv4IPv61 IPv4定义分类广播地址子网掩码首部1.1 定义地址形式4...",
+    "url": "https://segmentfault.com/a/1190000040813349",
+    "author": "怼怼",
+    "home_url": "https://segmentfault.com/u/_607c00baa52ff",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Apache ShardingSphere 在京东白条场景的落地之旅",
+    "description": "京东白条使用 Apache ShardingSphere 解决了千亿数据存储和扩容的问题，为大促活动奠定了基础。2014 年初，“京东白条”作为业内互联网信用支付产品，数据量爆发式的增长，每一次大促备战都是对技术人员的考验，每...",
+    "url": "https://segmentfault.com/a/1190000040811241",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "npm install 报错 （npm ERR! code EINTEGRITY）",
+    "description": "1、删除本地的 package-lock.json 文件2、更新自己的 npm 版本 （npm i -g npm）3、清空 npm 缓存 （npm cache clean --force | npm cache verif）4、重新安装 （npm install）",
+    "url": "https://segmentfault.com/a/1190000040810501",
+    "author": "Mr_hyc",
+    "home_url": "https://segmentfault.com/u/mr_hyc",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
+    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
+    "url": "https://segmentfault.com/a/1190000040809122",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "1",
+    "rank": 15
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040721650",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "60",
+    "votes": "61",
     "rank": 1
   },
   {
@@ -17,14 +17,23 @@
     "votes": "49",
     "rank": 2
   },
+  {
+    "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
+    "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
+    "url": "https://segmentfault.com/a/1190000040777100",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "42",
+    "rank": 3
+  },
   {
     "title": "从0到1开发一款自己的vscode插件",
     "description": "大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...",
     "url": "https://segmentfault.com/a/1190000040720760",
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "30",
-    "rank": 3
+    "votes": "31",
+    "rank": 4
   },
   {
     "title": "前端监控 SDK 的一些技术要点原理分析",
@@ -32,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "26",
-    "rank": 4
+    "votes": "27",
+    "rank": 5
   },
   {
     "title": "Nginx服务器常见配置清单备忘录",
@@ -42,24 +51,15 @@
     "author": "CodeSheep",
     "home_url": "https://segmentfault.com/u/hansonwang99",
     "votes": "30",
-    "rank": 5
-  },
-  {
-    "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
-    "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
-    "url": "https://segmentfault.com/a/1190000040777100",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "34",
     "rank": 6
   },
   {
-    "title": "技术人必看的各类工具书籍",
-    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
-    "url": "https://segmentfault.com/a/1190000040725587",
-    "author": "阿里巴巴淘系技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "26",
+    "title": "基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "35",
     "rank": 7
   },
   {
@@ -68,18 +68,27 @@
     "url": "https://segmentfault.com/a/1190000040741939",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
+    "votes": "27",
     "rank": 8
   },
   {
-    "title": "基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇",
-    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
-    "url": "https://segmentfault.com/a/1190000040688086",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "33",
+    "title": "技术人必看的各类工具书籍",
+    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
+    "url": "https://segmentfault.com/a/1190000040725587",
+    "author": "阿里巴巴淘系技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "26",
     "rank": 9
   },
+  {
+    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040692431",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "37",
+    "rank": 10
+  },
   {
     "title": "如何阅读源码 —— 以 Vetur 为例",
     "description": "我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：",
@@ -87,7 +96,7 @@
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "26",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
@@ -95,16 +104,7 @@
     "url": "https://segmentfault.com/a/1190000040747951",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "33",
-    "rank": 11
-  },
-  {
-    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040692431",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "36",
+    "votes": "34",
     "rank": 12
   },
   {
@@ -125,6 +125,15 @@
     "votes": "18",
     "rank": 14
   },
+  {
+    "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
+    "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
+    "url": "https://segmentfault.com/a/1190000040777921",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "24",
+    "rank": 15
+  },
   {
     "title": "从零搭建一个前端cli脚手架并发布到npm",
     "description": "在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...",
@@ -132,7 +141,16 @@
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
     "votes": "19",
-    "rank": 15
+    "rank": 16
+  },
+  {
+    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
+    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000040797816",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "25",
+    "rank": 17
   },
   {
     "title": "妙用 background 实现花式文字效果",
@@ -141,16 +159,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 16
+    "rank": 18
   },
   {
-    "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
-    "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
-    "url": "https://segmentfault.com/a/1190000040777921",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 17
+    "title": "写个vscode插件, 帮助阅读i18n项目的代码",
+    "description": "作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...",
+    "url": "https://segmentfault.com/a/1190000040773678",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "20",
+    "rank": 19
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -158,8 +176,8 @@
     "url": "https://segmentfault.com/a/1190000040766151",
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
-    "votes": "21",
-    "rank": 18
+    "votes": "23",
+    "rank": 20
   },
   {
     "title": "尝试对 jsjiami 加密结果手工解密",
@@ -168,16 +186,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 19
-  },
-  {
-    "title": "写个vscode插件, 帮助阅读i18n项目的代码",
-    "description": "作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...",
-    "url": "https://segmentfault.com/a/1190000040773678",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "19",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -186,7 +195,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "摊牌了，做为前端，我经常在用的15个国外网站",
@@ -195,15 +204,6 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "21",
-    "rank": 22
-  },
-  {
-    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
-    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000040797816",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "17",
     "rank": 23
   },
   {