@wcj/github-rank 22.7.26 → 22.7.29

package/web/data/sifou-daily.json

@@ -1,55 +1,55 @@
 [
   {
-    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
-    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
-    "url": "https://segmentfault.com/a/1190000042217200",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
+    "title": "一张图进阶 RocketMQ - 消息存储",
+    "description": "三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...",
+    "url": "https://segmentfault.com/a/1190000042216004",
+    "author": "三此君",
+    "home_url": "https://segmentfault.com/u/sancijun",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "今҈天҈真҈是҈热҈化҈了҈！",
-    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
-    "url": "https://segmentfault.com/a/1190000042217446",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "6",
+    "title": "WGCLOUD可以监测磁盘温度、通电次数、通电时间吗",
+    "description": "可以WGCLOUD监控平台支持监测硬盘的温度，通电次数，通电时间，健康状态如下图",
+    "url": "https://segmentfault.com/a/1190000042233156",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "怎样做才能算是“资深”工程师",
-    "description": "既然是工程师，不管你是上班时做公司项目，还是下班后自己搞外包，最重要的任务就是把脑中的构想通过写代码实现出来，所以实践能力绝对是必要的。就像 Linus Torvalds 的名言“Talk is cheap. Show me the code”，...",
-    "url": "https://segmentfault.com/a/1190000042216610",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "vue3中的setup方法",
+    "description": "props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...",
+    "url": "https://segmentfault.com/a/1190000042234229",
+    "author": "Kyle",
+    "home_url": "https://segmentfault.com/u/ddee",
     "votes": "2",
     "rank": 3
   },
   {
-    "title": "精读《Flip, Fibonacci, AllCombinations...》",
-    "description": "解决 TS 问题的最好办法就是多练，这次解读 type-challenges Medium 难度 49~56 题。精读Flip实现 Flip<T>，将对象 T 中 Key 与 Value 对调： {代码...} 在 keyof 描述对象时可以通过 as 追加变形，所以这...",
-    "url": "https://segmentfault.com/a/1190000042216640",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "2",
+    "title": "WGCLOUD如何分配给不同的用户管理主机",
+    "description": "WGCLOUD从3.3.9开始支持多用户账号管理这个是使用账号管理主机的视频，即管理员可以创建若干个账号，每个账号可以管理自己的主机和监控资源[链接]",
+    "url": "https://segmentfault.com/a/1190000042233145",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "DIMP：Learning Discriminative Model Prediction for Tracking",
-    "description": "与大多数其他视觉问题相比，跟踪需要在推理阶段在线学习鲁棒的特定于目标的外观模型。为了能够进行端到端的培训，目标模型的在线学习因此需要自身嵌入到跟踪体系结构中。由于这些困难，流行的孪生网络仅预测了目...",
-    "url": "https://segmentfault.com/a/1190000042218096",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "title": "自定义React Hooks",
+    "description": "副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用",
+    "url": "https://segmentfault.com/a/1190000042233578",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "图数据库neo4j的PHP库",
-    "description": "git 项目地址 church/neo4j介绍基于PHP的neo4j库，源文档链接地址 neo4j http api安装环境需求PHP >= 7.4安装 {代码...} 用法初始化 {代码...} 查询语句 {代码...} 开启事务 {代码...} 提交事务 {代码...} 延...",
-    "url": "https://segmentfault.com/a/1190000042219418",
-    "author": "church",
-    "home_url": "https://segmentfault.com/u/church",
+    "title": "用户身份标识与账号体系实践",
+    "description": "由于各个业务线的数据入口和管理策略的不同，这样从不同路径下沉淀的数据，可能因为系统边界问题从而被孤立；如果用户数据被分裂，会因为数据不全面给分析决策带来误导；",
+    "url": "https://segmentfault.com/a/1190000042238513",
+    "author": "知了一笑",
+    "home_url": "https://segmentfault.com/u/cicadasmile",
     "votes": "1",
     "rank": 6
   }

package/web/data/sifou-monthly.json

@@ -17,14 +17,23 @@
     "votes": "20",
     "rank": 2
   },
+  {
+    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
+    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
+    "url": "https://segmentfault.com/a/1190000042217200",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "18",
+    "rank": 3
+  },
   {
     "title": "switch 有四样写法你知道么",
     "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
     "url": "https://segmentfault.com/a/1190000042055258",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "16",
-    "rank": 3
+    "votes": "17",
+    "rank": 4
   },
   {
     "title": "叮~您有一封Vue.js挑战邀请函,请查收",
@@ -33,7 +42,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "14",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -42,15 +51,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 5
-  },
-  {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000042069856",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "13",
+    "votes": "14",
     "rank": 7
   },
   {
@@ -71,14 +71,23 @@
     "votes": "12",
     "rank": 8
   },
+  {
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "18",
+    "rank": 9
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
     "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
     "url": "https://segmentfault.com/a/1190000042048392",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "11",
-    "rank": 9
+    "votes": "13",
+    "rank": 10
   },
   {
     "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
@@ -87,16 +96,16 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "13",
-    "rank": 10
+    "rank": 11
   },
   {
-    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
-    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
-    "url": "https://segmentfault.com/a/1190000042094549",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 11
+    "title": "超酷炫的转场动画？CSS 轻松拿下！",
+    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
+    "url": "https://segmentfault.com/a/1190000042184211",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
+    "rank": 12
   },
   {
     "title": "CSS color-scheme 和夜间模式",
@@ -104,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000042184163",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 12
+    "votes": "14",
+    "rank": 13
   },
   {
     "title": "PHP后端面试85问",
@@ -114,16 +123,16 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
-    "rank": 13
+    "rank": 14
   },
   {
-    "title": "超酷炫的转场动画？CSS 轻松拿下！",
-    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
-    "url": "https://segmentfault.com/a/1190000042184211",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "今҈天҈真҈是҈热҈化҈了҈！",
+    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
+    "url": "https://segmentfault.com/a/1190000042217446",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -132,7 +141,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "10",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -141,7 +150,25 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "9",
-    "rank": 16
+    "rank": 17
+  },
+  {
+    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
+    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
+    "url": "https://segmentfault.com/a/1190000042200631",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "10",
+    "rank": 18
+  },
+  {
+    "title": "社区维基：将你的问答捐赠给社区",
+    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
+    "url": "https://segmentfault.com/a/1190000042203704",
+    "author": "fenbox",
+    "home_url": "https://segmentfault.com/u/fenbox",
+    "votes": "8",
+    "rank": 19
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -150,7 +177,16 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "6",
-    "rank": 17
+    "rank": 20
+  },
+  {
+    "title": "搞懂虚拟 DOM 看这一篇就够了",
+    "description": "React 和 Vue 中都有虚拟 DOM，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue 就是借...",
+    "url": "https://segmentfault.com/a/1190000042195199",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "11",
+    "rank": 21
   },
   {
     "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
@@ -159,7 +195,7 @@
     "author": "玛尔斯通",
     "home_url": "https://segmentfault.com/u/zhouqichao",
     "votes": "12",
-    "rank": 18
+    "rank": 22
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -168,16 +204,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "5",
-    "rank": 19
-  },
-  {
-    "title": "esbuild 构建油猴脚本",
-    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
-    "url": "https://segmentfault.com/a/1190000042036660",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
-    "rank": 20
+    "rank": 23
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -186,33 +213,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 21
-  },
-  {
-    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
-    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
-    "url": "https://segmentfault.com/a/1190000042200631",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
-    "rank": 22
-  },
-  {
-    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
-    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
-    "url": "https://segmentfault.com/a/1190000042083758",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "7",
-    "rank": 23
-  },
-  {
-    "title": "几百行代码实现一个 JSON 解析器",
-    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
-    "url": "https://segmentfault.com/a/1190000042042002",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
     "rank": 24
   },
   {
@@ -221,16 +221,16 @@
     "url": "https://segmentfault.com/a/1190000042070687",
     "author": "Rhythm_2019",
     "home_url": "https://segmentfault.com/u/rhythm_2019",
-    "votes": "7",
+    "votes": "8",
     "rank": 25
   },
   {
-    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
-    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
-    "url": "https://segmentfault.com/a/1190000042037852",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "12",
+    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
+    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
+    "url": "https://segmentfault.com/a/1190000042083758",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
+    "votes": "7",
     "rank": 26
   },
   {
@@ -251,6 +251,15 @@
     "votes": "5",
     "rank": 28
   },
+  {
+    "title": "搭建前端监控，采集用户行为的 N 种姿势",
+    "description": "上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。",
+    "url": "https://segmentfault.com/a/1190000042194426",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "8",
+    "rank": 29
+  },
   {
     "title": "从原生 JavaScript 到 React",
     "description": "React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM，所以新手可能想知道 React 带来了什么以及它与 D...",
@@ -258,15 +267,6 @@
     "author": "Yujiaao",
     "home_url": "https://segmentfault.com/u/yujiaao",
     "votes": "7",
-    "rank": 29
-  },
-  {
-    "title": "这些年我开源的几个小项目",
-    "description": "笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的来几个star，不过也给我...",
-    "url": "https://segmentfault.com/a/1190000042182672",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "5",
     "rank": 30
   }
 ]