@wcj/github-rank 22.8.3 → 22.8.4

package/dist/sifou-daily.json

@@ -1,47 +1,83 @@
 [
   {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
+    "title": "如何查看所有测试历史？进来学习下",
+    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
+    "url": "https://segmentfault.com/a/1190000042265021",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "我用这一招让团队的开发效率提升了 100%!",
-    "description": "我在一家做微信营销的公司干技术 leader，带 40 多个人，公司名就不说了。在这个位置上做了好几年，把团队从小带大，公司虽然不算风口浪尖上的高增长业务，但技术这块儿也从来没出过什么问题，我还是蛮自豪的。",
-    "url": "https://segmentfault.com/a/1190000042260021",
-    "author": "迷茫的可乐",
-    "home_url": "https://segmentfault.com/u/mimangdekele",
-    "votes": "1",
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "JavaScript WebGL 三维相关概念",
-    "description": "三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 4 个分量，这种表示方式称为齐次坐标，它将一个原本 n 维向量用一个 n+1 维向量表示。比如向量 (x, y, z) 的齐次坐标可表示为 (x, y, z, w)。这...",
-    "url": "https://segmentfault.com/a/1190000042256231",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "Driver.js - 开源无依赖的 web 新手交互引导工具库，功能强大、高度可定制",
+    "description": "Driver.js 是一个可以轻松实现新手指引交互的 javascript 工具库，主要的作用是为刚接触应用的新手用户快速了解产品，帮助用户把注意力聚焦到某项功能，从而快速熟悉我们的开发的产品，截止发文 star 已经高达 13...",
+    "url": "https://segmentfault.com/a/1190000042261924",
+    "author": "搬不要钱的砖",
+    "home_url": "https://segmentfault.com/u/thosefree",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "微体系-多端全栈项目实战：商业级代驾全流程落地完结无密",
-    "description": "工作1-3年的后端同学，面对晋升或者跳槽时经常被攻击的点是：技能点不熟练，大型项目生疏。很多人有苦说不出，公司平台没有机会，自己能怎么办？别慌！本课程就用一个商业级的多端全栈型代驾项目，带你补齐硬核经...",
-    "url": "https://segmentfault.com/a/1190000042260556",
-    "author": "一身肌肉的桔子",
-    "home_url": "https://segmentfault.com/u/yishenjiroudejiezi",
-    "votes": "1",
+    "title": "type=\"module\" 你了解，但 type=\"importmap\" 你知道吗",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042261401",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "OpenInfra Days China 2022 云原生技术与应用实践论坛议程全览",
-    "description": "一年一度的 OpenInfra Days China 又要启航了。在过去的一年里国内的开源基础设施技术仍然在不断得发展进化，伴随着 OpenStack 技术的高速发展与成熟，以及进入云原生时代后越来越多的开源基础设施技术的涌现，Op...",
-    "url": "https://segmentfault.com/a/1190000042257466",
+    "title": "CED 2022 | 第二届 1024 中国工程师文化日正式启动",
+    "description": "近几年，随着全球数字化转型的飞速进展，工程师文化在国内越来越被重视甚至普及。自去年“第一届 1024 中国工程师文化日 CCF CED ”举办以来，激发工程师潜力的活动便备受业界关注。今年，我们即将于 10 月 23 日在...",
+    "url": "https://segmentfault.com/a/1190000042262134",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 5
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效",
+    "description": "CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。",
+    "url": "https://segmentfault.com/a/1190000042262023",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "前端晋升答辩-性能优化篇范式",
+    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
+    "url": "https://segmentfault.com/a/1190000042264240",
+    "author": "胡哥有话说",
+    "home_url": "https://segmentfault.com/u/justbecoder",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "【技术白皮书】第二章：OCR智能文字识别回顾——自然语言文本发展历程",
+    "description": "从自然语言文本中获取结构化信息的研究最早开始于20世纪60年代中期，这被看作是信息抽取技术的初始研究，它以两个长期的、研究性的自然语言处理项目为代表。",
+    "url": "https://segmentfault.com/a/1190000042263209",
+    "author": "合合技术团队",
+    "home_url": "https://segmentfault.com/u/huikaichedemianbao",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "【技术白皮书】第一章：OCR智能文字识别新发展——深度学习的文本信息抽取",
+    "description": "信息抽取 （Information Extraction） 是把原始数据中包含的信息进行结构化处理，变成表格一样的组织形式。输入信息抽取系统的是原始数据，输出的是固定格式的信息点，即从原始数据当中抽取有用的信息。信息抽取...",
+    "url": "https://segmentfault.com/a/1190000042262749",
+    "author": "合合技术团队",
+    "home_url": "https://segmentfault.com/u/huikaichedemianbao",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/dist/sifou-monthly.json

@@ -26,6 +26,15 @@
     "votes": "21",
     "rank": 3
   },
+  {
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
+    "rank": 4
+  },
   {
     "title": "超酷炫的转场动画？CSS 轻松拿下！",
     "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
@@ -33,7 +42,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "18",
-    "rank": 4
+    "rank": 5
+  },
+  {
+    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
+    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
+    "url": "https://segmentfault.com/a/1190000042093361",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
+    "rank": 6
   },
   {
     "title": "CSS color-scheme 和夜间模式",
@@ -42,16 +60,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 5
-  },
-  {
-    "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": "14",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -60,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "使用CSS background实现炫酷悬停效果",
@@ -69,24 +78,15 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "14",
-    "rank": 8
+    "rank": 9
   },
   {
-    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
-    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
-    "url": "https://segmentfault.com/a/1190000042094549",
+    "title": "提升web输入体验！JS 如何自动配对标点符号？",
+    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
+    "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
-    "rank": 9
-  },
-  {
-    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
-    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
-    "url": "https://segmentfault.com/a/1190000042093361",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
+    "votes": "11",
     "rank": 10
   },
   {
@@ -95,18 +95,9 @@
     "url": "https://segmentfault.com/a/1190000042203704",
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "11",
+    "votes": "12",
     "rank": 11
   },
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 12
-  },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
     "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
@@ -114,7 +105,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "PHP后端面试85问",
@@ -123,7 +114,7 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -132,7 +123,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "10",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -141,7 +132,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "7",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -150,7 +141,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "14",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -159,6 +150,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "11",
+    "rank": 17
+  },
+  {
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042092852",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "10",
     "rank": 18
   },
   {
@@ -185,7 +185,7 @@
     "url": "https://segmentfault.com/a/1190000042194426",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "10",
+    "votes": "11",
     "rank": 21
   },
   {
@@ -207,12 +207,12 @@
     "rank": 23
   },
   {
-    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042092852",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
+    "title": "梳理 Webpack 知识体系与学习资源推荐",
+    "description": "前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...",
+    "url": "https://segmentfault.com/a/1190000042232699",
+    "author": "JackySummer",
+    "home_url": "https://segmentfault.com/u/jackysummer",
+    "votes": "13",
     "rank": 24
   },
   {
@@ -224,15 +224,6 @@
     "votes": "8",
     "rank": 25
   },
-  {
-    "title": "梳理 Webpack 知识体系与学习资源推荐",
-    "description": "前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...",
-    "url": "https://segmentfault.com/a/1190000042232699",
-    "author": "JackySummer",
-    "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "13",
-    "rank": 26
-  },
   {
     "title": "Nginx 实战核心知识点整理（上）",
     "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
@@ -240,7 +231,7 @@
     "author": "Rhythm_2019",
     "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "8",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "通向架子工的前端开发利器推荐",
@@ -249,7 +240,7 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "8",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "Nginx部署配置",
@@ -258,7 +249,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "5",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "合理使用线程池以及线程变量",
@@ -267,6 +258,15 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "6",
+    "rank": 29
+  },
+  {
+    "title": "从原生 JavaScript 到 React",
+    "description": "React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM，所以新手可能想知道 React 带来了什么以及它与 D...",
+    "url": "https://segmentfault.com/a/1190000042196411",
+    "author": "Yujiaao",
+    "home_url": "https://segmentfault.com/u/yujiaao",
+    "votes": "7",
     "rank": 30
   }
 ]