@wcj/github-rank 22.9.17 → 22.9.18

package/web/data/sifou-daily.json

@@ -1,47 +1,20 @@
 [
   {
-    "title": "共码未来 | 助力打造现代、高效、流畅的开发体验",
-    "description": "谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...",
-    "url": "https://segmentfault.com/a/1190000042501529",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "微信小程序转为App并上架应用市场",
+    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
+    "url": "https://segmentfault.com/a/1190000042503461",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "2",
     "rank": 1
   },
   {
-    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
-    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
-    "url": "https://segmentfault.com/a/1190000042500419",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "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",
     "rank": 2
-  },
-  {
-    "title": "Taro源码-项目build一个weapp的过程",
-    "description": "基于Taro3.5.5此前，我们学习了cli创建一个Taro项目，并在packages/taro-cli/bin文件夹下创建了简单的Taro项目appname，接着看一下用Taro项目去build一个微信小程序weapp的过程",
-    "url": "https://segmentfault.com/a/1190000042502058",
-    "author": "perkz",
-    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
-    "votes": "3",
-    "rank": 3
-  },
-  {
-    "title": "实现《羊了个羊》的小游戏",
-    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
-    "url": "https://segmentfault.com/a/1190000042502121",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "CSS 有了:has伪类可以做些什么？",
-    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000042490237",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "2",
-    "rank": 5
   }
 ]

package/web/data/sifou-monthly.json

@@ -35,6 +35,15 @@
     "votes": "19",
     "rank": 4
   },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "14",
+    "rank": 5
+  },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
     "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
@@ -42,7 +51,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -51,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -60,26 +69,8 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 7
-  },
-  {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
     "rank": 8
   },
-  {
-    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
-    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
-    "url": "https://segmentfault.com/a/1190000042338012",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "6",
-    "rank": 9
-  },
   {
     "title": "盘点一些好用的 JS 单行代码",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -87,7 +78,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -96,16 +87,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 11
-  },
-  {
-    "title": "记录第一次给开源项目提 PR",
-    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
-    "url": "https://segmentfault.com/a/1190000042342284",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "6",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -114,16 +96,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "7",
-    "rank": 13
-  },
-  {
-    "title": "聊聊 npm 的语义化版本（Semver）",
-    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
-    "url": "https://segmentfault.com/a/1190000042342124",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "6",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -132,7 +105,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 15
+    "rank": 12
+  },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 13
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -141,16 +123,16 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 16
+    "rank": 14
   },
   {
-    "title": "使用 SVG 生成带标识的 favicon",
-    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
-    "url": "https://segmentfault.com/a/1190000042435536",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
-    "rank": 17
+    "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
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -159,16 +141,7 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 18
-  },
-  {
-    "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": 19
+    "rank": 16
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -177,7 +150,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -186,7 +159,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -195,7 +168,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "8",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "精读《SolidJS》",
@@ -204,7 +177,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -213,7 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -222,7 +195,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -231,7 +204,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -240,7 +213,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "5",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "拒绝加班:巧用前端电子表格中构建公式树",
@@ -249,7 +222,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 28
+    "rank": 25
   },
   {
     "title": "性能优化必备——火焰图",
@@ -258,7 +231,16 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "6",
-    "rank": 29
+    "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 年技术开放日：文档云原生时代的规模之道",
@@ -267,6 +249,24 @@
     "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",
+    "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",
     "rank": 30
   }
 ]