@wcj/github-rank 22.10.19 → 22.10.21

package/dist/sifou-daily.json

@@ -1,92 +1,74 @@
 [
   {
-    "title": "CSS 绘制一只思否猫",
-    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
-    "url": "https://segmentfault.com/a/1190000042643893",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
+    "title": "超强的苹果官网滚动文字特效实现",
+    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
+    "url": "https://segmentfault.com/a/1190000042653533",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 1
   },
   {
-    "title": "第一个可以在条件语句中使用的原生hook诞生了",
-    "description": "大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...",
-    "url": "https://segmentfault.com/a/1190000042635772",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "3",
+    "title": "Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9",
+    "description": "过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...",
+    "url": "https://segmentfault.com/a/1190000042657582",
+    "author": "MobTech袤博",
+    "home_url": "https://segmentfault.com/u/mobtech",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.11",
-    "description": "hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...",
-    "url": "https://segmentfault.com/a/1190000042638725",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "1",
+    "title": "头大了，我的Sentry为什么上报错误不准",
+    "description": "“瞎子过河记”项目的监控报错机制使用 Sentry，为了更好的定位到错误，所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路（基础教...",
+    "url": "https://segmentfault.com/a/1190000042658579",
+    "author": "江湖人称007",
+    "home_url": "https://segmentfault.com/u/wujiantao_5a06ffda461ec",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
-    "description": "Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...",
-    "url": "https://segmentfault.com/a/1190000042636388",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "1",
+    "title": "js使用input实现双向slider",
+    "description": "手动实现双向slider通过使用两个input实现双向slider1. HTML大致结构如下 {代码...} 2. 样式改造使用两个range类型的input，然后修改样式。隐藏自身滑动颜色使得叠加展示range都能拖动兼容调整拖动圆圈样式 {代码...",
+    "url": "https://segmentfault.com/a/1190000042658020",
+    "author": "可可乐滋滋",
+    "home_url": "https://segmentfault.com/u/kekelezizi",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航",
-    "description": "通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？",
-    "url": "https://segmentfault.com/a/1190000042635667",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "2",
+    "title": "VS Code For Web 深入浅出 -- 进程间通信篇",
+    "description": "在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。",
+    "url": "https://segmentfault.com/a/1190000042653911",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "2022前端面试总结",
-    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
-    "url": "https://segmentfault.com/a/1190000042638751",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "title": "分布式ID生成服务的技术原理和项目实战",
+    "description": "导读 ID在我们的开发工作和日常生活中使用的非常频繁，几乎只要是在开发就会天天打交道，它的应用场景十分广泛，比如：身份证号，下单生成的订单号，购买的联合会员商品的兑换券码。不同场景对ID生成服务的要求不...",
+    "url": "https://segmentfault.com/a/1190000042653623",
+    "author": "百度Geek说",
+    "home_url": "https://segmentfault.com/u/baidujiagoushi",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "京东云TiDB SQL优化的最佳实践",
-    "description": "用户的 SQL 请求会直接或者通过 Load Balancer 发送到 京东云TiDB Server，TiDB Server 会解析 MySQL Protocol Packet，获取请求内容，对 SQL 进行语法解析和语义分析，制定和优化查询计划，执行查询计划并获取和...",
-    "url": "https://segmentfault.com/a/1190000042636268",
-    "author": "京东云开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "title": "为什么 async/await 不仅仅是句法糖",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042652969",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "MyBatis-Plus同款Elasticsearch ORM框架，用起来够优雅！",
-    "description": "使用过Spring Data操作ES的小伙伴应该有所了解，它只能实现一些非常基本的数据管理工作，一旦遇到稍微复杂点的查询，基本都要依赖ES官方提供的RestHighLevelClient，Spring Data只是在其基础上进行了简单的封装。...",
-    "url": "https://segmentfault.com/a/1190000042635525",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "【5-1 Golang】实战—Go程序分析利器pprof",
+    "description": "不知道你有没有遇到这种情况，Go服务总是是不是的响应非常慢排查发现所有的依赖还都挺快，感觉是Go服务自身慢又不知道怎么慢在哪里；或者说请求甚至完全没响应，Go服务明明在正常运行，请求去哪儿了...",
+    "url": "https://segmentfault.com/a/1190000042653223",
+    "author": "西红柿",
+    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
     "votes": "1",
     "rank": 8
-  },
-  {
-    "title": "滴滴开源的APM方案Dokit接入",
-    "description": "DoKit是一款面向泛前端产品研发全生命周期的效率平台，目前支持诸如Android、 iOS、小程序、Flutter和Web等多个平台。并且，随着dokit.cn平台端的推出，也标志着DoKit已经从单纯的效率工具正式进入了效率工具平台...",
-    "url": "https://segmentfault.com/a/1190000042643408",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "规则引擎深度对比，LiteFlow vs Drools！",
-    "description": "Drools是一款老牌的java规则引擎框架，早在十几年前，我刚工作的时候，曾在一家第三方支付企业工作。在核心的支付路由层面我记得就是用Drools来做的。",
-    "url": "https://segmentfault.com/a/1190000042635731",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "2",
-    "rank": 10
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "25",
+    "votes": "26",
     "rank": 1
   },
   {
@@ -14,17 +14,26 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
+    "votes": "28",
     "rank": 2
   },
+  {
+    "title": "CSS 绘制一只思否猫",
+    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
+    "url": "https://segmentfault.com/a/1190000042643893",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "22",
+    "rank": 3
+  },
   {
     "title": "那些你不知道的炫酷按钮交互效果",
     "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
     "url": "https://segmentfault.com/a/1190000042517595",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "22",
-    "rank": 3
+    "votes": "23",
+    "rank": 4
   },
   {
     "title": "单标签实现复杂的棋盘布局",
@@ -33,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "一个被忽略的前端细分领域",
@@ -42,16 +51,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 5
+    "rank": 6
   },
   {
-    "title": "50天用vue3完成了50个web项目，我学到了什么?",
-    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
-    "url": "https://segmentfault.com/a/1190000042509082",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "20",
-    "rank": 6
+    "title": "思否猫拼接怪编辑器",
+    "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
+    "url": "https://segmentfault.com/a/1190000042632786",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "11",
+    "rank": 7
   },
   {
     "title": "35+，如果面试让我手写红黑树！",
@@ -59,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000042581816",
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "11",
-    "rank": 7
+    "votes": "12",
+    "rank": 8
   },
   {
     "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
@@ -69,7 +78,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "12",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "超强的纯 CSS 鼠标点击拖拽效果",
@@ -78,7 +87,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "借助 :has 实现3d轮播图",
@@ -87,7 +96,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "10",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "漫画 | Serverless + Data，让后端告别搬砖！",
@@ -96,7 +105,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "12",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
@@ -105,7 +114,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "10",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -114,15 +123,6 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "10",
-    "rank": 13
-  },
-  {
-    "title": "思否猫拼接怪编辑器",
-    "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
-    "url": "https://segmentfault.com/a/1190000042632786",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "9",
     "rank": 14
   },
   {
@@ -152,6 +152,15 @@
     "votes": "18",
     "rank": 17
   },
+  {
+    "title": "10分钟教你写一个数据库",
+    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
+    "url": "https://segmentfault.com/a/1190000042613900",
+    "author": "艾小仙",
+    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
+    "votes": "7",
+    "rank": 18
+  },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
     "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
@@ -159,7 +168,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
@@ -168,7 +177,7 @@
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "7",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -177,16 +186,25 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 20
+    "rank": 21
   },
   {
-    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
-    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
-    "url": "https://segmentfault.com/a/1190000042509388",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "6",
-    "rank": 21
+    "title": "「数字无限人生」：技术人的精彩时代",
+    "description": "18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...",
+    "url": "https://segmentfault.com/a/1190000042582695",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
+    "rank": 22
+  },
+  {
+    "title": "浅谈移动端单屏解决方案",
+    "description": "文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...",
+    "url": "https://segmentfault.com/a/1190000042587022",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
+    "votes": "5",
+    "rank": 23
   },
   {
     "title": "面试说：聊聊JavaScript中的数据类型",
@@ -195,7 +213,16 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "9",
-    "rank": 22
+    "rank": 24
+  },
+  {
+    "title": "SegmentFault 思否 Top Writer 榜单｜2022年第三季度",
+    "description": "他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。",
+    "url": "https://segmentfault.com/a/1190000042647263",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "8",
+    "rank": 25
   },
   {
     "title": "2022 SegmentFault 思否程序员大调查",
@@ -204,7 +231,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 23
+    "rank": 26
   },
   {
     "title": "从前端到全栈 -- 最全面向对象总结",
@@ -213,16 +240,7 @@
     "author": "程序员海军",
     "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "7",
-    "rank": 24
-  },
-  {
-    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
-    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
-    "url": "https://segmentfault.com/a/1190000042507363",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "4",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "快速了解 inert 属性",
@@ -231,7 +249,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "5",
-    "rank": 26
+    "rank": 28
+  },
+  {
+    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
+    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
+    "url": "https://segmentfault.com/a/1190000042627779",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "8",
+    "rank": 29
   },
   {
     "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
@@ -240,33 +267,6 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "3",
-    "rank": 27
-  },
-  {
-    "title": "一个新视角：前端框架们都卷错方向了？",
-    "description": "大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...",
-    "url": "https://segmentfault.com/a/1190000042549062",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
-    "rank": 28
-  },
-  {
-    "title": "华为王泽锋：协作创新、开源的魅力所在",
-    "description": "受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...",
-    "url": "https://segmentfault.com/a/1190000042589829",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 29
-  },
-  {
-    "title": "「数字无限人生」：技术人的精彩时代",
-    "description": "18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...",
-    "url": "https://segmentfault.com/a/1190000042582695",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
     "rank": 30
   }
 ]