@wcj/github-rank 22.8.6 → 22.8.9

package/dist/sifou-daily.json

@@ -1,38 +1,83 @@
 [
   {
-    "title": "算法复杂度",
-    "description": "评估一个算法的性能主要依据其时间复杂度和空间复杂度来确定。时间复杂度是指该算法运行的时间长短。空间复杂度是指该算法运行占用的内存大小。复杂度越低越好，越短小越好。时间比空间更重要。",
-    "url": "https://segmentfault.com/a/1190000042277209",
-    "author": "冰封百度",
-    "home_url": "https://segmentfault.com/u/bingfengbaidu",
-    "votes": "1",
+    "title": "使用 CSS 构建强大且酷炫的粒子动画",
+    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
+    "url": "https://segmentfault.com/a/1190000042283578",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "【Java面试】讲下线程池的线程回收",
-    "description": "大家好，我是Mic，一个工作了14年的Java程序员。最近很多小伙伴私信我，让我说一些线程池相关的问题。线程池这个方向考察的点还挺多的，如果只是靠刷面试题面试官很容易就能识别出来，我随便举几个。线程池是如何...",
-    "url": "https://segmentfault.com/a/1190000042274807",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "1",
+    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
+    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
+    "url": "https://segmentfault.com/a/1190000042282658",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "HDD杭州站•ArkUI让开发更灵活",
-    "description": "7月15日的HUAWEI Developer Day（简称HDD）杭州站活动中，HarmonyOS技术专家分享了ArkUI的多款新特性，详细解析了这些新特性如何助力开发更灵活，并透露了ArkUI的下一步计划。下面，小编带您了解本次活动中Harmon...",
-    "url": "https://segmentfault.com/a/1190000042273939",
-    "author": "HarmonyOS开发者",
-    "home_url": "https://segmentfault.com/u/harmonyos",
-    "votes": "1",
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "7",
     "rank": 3
   },
   {
-    "title": "一张图看懂 SQL 的各种 join 用法！",
-    "description": "下图展示了 LEFT JOIN、RIGHT JOIN、INNER JOIN、OUTER JOIN 相关的 7 种用法。具体分解如下：1.INNER JOIN（内连接） {代码...} 2.LEFT JOIN（左连接） {代码...} 3.RIGHT JOIN（右连接） {代码...} 4.OUTER JOI...",
-    "url": "https://segmentfault.com/a/1190000042273020",
-    "author": "TimeFriends",
-    "home_url": "https://segmentfault.com/u/timefriends",
+    "title": "基于微信云开发的幼儿园招生报名小程序",
+    "description": "园方人员根据资料可以做预先审核，并提示用户修改完善资料，并可查看和导出名单Excel，审核报名记录等，大大减少了现场报名的人力成本，数字化手段提高了工作效率， 也为家长节省了时间。",
+    "url": "https://segmentfault.com/a/1190000042284989",
+    "author": "CC同学呀",
+    "home_url": "https://segmentfault.com/u/ccxiaoyoulu",
     "votes": "1",
     "rank": 4
+  },
+  {
+    "title": "记录遇到的mongoDb问题, 以及restTemplate请求重试",
+    "description": "最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...",
+    "url": "https://segmentfault.com/a/1190000042287505",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "title": "mongoDb查询中遇到的问题",
+    "description": "返回的数据样式：可以看到这样查询后会将从表查询到的数据添加到主表数据中，也就是说在mongoDb中并不需要在实体中加入关联实体，只需加入关联实体的Id即可。如果还想要加入其他查询条件，只需像下面这样加入crit...",
+    "url": "https://segmentfault.com/a/1190000042283317",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "[开源项目]可观测、易使用的SpringBoot线程池",
+    "description": "在开发spring boot应用服务的时候，难免会使用到异步任务及线程池。spring boot的线程池是可以自定义的，所以我们经常会在项目里面看到类似于下面这样的代码",
+    "url": "https://segmentfault.com/a/1190000042284199",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "精读《Unique, MapTypes, Construct Tuple...》",
+    "description": "去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：",
+    "url": "https://segmentfault.com/a/1190000042282563",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "JavaScript WebGL 绘制顺序",
+    "description": "引子在 JavaScript WebGL 三维相关概念中尝试一些效果的时候，又碰到了新问题，就去查了资料，自己尝试后总结下。OriginMy GitHub绘制顺序之前二维绘制顺序并没有产生明显的不好效果，现在绘制三维影响就比较大了...",
+    "url": "https://segmentfault.com/a/1190000042282536",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/dist/sifou-monthly.json

@@ -8,22 +8,22 @@
     "votes": "22",
     "rank": 1
   },
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 2
-  },
   {
     "title": "超酷炫的转场动画？CSS 轻松拿下！",
     "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
     "url": "https://segmentfault.com/a/1190000042184211",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
+    "votes": "21",
+    "rank": 2
+  },
+  {
+    "title": "提升web输入体验！JS 如何自动配对标点符号？",
+    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
+    "url": "https://segmentfault.com/a/1190000042251637",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "17",
     "rank": 3
   },
   {
@@ -71,6 +71,15 @@
     "votes": "12",
     "rank": 8
   },
+  {
+    "title": "妙用 CSS 构建花式透视背景效果",
+    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
+    "url": "https://segmentfault.com/a/1190000042267425",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
+    "rank": 9
+  },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
     "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
@@ -78,7 +87,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 9
+    "rank": 10
+  },
+  {
+    "title": "防御式CSS是什么？这几点属性重点防御！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042272755",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 11
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -87,7 +105,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "11",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -96,7 +114,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "15",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -105,7 +123,16 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "7",
-    "rank": 12
+    "rank": 14
+  },
+  {
+    "title": "前端构建效率优化之路",
+    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
+    "url": "https://segmentfault.com/a/1190000042256837",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 15
   },
   {
     "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
@@ -114,7 +141,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 13
+    "rank": 16
+  },
+  {
+    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
+    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
+    "url": "https://segmentfault.com/a/1190000042183733",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -123,7 +159,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "11",
-    "rank": 14
+    "rank": 18
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -132,7 +168,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "11",
-    "rank": 15
+    "rank": 19
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -141,16 +177,16 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 16
+    "rank": 20
   },
   {
-    "title": "妙用 CSS 构建花式透视背景效果",
-    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
-    "url": "https://segmentfault.com/a/1190000042267425",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 17
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "9",
+    "rank": 21
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -159,25 +195,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 18
-  },
-  {
-    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
-    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
-    "url": "https://segmentfault.com/a/1190000042183733",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "9",
-    "rank": 19
+    "rank": 22
   },
   {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
-    "rank": 20
+    "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": "14",
+    "rank": 23
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -186,7 +213,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 21
+    "rank": 24
   },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
@@ -195,16 +222,16 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 22
+    "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": 23
+    "title": "Redis 内存优化神技，小内存保存大数据",
+    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
+    "url": "https://segmentfault.com/a/1190000042103541",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "10",
+    "rank": 26
   },
   {
     "title": "我有 7种 实现web实时消息推送的方案，7种！",
@@ -213,34 +240,16 @@
     "author": "程序员小富",
     "home_url": "https://segmentfault.com/u/chengxy",
     "votes": "14",
-    "rank": 24
-  },
-  {
-    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
-    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
-    "url": "https://segmentfault.com/a/1190000042083758",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "8",
-    "rank": 25
+    "rank": 27
   },
   {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042238526",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 26
-  },
-  {
-    "title": "Redis 内存优化神技，小内存保存大数据",
-    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
-    "url": "https://segmentfault.com/a/1190000042103541",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "9",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "低代码是开发的未来吗？浅谈低代码平台",
@@ -248,25 +257,16 @@
     "url": "https://segmentfault.com/a/1190000042229850",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
-    "rank": 28
-  },
-  {
-    "title": "通向架子工的前端开发利器推荐",
-    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
-    "url": "https://segmentfault.com/a/1190000042204295",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "8",
+    "votes": "10",
     "rank": 29
   },
   {
-    "title": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "5",
+    "title": "基于 Next.js实现在线Excel",
+    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
+    "url": "https://segmentfault.com/a/1190000042268783",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "4",
     "rank": 30
   }
 ]