@wcj/github-rank 22.7.4 → 22.7.7

package/web/data/sifou-daily.json

@@ -1,92 +1,11 @@
 [
   {
-    "title": "web 跨域请求安全问题",
-    "description": "说起前端安全问题，大部分都听过 XSS 和 CSRF 这两个名词，前端面试中我们也经常会问这两个点作为 web 安全的一些基础考察。但大部分只是从浅谈辄止，停留在基本词义，很少有人真正去主动实践过安全，并且思考背...",
-    "url": "https://segmentfault.com/a/1190000042062676",
-    "author": "混沌福王",
-    "home_url": "https://segmentfault.com/u/flywang",
-    "votes": "3",
-    "rank": 1
-  },
-  {
-    "title": "压缩 js 代码就用 terser",
-    "description": "在 webpack 配置文件 webpack.config.js 中通过将 mode 设置为 development 或者 production，会对代码进行不同的处理。",
-    "url": "https://segmentfault.com/a/1190000042063402",
-    "author": "一颗冰淇淋",
-    "home_url": "https://segmentfault.com/u/icecreamlj",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "vue,首页优化",
-    "description": "问题,首页sql group by,导致速度慢, 一天大概10万数据上线半年左右,sql变10s+方案首页sql, group数据单独查询 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042063186",
-    "author": "张泽",
-    "home_url": "https://segmentfault.com/u/zhangze_5da81e69b6108",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "如何通过缩短客服响应时间来避免潜在客户的流失",
-    "description": "大多数客户愿意在诉求快速响应的企业上投入更多，我们认为这是优质服务，公司足够重视客户的需求，有一家权威机构通过调研62% 的公司根本不及时回复客户的诉求！令人遗憾的是，很多企业未能意识到这个风险。",
-    "url": "https://segmentfault.com/a/1190000042063110",
-    "author": "MicroStone",
-    "home_url": "https://segmentfault.com/u/microstone",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "全网都在疯传的《老板管理手册》（转）",
-    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
-    "url": "https://segmentfault.com/a/1190000042063056",
-    "author": "Young",
-    "home_url": "https://segmentfault.com/u/young_6082714523e64",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "聊聊支付流程的设计与实现逻辑",
-    "description": "通常在业务体系中，都会或多或少的涉及到支付相关的功能；对于一些经验欠缺同学来说，最紧张的就是面对这类支付结算的逻辑，因为流程中的任何细节问题，都可能引发对账异常的情况；",
-    "url": "https://segmentfault.com/a/1190000042063037",
-    "author": "知了一笑",
-    "home_url": "https://segmentfault.com/u/cicadasmile",
+    "title": "三步就能在OpenHarmony中实现车牌识别",
+    "description": "介绍本车牌识别项目是基于开源项目 EasyPR（Easy to do Plate Recognition）实现。EasyPR 是一个开源的中文车牌识别系统，基于 OpenCV 开源库开发。本项目使用润和 HiSpark Taurus AI Camera(Hi3516DV300) 摄像头...",
+    "url": "https://segmentfault.com/a/1190000042075182",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
     "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "今天聊聊电商系统中红包活动设计！",
-    "description": "红包雨是一个典型的高并发场景，短时间内有海量请求访问服务端，技术团队为了让系统运行顺畅，抢红包采用了基于 Redis + Lua 脚本的设计方案。",
-    "url": "https://segmentfault.com/a/1190000042062726",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "微信小程序ssm电影院购票+后台管理系统|前后分离VUE",
-    "description": "​ 博主介绍：✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌项目名称微信小程序ssm电影院购票+后台管理系统|前后分离VUE系统说明本系统包含微信小程序前台和Java做的...",
-    "url": "https://segmentfault.com/a/1190000042062552",
-    "author": "欧阳小白",
-    "home_url": "https://segmentfault.com/u/ouyangxiaobai",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "servlet徐州旅游网站管理系统",
-    "description": "​ 博主介绍：✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌项目名称servlet徐州旅游网站管理系统视频效果[链接]系统说明4.2.1 前台界面显示界面,其功能如下:(1)徐州...",
-    "url": "https://segmentfault.com/a/1190000042062539",
-    "author": "欧阳小白",
-    "home_url": "https://segmentfault.com/u/ouyangxiaobai",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "Linux：top命令 – 实时显示系统运行状态",
-    "description": "语法格式 {代码...} 常用参数参数释义-d <秒>改变显示的更新速度-c切换显示模式-s安全模式，不允许交互式指令-i不显示任何闲置或僵死的行程-n设定显示的总次数，完成后将会自动退出-b批处理模式，不进行交...",
-    "url": "https://segmentfault.com/a/1190000042062498",
-    "author": "banbogou",
-    "home_url": "https://segmentfault.com/u/tianl",
-    "votes": "1",
-    "rank": 10
+    "rank": 1
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "29",
+    "votes": "30",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041940807",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
+    "votes": "26",
     "rank": 3
   },
   {
@@ -59,9 +59,27 @@
     "url": "https://segmentfault.com/a/1190000042011578",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
+    "votes": "17",
     "rank": 7
   },
+  {
+    "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": "17",
+    "rank": 8
+  },
+  {
+    "title": "switch 有四样写法你知道么",
+    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
+    "url": "https://segmentfault.com/a/1190000042055258",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "14",
+    "rank": 9
+  },
   {
     "title": "JS实现将文本或JSON内容下载到文件中",
     "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
@@ -69,7 +87,7 @@
     "author": "十方",
     "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
     "votes": "11",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -78,7 +96,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 9
+    "rank": 11
+  },
+  {
+    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
+    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
+    "url": "https://segmentfault.com/a/1190000042065365",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 12
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
@@ -87,7 +114,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "11",
-    "rank": 10
+    "rank": 13
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -96,16 +123,16 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "12",
-    "rank": 11
+    "rank": 14
   },
   {
-    "title": "React Suspense 尝鲜,处理前后端IO异步操作",
-    "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
-    "url": "https://segmentfault.com/a/1190000041992773",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "7",
-    "rank": 12
+    "title": "视觉还原小技巧！CSS 实现角标效果",
+    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
+    "url": "https://segmentfault.com/a/1190000042038058",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 15
   },
   {
     "title": "Redis都有哪些使用场景",
@@ -113,8 +140,17 @@
     "url": "https://segmentfault.com/a/1190000041985101",
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "9",
-    "rank": 13
+    "votes": "10",
+    "rank": 16
+  },
+  {
+    "title": "React Suspense 尝鲜,处理前后端IO异步操作",
+    "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
+    "url": "https://segmentfault.com/a/1190000041992773",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "7",
+    "rank": 17
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -123,16 +159,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 14
+    "rank": 18
   },
   {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 15
+    "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": 19
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -140,8 +176,8 @@
     "url": "https://segmentfault.com/a/1190000042012558",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 16
+    "votes": "12",
+    "rank": 20
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -150,16 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "9",
-    "rank": 18
+    "rank": 21
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
@@ -168,25 +195,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 19
-  },
-  {
-    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
-    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
-    "url": "https://segmentfault.com/a/1190000041953821",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
-    "rank": 20
-  },
-  {
-    "title": "JavaScript精度丢失原因以及解决方案",
-    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
-    "url": "https://segmentfault.com/a/1190000041941297",
-    "author": "沉静地闪光",
-    "home_url": "https://segmentfault.com/u/007008",
-    "votes": "10",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -195,7 +204,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "7",
-    "rank": 22
+    "rank": 23
+  },
+  {
+    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
+    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
+    "url": "https://segmentfault.com/a/1190000041953821",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "9",
+    "rank": 24
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？",
@@ -204,7 +222,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "6",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "玩转 AbortController 控制器",
@@ -213,16 +231,7 @@
     "author": "jump__jump",
     "home_url": "https://segmentfault.com/u/jump_and_jump",
     "votes": "6",
-    "rank": 24
-  },
-  {
-    "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": 25
+    "rank": 26
   },
   {
     "title": "精读《type challenges - easy》",
@@ -231,7 +240,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 26
+    "rank": 27
+  },
+  {
+    "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": 28
   },
   {
     "title": "为什么Hook没有ErrorBoundary？",
@@ -240,32 +258,14 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
-    "rank": 27
-  },
-  {
-    "title": "使用 content-visibility 优化渲染性能",
-    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
-    "url": "https://segmentfault.com/a/1190000041980427",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 28
-  },
-  {
-    "title": "几百行代码实现一个 JSON 解析器",
-    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
-    "url": "https://segmentfault.com/a/1190000042042002",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
     "rank": 29
   },
   {
-    "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",
+    "title": "又拍云 Redis 的改进之路",
+    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
+    "url": "https://segmentfault.com/a/1190000042048198",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
     "rank": 30
   }