@wcj/github-rank 22.7.9 → 22.7.12

package/web/data/sifou-daily.json

@@ -1,20 +1,83 @@
 [
   {
-    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
+    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
+    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
+    "url": "https://segmentfault.com/a/1190000042093361",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 1
+  },
+  {
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
+    "rank": 2
+  },
+  {
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042036969",
+    "url": "https://segmentfault.com/a/1190000042092852",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
+    "rank": 3
+  },
+  {
+    "title": "Go学习笔记-Zap日志",
+    "description": "mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。",
+    "url": "https://segmentfault.com/a/1190000042094912",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "1",
-    "rank": 1
+    "rank": 4
+  },
+  {
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "2",
+    "rank": 5
   },
   {
-    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
-    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
-    "url": "https://segmentfault.com/a/1190000042083758",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
+    "title": "记录遇到的一个循环依赖问题",
+    "description": "但是我在使用的时候却报了notifyService的循环依赖。NG0200: Circular dependency in DI detected for ThyNotifyService如图",
+    "url": "https://segmentfault.com/a/1190000042096697",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
-    "rank": 2
+    "rank": 6
+  },
+  {
+    "title": "DNS 系列（二）：DNS 记录及工作方式，你了解吗？",
+    "description": "在上一篇《DNS 系列（一）：为什么更新了 DNS 记录不生效？》中，我们主要讲解了 DNS 和 DNS 传播，知道了网络通信主要通过 IP 地址来进行，而域名系统（DNS）则是保证用户在浏览器中输入域名之后，可以访问到对...",
+    "url": "https://segmentfault.com/a/1190000042094981",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "精读《MinusOne, PickByType, StartsWith...》",
+    "description": "TS 没有 “普通” 的运算能力，但涉及数字却有一条生路，即 TS 可通过 ['length'] 访问数组长度，几乎所有数字计算都是通过它推导出来的。",
+    "url": "https://segmentfault.com/a/1190000042092948",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "用原生Go写一个自己的博客-搭建项目",
+    "description": "可以在环境中设置代理goproxy.cn避免国内下包出错启动服务最开始可以先对一个端口18080启动一个服务： {代码...} 效果：没有404，说明服务启动成功。添加localhost:18080/响应接下来，我们在index这个func可以添...",
+    "url": "https://segmentfault.com/a/1190000042095188",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,16 +14,16 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "30",
+    "votes": "33",
     "rank": 2
   },
   {
-    "title": "搭建前端监控，如何采集异常数据？",
-    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
-    "url": "https://segmentfault.com/a/1190000041962607",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "20",
+    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
+    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
+    "url": "https://segmentfault.com/a/1190000042070334",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
     "rank": 3
   },
   {
@@ -44,23 +44,14 @@
     "votes": "19",
     "rank": 5
   },
-  {
-    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
-    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
-    "url": "https://segmentfault.com/a/1190000042070334",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 6
-  },
   {
     "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": "17",
-    "rank": 7
+    "votes": "18",
+    "rank": 6
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -69,7 +60,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "switch 有四样写法你知道么",
@@ -77,17 +68,8 @@
     "url": "https://segmentfault.com/a/1190000042055258",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "14",
-    "rank": 9
-  },
-  {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "11",
-    "rank": 10
+    "votes": "15",
+    "rank": 8
   },
   {
     "title": "视觉还原小技巧！CSS 实现角标效果",
@@ -95,17 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042038058",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 11
-  },
-  {
-    "title": "干货合集│最好用的 python 库都在这",
-    "description": "🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...",
-    "url": "https://segmentfault.com/a/1190000041962217",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "11",
-    "rank": 12
+    "votes": "17",
+    "rank": 9
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -113,8 +86,26 @@
     "url": "https://segmentfault.com/a/1190000042012558",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 13
+    "votes": "14",
+    "rank": 10
+  },
+  {
+    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
+    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
+    "url": "https://segmentfault.com/a/1190000042064246",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "12",
+    "rank": 11
+  },
+  {
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "11",
+    "rank": 12
   },
   {
     "title": "Redis都有哪些使用场景",
@@ -123,7 +114,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "10",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -132,7 +123,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -141,16 +132,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 16
-  },
-  {
-    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
-    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
-    "url": "https://segmentfault.com/a/1190000042064246",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "10",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -159,7 +141,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "8",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -168,7 +150,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
@@ -177,7 +159,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "使用 content-visibility 优化渲染性能",
@@ -186,25 +168,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
-    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
-    "url": "https://segmentfault.com/a/1190000041953821",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
-    "rank": 22
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？",
-    "description": "简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...",
-    "url": "https://segmentfault.com/a/1190000041953534",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "6",
-    "rank": 23
+    "rank": 19
   },
   {
     "title": "Sass应用之实现主题切换",
@@ -213,25 +177,7 @@
     "author": "玛尔斯通",
     "home_url": "https://segmentfault.com/u/zhouqichao",
     "votes": "7",
-    "rank": 24
-  },
-  {
-    "title": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
-    "votes": "6",
-    "rank": 25
-  },
-  {
-    "title": "构建基于React18的电子表格程序",
-    "description": "2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。",
-    "url": "https://segmentfault.com/a/1190000041959594",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "5",
-    "rank": 26
+    "rank": 20
   },
   {
     "title": "使用CSS background实现炫酷悬停效果",
@@ -240,7 +186,16 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "9",
-    "rank": 27
+    "rank": 21
+  },
+  {
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "votes": "6",
+    "rank": 22
   },
   {
     "title": "为什么Hook没有ErrorBoundary？",
@@ -249,7 +204,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
-    "rank": 28
+    "rank": 23
+  },
+  {
+    "title": "esbuild 构建油猴脚本",
+    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
+    "url": "https://segmentfault.com/a/1190000042036660",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "6",
+    "rank": 24
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -258,15 +222,51 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
+    "rank": 25
+  },
+  {
+    "title": "几百行代码实现一个 JSON 解析器",
+    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
+    "url": "https://segmentfault.com/a/1190000042042002",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "5",
+    "rank": 26
+  },
+  {
+    "title": "React新文档：不要滥用Ref哦～",
+    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
+    "url": "https://segmentfault.com/a/1190000041991074",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "9",
+    "rank": 27
+  },
+  {
+    "title": "Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队",
+    "description": "2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。",
+    "url": "https://segmentfault.com/a/1190000041995552",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "7",
+    "rank": 28
+  },
+  {
+    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
+    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
+    "url": "https://segmentfault.com/a/1190000042044168",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
+    "votes": "10",
     "rank": 29
   },
   {
-    "title": "esbuild 构建油猴脚本",
-    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
-    "url": "https://segmentfault.com/a/1190000042036660",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
+    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
+    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
+    "url": "https://segmentfault.com/a/1190000042037852",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "11",
     "rank": 30
   }
 ]