@wcj/github-rank 22.9.18 → 22.9.20

package/dist/sifou-daily.json

@@ -1,20 +1,56 @@
 [
   {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "2",
+    "title": "新指令 v-memo，提高性能的又一利器",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442388",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？",
-    "description": "苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...",
-    "url": "https://segmentfault.com/a/1190000042503863",
-    "author": "mazhilin",
-    "home_url": "https://segmentfault.com/u/mazhilin_5c1ceeea5edba",
-    "votes": "1",
+    "title": "50天用vue3完成了50个web项目，我学到了什么?",
+    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
+    "url": "https://segmentfault.com/a/1190000042509082",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "5",
     "rank": 2
+  },
+  {
+    "title": "精读《State of CSS 2022》",
+    "description": "解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...",
+    "url": "https://segmentfault.com/a/1190000042507985",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
+    "rank": 3
+  },
+  {
+    "title": "深入浅出 JavaScript 中的 this",
+    "description": "笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...",
+    "url": "https://segmentfault.com/a/1190000042509466",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
+    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
+    "url": "https://segmentfault.com/a/1190000042509388",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "微服务开发系列：为什么选择 kotlin",
+    "description": "开发人员可以根据自己需要采用 java 语言开发，但是很明显的，项目中各种工具类已经为了 kotlin 做出了很多修改，如果大量采用 java 开发， 结果可能是比纯 java 开发的速度还要慢。",
+    "url": "https://segmentfault.com/a/1190000042509913",
+    "author": "zxdposter",
+    "home_url": "https://segmentfault.com/u/zxdposter",
+    "votes": "2",
+    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -26,6 +26,15 @@
     "votes": "13",
     "rank": 3
   },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 4
+  },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
     "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
@@ -33,16 +42,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 4
+    "rank": 5
   },
   {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "14",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -51,7 +60,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -60,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -69,7 +78,34 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 8
+    "rank": 9
+  },
+  {
+    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
+    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
+    "url": "https://segmentfault.com/a/1190000042458570",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "10",
+    "rank": 10
+  },
+  {
+    "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": "11",
+    "rank": 11
+  },
+  {
+    "title": "实现《羊了个羊》的小游戏",
+    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
+    "url": "https://segmentfault.com/a/1190000042502121",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "11",
+    "rank": 12
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -77,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000042391998",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "12",
-    "rank": 9
+    "votes": "13",
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -87,7 +123,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 10
+    "rank": 14
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -96,16 +132,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "7",
-    "rank": 11
-  },
-  {
-    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
-    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
-    "url": "https://segmentfault.com/a/1190000042353870",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "10",
-    "rank": 12
+    "rank": 15
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -114,7 +141,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 13
+    "rank": 16
+  },
+  {
+    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
+    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
+    "url": "https://segmentfault.com/a/1190000042353870",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "10",
+    "rank": 17
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -123,16 +159,7 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 14
-  },
-  {
-    "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": "9",
-    "rank": 15
+    "rank": 18
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -141,7 +168,7 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 16
+    "rank": 19
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -150,7 +177,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 17
+    "rank": 20
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -159,16 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 18
-  },
-  {
-    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
-    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
-    "url": "https://segmentfault.com/a/1190000042458570",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "8",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "精读《SolidJS》",
@@ -177,7 +195,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 20
+    "rank": 22
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -186,7 +204,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 21
+    "rank": 23
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -195,7 +213,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -204,7 +222,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -213,7 +231,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "拒绝加班:巧用前端电子表格中构建公式树",
@@ -222,7 +240,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "性能优化必备——火焰图",
@@ -231,42 +249,24 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "6",
-    "rank": 26
-  },
-  {
-    "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": "6",
-    "rank": 27
-  },
-  {
-    "title": "金山办公 2022 年技术开放日：文档云原生时代的规模之道",
-    "description": "8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...",
-    "url": "https://segmentfault.com/a/1190000042385637",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
     "rank": 28
   },
   {
-    "title": "【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景",
-    "description": "GeoJSON ，一个用于存储地理信息的数据格式。GoeJSON对象可以表示几何、特征或特征集合，支持：点、线、面、多点、多线、多面和几何集合。在基于平面地图，三维地图中都需要用到的一种数据类型。由于这种格式在三...",
-    "url": "https://segmentfault.com/a/1190000042394346",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "慎用JSON.stringify",
+    "description": "项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。",
+    "url": "https://segmentfault.com/a/1190000042414379",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "7",
     "rank": 29
   },
   {
-    "title": "免费线上讲习班：使用 vue3 开发扫雷游戏",
-    "description": "好了伤疤忘了痛，我又想搞 Workshop 了。这次想做一次 Vue3 相关的，考虑了一下，觉得扫雷游戏比较合适：界面简单，操作简单覆盖全面，布局、JS、交互都有需求不需要前后端数据交互，控制学习范围和难度本身有一...",
-    "url": "https://segmentfault.com/a/1190000042414694",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "6",
+    "title": "深入理解JavaScript-JavaScript 中的始皇",
+    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
+    "url": "https://segmentfault.com/a/1190000042469668",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "3",
     "rank": 30
   }
 ]