@wcj/github-rank 22.9.29 → 22.9.30

package/web/data/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
-    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
-    "url": "https://segmentfault.com/a/1190000042554569",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "2",
+    "title": "前端web实现（@、At、艾特）选人或引用数据",
+    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
+    "url": "https://segmentfault.com/a/1190000042563289",
+    "author": "xmanlin",
+    "home_url": "https://segmentfault.com/u/dxpang",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "项目篇：高并发内存池",
-    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
-    "url": "https://segmentfault.com/a/1190000042558168",
-    "author": "夜枫微凉",
-    "home_url": "https://segmentfault.com/u/yefengweiliang",
-    "votes": "1",
+    "title": "Monaco Editor 中的 Keybinding 机制",
+    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
+    "url": "https://segmentfault.com/a/1190000042562942",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "angular 附件上传  以及深拷贝",
-    "description": "ts里的深拷贝本来想着点击取消，恢复数据后，能取消掉实体的改动。比如如下图， 恢复数据后，A 能恢复到 a 数据的状态。 但是，经过测试发现,并没有。测试的代码, 可以看到。 带星号的代码1.ngOnInit（）的时候复...",
-    "url": "https://segmentfault.com/a/1190000042558152",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "2",
+    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
+    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
+    "url": "https://segmentfault.com/a/1190000042559544",
+    "author": "xiaoluoboding",
+    "home_url": "https://segmentfault.com/u/xlbd",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "angular 指令",
-    "description": "首先就是如何在组件中使用指令，也就是我们所熟悉的selector,这里的selector规则与组件不同，组件在使用是是直接作为标签来使用如：",
-    "url": "https://segmentfault.com/a/1190000042558126",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "title": "Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！",
+    "description": "Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...",
+    "url": "https://segmentfault.com/a/1190000042560534",
+    "author": "波波Nadia",
+    "home_url": "https://segmentfault.com/u/bobonadia",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "Go 为什么能火？归功于这 5 个方面",
-    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
-    "url": "https://segmentfault.com/a/1190000042555900",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "vue 项目vue.config.js 中 devServer proxy 未生效问题解决方案",
+    "description": "clone vue-material-admin 项目到本地运行, 修改了 .env.development, 希望代理到本地5005端口 {代码...} 改为了(参考原始内容照葫芦画瓢, .env.development误人啊) {代码...} devServer配置代理如下 {代码...} ...",
+    "url": "https://segmentfault.com/a/1190000042560078",
+    "author": "Yi_Zhi_Yu",
+    "home_url": "https://segmentfault.com/u/a_fish",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "用这招监听 Vue 的插槽变化",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042554193",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "常用正则表达式整理",
+    "description": "常用正则表达式(持续更新)校验数字 {代码...} 校验字符 {代码...} 其他 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042560341",
+    "author": "wasdquiop",
+    "home_url": "https://segmentfault.com/u/ryan_5fd1bc9a06259",
     "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "javaScript正则表达式",
+    "description": "RegExp：是正则表达式（regular expression）的简写正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具",
+    "url": "https://segmentfault.com/a/1190000042560239",
+    "author": "wasdquiop",
+    "home_url": "https://segmentfault.com/u/ryan_5fd1bc9a06259",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "【2-6 Golang】Go并发编程—定时器timer",
+    "description": "定时器使得我们可以延迟若干时间执行某项任务，或者以某一时间周期性执行某项任务，Linux系统本身也具备定时器能力，Go语言是定时器是基于系统调用实现的吗？另外，Go语言不是多协程吗，定时器触发时...",
+    "url": "https://segmentfault.com/a/1190000042559485",
+    "author": "西红柿",
+    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -32,25 +32,25 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "13",
+    "votes": "15",
     "rank": 4
   },
-  {
-    "title": "巧用 transition 实现短视频 APP 点赞动画",
-    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
-    "url": "https://segmentfault.com/a/1190000042398943",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
-    "rank": 5
-  },
   {
     "title": "那些你不知道的炫酷按钮交互效果",
     "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
     "url": "https://segmentfault.com/a/1190000042517595",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "14",
+    "votes": "16",
+    "rank": 5
+  },
+  {
+    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
+    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
+    "url": "https://segmentfault.com/a/1190000042547772",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
     "rank": 6
   },
   {
@@ -71,6 +71,15 @@
     "votes": "10",
     "rank": 8
   },
+  {
+    "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": "12",
+    "rank": 9
+  },
   {
     "title": "50天用vue3完成了50个web项目，我学到了什么?",
     "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
@@ -78,15 +87,6 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "16",
-    "rank": 9
-  },
-  {
-    "title": "如何让CSS计数器支持小数的动态变化？",
-    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
-    "url": "https://segmentfault.com/a/1190000042397184",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
     "rank": 10
   },
   {
@@ -116,32 +116,14 @@
     "votes": "10",
     "rank": 13
   },
-  {
-    "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": 14
-  },
-  {
-    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
-    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
-    "url": "https://segmentfault.com/a/1190000042547772",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 15
-  },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
     "description": "简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...",
     "url": "https://segmentfault.com/a/1190000042450560",
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "8",
-    "rank": 16
+    "votes": "9",
+    "rank": 14
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -150,7 +132,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 17
+    "rank": 15
+  },
+  {
+    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
+    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
+    "url": "https://segmentfault.com/a/1190000042475152",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "8",
+    "rank": 16
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -159,7 +150,7 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "8",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -168,7 +159,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "10",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -177,7 +168,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -186,7 +177,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "图解JS中的事件循环",
@@ -195,8 +186,26 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
+    "rank": 21
+  },
+  {
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 22
   },
+  {
+    "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
+    "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
+    "url": "https://segmentfault.com/a/1190000042504992",
+    "author": "宁在春",
+    "home_url": "https://segmentfault.com/u/wyh_study",
+    "votes": "12",
+    "rank": 23
+  },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
     "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
@@ -204,7 +213,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -213,7 +222,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -222,7 +231,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 25
+    "rank": 26
+  },
+  {
+    "title": "新时代布局新特性 -- 容器查询",
+    "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
+    "url": "https://segmentfault.com/a/1190000042475705",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
+    "rank": 27
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -231,7 +249,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -240,33 +258,15 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
-    "rank": 27
-  },
-  {
-    "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
-    "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
-    "url": "https://segmentfault.com/a/1190000042504992",
-    "author": "宁在春",
-    "home_url": "https://segmentfault.com/u/wyh_study",
-    "votes": "12",
-    "rank": 28
-  },
-  {
-    "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
-    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
-    "url": "https://segmentfault.com/a/1190000042398762",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "3",
     "rank": 29
   },
   {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "7",
+    "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": "6",
     "rank": 30
   }
 ]