@wcj/github-rank 22.9.30 → 22.10.2

package/web/data/sifou-weekly.json

@@ -5,16 +5,16 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "votes": "16",
     "rank": 1
   },
   {
-    "title": "当你 git push 时，极狐GitLab上发生了什么？",
-    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
-    "url": "https://segmentfault.com/a/1190000042537837",
-    "author": "极狐GitLab",
-    "home_url": "https://segmentfault.com/u/jihu_gitlab",
-    "votes": "8",
+    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
+    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
+    "url": "https://segmentfault.com/a/1190000042554569",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "10",
     "rank": 2
   },
   {
@@ -27,40 +27,22 @@
     "rank": 3
   },
   {
-    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
-    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
-    "url": "https://segmentfault.com/a/1190000042535848",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！",
+    "description": "Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...",
+    "url": "https://segmentfault.com/a/1190000042560534",
+    "author": "波波Nadia",
+    "home_url": "https://segmentfault.com/u/bobonadia",
     "votes": "4",
     "rank": 4
   },
   {
-    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
-    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
-    "url": "https://segmentfault.com/a/1190000042554569",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "3",
-    "rank": 5
-  },
-  {
-    "title": "前端必读3.0：如何在 Angular 中使用SpreadJS实现导入和导出 Excel 文件",
-    "description": "在之前的文章中，我们为大家分别详细介绍了在JavaScript、React中使用SpreadJS导入和导出Excel文件的方法，作为带给广大前端开发者的“三部曲”，本文我们将为大家介绍该问题在Angular中的实现。Excel 电子表格自 1...",
-    "url": "https://segmentfault.com/a/1190000042538156",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "面试说：聊聊JavaScript中的数据类型",
-    "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
-    "url": "https://segmentfault.com/a/1190000042539876",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
+    "title": "别整一坨 CSS 代码了，试试这几个实用函数",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042540445",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "一个新视角：前端框架们都卷错方向了？",
@@ -69,16 +51,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "3",
-    "rank": 8
-  },
-  {
-    "title": "别整一坨 CSS 代码了，试试这几个实用函数",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042540445",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.9",
@@ -87,61 +60,43 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
-    "rank": 10
+    "rank": 7
   },
   {
-    "title": "超详细的 Angular 国际化方案",
-    "description": "第一次在 Angular 框架上落地国际化方案，将 Eoapi 的经验分享给大家～1. 项目背景需要支持 Web 和 Electron 桌面端技术栈Angular 14Electron 19NG-ZORR 13.0.62. 可能遇到的困难各语言下样式不统一，例如阿拉伯...",
-    "url": "https://segmentfault.com/a/1190000042536913",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "title": "现代 JavaScript 库打包指南",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042529806",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 11
+    "rank": 8
   },
   {
-    "title": "微信跳转到支付宝App自动领取赏金红包",
-    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
-    "url": "https://segmentfault.com/a/1190000042535910",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "1",
-    "rank": 12
+    "title": "5 种瀑布流场景的实现原理解析",
+    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
+    "url": "https://segmentfault.com/a/1190000042562451",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "4",
+    "rank": 9
   },
   {
-    "title": "Wasmtime1.0发布：更稳定、超安全、超快速",
-    "description": "美东时间 9 月 20 日，Bytecode Alliance 宣布经过三年开发，正式迎来 Wasmtime 1.0 版本。Wasmtime 是创建在编译器 Cranelift 之上的 WebAssembly Runtime。Wasmtime 利用 Rust 编程语言，完全开源并符合 WASI。...",
-    "url": "https://segmentfault.com/a/1190000042536292",
-    "author": "松宝写代码",
-    "home_url": "https://segmentfault.com/u/saucxs",
-    "votes": "1",
-    "rank": 13
+    "title": "Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！",
+    "description": "本月，Eolink 旗下专注做开源 API 管理工具的 Eoapi 联合实时数据服务平台的 Tapdata 发布首款合作插件——导入 Tapdata 数据插件，大家一定很好奇 Tapdata 和 Eoapi 如何实现联动呢？",
+    "url": "https://segmentfault.com/a/1190000042557390",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 10
   },
   {
-    "title": "PHP实现单用户登录",
-    "description": "2、在验证用户是否登录的模块中，若用户已登录，将用户数据库中的token取出，并且制作一个最新的token，两者判断是否相等，若不相等，用户下线；",
-    "url": "https://segmentfault.com/a/1190000042540322",
-    "author": "阿山",
-    "home_url": "https://segmentfault.com/u/a_shan",
+    "title": "前端web实现（@、At、艾特）选人或引用数据",
+    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
+    "url": "https://segmentfault.com/a/1190000042563289",
+    "author": "xmanlin",
+    "home_url": "https://segmentfault.com/u/dxpang",
     "votes": "2",
-    "rank": 14
-  },
-  {
-    "title": "Python项目管理： Poetry",
-    "description": "Poetry 是Python 中用于依赖管理和打包的工具。它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。",
-    "url": "https://segmentfault.com/a/1190000042542063",
-    "author": "冷冻工厂",
-    "home_url": "https://segmentfault.com/u/gone_63231de16383b",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "React Hooks之useDebugValue - 代替console.log来调试Hook",
-    "description": "而useDebugValue的优势在于，用useDebugValue输出的值，是和DevTools中的Hook状态一起动态显示的，不需要在DevTools和Console面板中切换查看Hook状态和console.log输出。",
-    "url": "https://segmentfault.com/a/1190000042535705",
-    "author": "jinling",
-    "home_url": "https://segmentfault.com/u/liushuigs",
-    "votes": "1",
-    "rank": 16
+    "rank": 11
   },
   {
     "title": "在 Vue 中，使用 $attrs 构建高级组件",
@@ -149,17 +104,8 @@
     "url": "https://segmentfault.com/a/1190000042472592",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "Eclipse Theia技术揭秘——构建桌面IDE",
-    "description": "在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简单介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。",
-    "url": "https://segmentfault.com/a/1190000042536405",
-    "author": "码出世界",
-    "home_url": "https://segmentfault.com/u/codeteenager",
-    "votes": "1",
-    "rank": 18
+    "votes": "3",
+    "rank": 12
   },
   {
     "title": "Go 为什么能火？归功于这 5 个方面",
@@ -168,34 +114,34 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
-    "rank": 19
+    "rank": 13
   },
   {
-    "title": "彻底掌握Makeifle（三）",
-    "description": "彻底掌握Makeifle（三）前言在前面的文章彻底掌握Makefile（一）和彻底掌握Makefile（二）当中，我们简要的介绍了一些常见的makefile使用方法，在本篇文章当中我们将继续介绍一些makefile当中的常见用法。Makefil...",
-    "url": "https://segmentfault.com/a/1190000042542159",
-    "author": "一无是处的研究僧",
-    "home_url": "https://segmentfault.com/u/chang_lehung",
-    "votes": "1",
-    "rank": 20
+    "title": "angular 附件上传  以及深拷贝",
+    "description": "ts里的深拷贝本来想着点击取消，恢复数据后，能取消掉实体的改动。比如如下图， 恢复数据后，A 能恢复到 a 数据的状态。 但是，经过测试发现,并没有。测试的代码, 可以看到。 带星号的代码1.ngOnInit（）的时候复...",
+    "url": "https://segmentfault.com/a/1190000042558152",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
+    "rank": 14
   },
   {
-    "title": "现代 JavaScript 库打包指南",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042529806",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "angular 指令",
+    "description": "首先就是如何在组件中使用指令，也就是我们所熟悉的selector,这里的selector规则与组件不同，组件在使用是是直接作为标签来使用如：",
+    "url": "https://segmentfault.com/a/1190000042558126",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
     "votes": "3",
-    "rank": 21
+    "rank": 15
   },
   {
-    "title": "vue封装第三方组件",
-    "description": "我们可能在工作中经常会遇到这样的场景，需要基于某个UI组件库（本文以Vuetify为例，其他的也同理）封装一个可复用的组件，不仅要实现自定义功能，还希望能沿用第三方组件本身提供的属性，事件等。举几个具体的栗...",
-    "url": "https://segmentfault.com/a/1190000042538522",
-    "author": "想要一只柴",
-    "home_url": "https://segmentfault.com/u/abasitiancangku",
-    "votes": "2",
-    "rank": 22
+    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
+    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
+    "url": "https://segmentfault.com/a/1190000042559544",
+    "author": "xiaoluoboding",
+    "home_url": "https://segmentfault.com/u/xlbd",
+    "votes": "1",
+    "rank": 16
   },
   {
     "title": "Vue.js设计与实现(电子版)源码学习",
@@ -204,25 +150,16 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "深入理解JavaScript-this关键字",
-    "description": "在讲 Function、作用域 时，我们都讲到了 this，因为 JavaScript 中的作用域是词法作用域，在哪里定义，就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域，调用时去寻找它所处的位置。那个...",
-    "url": "https://segmentfault.com/a/1190000042552418",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
-    "rank": 24
+    "rank": 17
   },
   {
-    "title": "HTTP - TLS1.3 初次解读",
-    "description": "在HTTP - HTTPS（TLS1.2）中，笔者介绍了目前世界主流的TLS1.2协议的相关知识点，文中从HTTP的缺陷、SSL的历史、信息加密的主要手段、数字证书、以及最为关键的TLS1.2交互过程介绍了现今HTTPS的关键部分内容。",
-    "url": "https://segmentfault.com/a/1190000042543825",
-    "author": "Xander",
-    "home_url": "https://segmentfault.com/u/lazytimes",
+    "title": "Monaco Editor 中的 Keybinding 机制",
+    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
+    "url": "https://segmentfault.com/a/1190000042562942",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
     "votes": "2",
-    "rank": 25
+    "rank": 18
   },
   {
     "title": "手写编程语言-递归函数是如何实现的？",
@@ -231,7 +168,7 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "1",
-    "rank": 26
+    "rank": 19
   },
   {
     "title": "SegmentFault 思否技术周刊 — 学 Java 能做什么？",
@@ -240,7 +177,34 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
-    "rank": 27
+    "rank": 20
+  },
+  {
+    "title": "深入理解JavaScript-this关键字",
+    "description": "在讲 Function、作用域 时，我们都讲到了 this，因为 JavaScript 中的作用域是词法作用域，在哪里定义，就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域，调用时去寻找它所处的位置。那个...",
+    "url": "https://segmentfault.com/a/1190000042552418",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
+    "rank": 21
+  },
+  {
+    "title": "HTTP - TLS1.3 初次解读",
+    "description": "在HTTP - HTTPS（TLS1.2）中，笔者介绍了目前世界主流的TLS1.2协议的相关知识点，文中从HTTP的缺陷、SSL的历史、信息加密的主要手段、数字证书、以及最为关键的TLS1.2交互过程介绍了现今HTTPS的关键部分内容。",
+    "url": "https://segmentfault.com/a/1190000042543825",
+    "author": "Xander",
+    "home_url": "https://segmentfault.com/u/lazytimes",
+    "votes": "2",
+    "rank": 22
+  },
+  {
+    "title": "项目篇：高并发内存池",
+    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
+    "url": "https://segmentfault.com/a/1190000042558168",
+    "author": "夜枫微凉",
+    "home_url": "https://segmentfault.com/u/yefengweiliang",
+    "votes": "1",
+    "rank": 23
   },
   {
     "title": "前端动效讲解与实战",
@@ -249,7 +213,7 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "3",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "一万小时真的能成为专家吗？",
@@ -258,15 +222,51 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "2",
-    "rank": 29
+    "rank": 25
+  },
+  {
+    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
+    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
+    "url": "https://segmentfault.com/a/1190000042565433",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "2",
+    "rank": 26
+  },
+  {
+    "title": "用这招监听 Vue 的插槽变化",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042554193",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
+    "rank": 27
   },
   {
-    "title": "A+文档丨Azure MySQL 数据库高可用性解析",
-    "description": "数据库是整个 IT 系统中必不可少服务之一，其高可用性也一直是系统设计环节中的关键考虑要素。在评估 MySQL 数据库的高可用性时，主要考虑两个方面：",
-    "url": "https://segmentfault.com/a/1190000042535638",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "前端设计走查平台实践（前端篇）",
+    "description": "随着前端业务的不断发展，前端对设计稿的还原程度也成为了影响用户对产品体验的一个关键指标，作为最靠近用户侧的研发，前端工程师通常需要和设计师同学通力配合来提升用户体验。其中，设计走查是设计同学最常见...",
+    "url": "https://segmentfault.com/a/1190000042548605",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
     "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
+    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
+    "url": "https://segmentfault.com/a/1190000042563735",
+    "author": "HullQin",
+    "home_url": "https://segmentfault.com/u/hullqin",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "2022年 SegmentFault 思否程序员大调查",
+    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
+    "url": "https://segmentfault.com/a/1190000042566696",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
     "rank": 30
   }
 ]