@wcj/github-rank 22.9.10 → 22.9.13

package/dist/sifou-daily.json

@@ -1,46 +1,46 @@
 [
   {
-    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
+    "title": "OpenDataV低代码平台新增组件流程",
+    "description": "OpenDataV计划采用子库的方式添加子组件，即每一个组件都当做一个子库，子库有自己的依赖，而项目本身的依赖只针对框架，因此每一个组件我们都当做一个子库来开发。下面我带着大家一步步详细的开发一个数字展示组...",
+    "url": "https://segmentfault.com/a/1190000042460000",
+    "author": "星星在线",
+    "home_url": "https://segmentfault.com/u/dengshangxing",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "在 JavaScript 中，什么时候使用 Map 或胜过 Object",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042366094",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "angular中单元测试中Uncaught undefined thrown",
+    "description": "在跑单元测试的时候遇到了这个问题， 控制台报错： An error was thrown in afterAll Uncaught undefined thrown",
+    "url": "https://segmentfault.com/a/1190000042460297",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "高阶 CSS 技巧在复杂动效中的应用",
-    "description": "最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...",
-    "url": "https://segmentfault.com/a/1190000042454840",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
+    "title": "总结本周遇到的问题",
+    "description": "之前的文章中有写过在thy-form 与 formgroup 联合使用时出现的问题，当时直接认定它们不能同时使用。在后来的尝试中发现可以同时使用，下面来讲一下使用时遇到的问题。原文章： 记录最近遇到的问题",
+    "url": "https://segmentfault.com/a/1190000042460130",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "2022 Google 谷歌开发者大会亮点抢先看",
-    "description": "2022 Google 开发者大会还有 5 天即将盛大开幕！技术演讲，精彩各异大咖云集，交流探讨科技互动，趣味体验大会亮点剧透提前看来找找你最期待的内容吧！ 观看视频，亮点先睹为快[链接]9 月 14 日大会主旨演讲闪亮...",
-    "url": "https://segmentfault.com/a/1190000042454231",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "WebSocket学习笔记",
+    "description": "WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工(full-duplex)通讯的协议。没有了 Request 和 Response 的概念，两者地位完全平等，连接一旦建立，就建立了真持久性连接，双方可以通...",
+    "url": "https://segmentfault.com/a/1190000042459984",
+    "author": "爱吃鸡蛋饼",
+    "home_url": "https://segmentfault.com/u/dvqlfbwm",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "初探Groovy",
-    "description": "Groovy 是动态语言，引入很多有意思的特性。如果将Java比喻为楷书，则Groovy是行书，开发效率很高。而且Groovy JDK中包含很多实用工具，开发舒适。",
-    "url": "https://segmentfault.com/a/1190000042453985",
-    "author": "骚铭科技",
-    "home_url": "https://segmentfault.com/u/saoming_zhang",
+    "title": "升级 React Router v6 指南",
+    "description": "近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 re...",
+    "url": "https://segmentfault.com/a/1190000042459956",
+    "author": "JackySummer",
+    "home_url": "https://segmentfault.com/u/jackysummer",
     "votes": "1",
     "rank": 5
   }

package/dist/sifou-monthly.json

@@ -63,12 +63,12 @@
     "rank": 7
   },
   {
-    "title": "Wuzzle，进行基于 webpack 的 JS 转译",
-    "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
-    "url": "https://segmentfault.com/a/1190000042306044",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
+    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
+    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
+    "url": "https://segmentfault.com/a/1190000042447341",
+    "author": "dreamapplehappy",
+    "home_url": "https://segmentfault.com/u/dreamapplehappy",
+    "votes": "11",
     "rank": 8
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000042398943",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
     "rank": 10
   },
   {
@@ -108,12 +108,12 @@
     "rank": 12
   },
   {
-    "title": "从 Islands Architecture 看前端有多卷",
-    "description": "大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...",
-    "url": "https://segmentfault.com/a/1190000042307425",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
+    "title": "盘点一些好用的 JS 单行代码",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042391998",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "12",
     "rank": 13
   },
   {
@@ -152,15 +152,6 @@
     "votes": "10",
     "rank": 17
   },
-  {
-    "title": "盘点一些好用的 JS 单行代码",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042391998",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 18
-  },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
     "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
@@ -168,7 +159,7 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -176,8 +167,8 @@
     "url": "https://segmentfault.com/a/1190000042367660",
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "9",
-    "rank": 20
+    "votes": "10",
+    "rank": 19
   },
   {
     "title": "手写一个有点意思的电梯小程序（React版本）",
@@ -186,16 +177,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "4",
-    "rank": 21
-  },
-  {
-    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
-    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
-    "url": "https://segmentfault.com/a/1190000042447341",
-    "author": "dreamapplehappy",
-    "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "8",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
@@ -204,16 +186,16 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "Vue仿钉钉审批流程",
-    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
-    "url": "https://segmentfault.com/a/1190000042300972",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "7",
-    "rank": 24
+    "title": "精读《SolidJS》",
+    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
+    "url": "https://segmentfault.com/a/1190000042392152",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
+    "rank": 22
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -222,16 +204,7 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
-    "rank": 25
-  },
-  {
-    "title": "精读《SolidJS》",
-    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
-    "url": "https://segmentfault.com/a/1190000042392152",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "5",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -240,16 +213,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 27
-  },
-  {
-    "title": "🔬 一文搞懂前端兼容问题",
-    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
-    "url": "https://segmentfault.com/a/1190000042301384",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "5",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -258,7 +222,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -267,6 +231,42 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
+    "rank": 26
+  },
+  {
+    "title": "CSS transform、transition、animation 指南",
+    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
+    "url": "https://segmentfault.com/a/1190000042443684",
+    "author": "散一群逗逼",
+    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
+    "votes": "6",
+    "rank": 27
+  },
+  {
+    "title": "用Vue.js写一个命令行贪吃蛇游戏",
+    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
+    "url": "https://segmentfault.com/a/1190000042431217",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "5",
+    "rank": 28
+  },
+  {
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042318628",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
+    "rank": 29
+  },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
     "rank": 30
   }
 ]