@wcj/github-rank 22.9.23 → 22.9.24

package/web/data/sifou-daily.json

@@ -1,65 +1,74 @@
 [
   {
-    "title": "共码未来 | 以科技之新见人文之美",
-    "description": "科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...",
-    "url": "https://segmentfault.com/a/1190000042530275",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
+    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
+    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
+    "url": "https://segmentfault.com/a/1190000042535848",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "前端是性能优化(图文并茂，通俗易懂)",
-    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
-    "url": "https://segmentfault.com/a/1190000042529771",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "title": "基于canvas实现的多功能画板",
+    "description": "前言最近空闲时间比较多，就想做点小工具玩玩，方案选了好几个，最终决定做一个基于canvas的画板，目前已经完成了第一版，有以下主要功能画笔（动态宽度设置，颜色设置）橡皮擦撤回，反撤回，清除画板，保存画板...",
+    "url": "https://segmentfault.com/a/1190000042533770",
+    "author": "LH_S",
+    "home_url": "https://segmentfault.com/u/lh_s",
     "votes": "2",
     "rank": 2
   },
   {
-    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
-    "url": "https://segmentfault.com/a/1190000042531829",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "超详细的 Angular 国际化方案",
+    "description": "第一次在 Angular 框架上落地国际化方案，将 Eoapi 的经验分享给大家～1. 项目背景需要支持 Web 和 Electron 桌面端技术栈Angular 14Electron 19NG-ZORR 13.0.62. 可能遇到的困难各语言下样式不统一，例如阿拉伯...",
+    "url": "https://segmentfault.com/a/1190000042536913",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "2",
     "rank": 3
   },
   {
-    "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
-    "description": "在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。",
-    "url": "https://segmentfault.com/a/1190000042531062",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
+    "title": "Eclipse Theia技术揭秘——构建桌面IDE",
+    "description": "在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简单介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。",
+    "url": "https://segmentfault.com/a/1190000042536405",
+    "author": "码出世界",
+    "home_url": "https://segmentfault.com/u/codeteenager",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "设计模式之观察者模式",
-    "description": "观察者模式是极其重要的一个设计模式，也是我几年开发过程中使用最多的设计模式，本文首先概述观察者模式的基本概念和Demo实现，接着是观察者模式在Java和Spring中的应用，最后是对观察者模式的应用场景和优缺点...",
-    "url": "https://segmentfault.com/a/1190000042532084",
-    "author": "程序员田同学",
-    "home_url": "https://segmentfault.com/u/tian_study",
+    "title": "React Hooks之useDebugValue - 代替console.log来调试Hook",
+    "description": "而useDebugValue的优势在于，用useDebugValue输出的值，是和DevTools中的Hook状态一起动态显示的，不需要在DevTools和Console面板中切换查看Hook状态和console.log输出。",
+    "url": "https://segmentfault.com/a/1190000042535705",
+    "author": "jinling",
+    "home_url": "https://segmentfault.com/u/liushuigs",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "js中识别html标签外的空格  并替换为     （主要用于富文本）",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000042533121",
-    "author": "李助瑞",
-    "home_url": "https://segmentfault.com/u/lizhurui",
-    "votes": "1",
+    "title": "新提案，初识CSS的object-view-box属性",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042534308",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "前端开发文档",
-    "description": "HTML元素语义化标签CSS选择器继承属性核心模块背景图像清除浮动定位BFC使用 attr()展示 tooltipJavaScript基础知识实用技巧内存管理JS 思维导图学习 JS 的 8 张思维导图jQuery 的 deferred 对象jQuery 学习笔记Pr...",
-    "url": "https://segmentfault.com/a/1190000042529848",
-    "author": "寒青",
-    "home_url": "https://segmentfault.com/u/whjin",
-    "votes": "2",
+    "title": "微信跳转到支付宝App自动领取赏金红包",
+    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
+    "url": "https://segmentfault.com/a/1190000042535910",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "通过vNode实现给列表字段打标签",
+    "description": "问题如何给列表数据打标签？类似下面这种样子👇思路数模转化（对接口请求回来的数据进行过滤标记，返回新的数据）渲染新的数据模型实现1、过滤数据，需要打标签的采用jsx写法业务数据的处理我封装在 mixins 里面 {...",
+    "url": "https://segmentfault.com/a/1190000042535143",
+    "author": "甜点cc",
+    "home_url": "https://segmentfault.com/u/xiaojt",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -44,15 +44,6 @@
     "votes": "16",
     "rank": 5
   },
-  {
-    "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
-    "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
-    "url": "https://segmentfault.com/a/1190000042418291",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "10",
-    "rank": 6
-  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
@@ -60,6 +51,15 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "12",
+    "rank": 6
+  },
+  {
+    "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
+    "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
+    "url": "https://segmentfault.com/a/1190000042418291",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "10",
     "rank": 7
   },
   {
@@ -98,15 +98,6 @@
     "votes": "8",
     "rank": 11
   },
-  {
-    "title": "你不知道的 console，让 JS 调试更简单",
-    "description": "对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...",
-    "url": "https://segmentfault.com/a/1190000042367660",
-    "author": "高志鹏",
-    "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "11",
-    "rank": 12
-  },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
     "description": "本期中奖名单：[链接]亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，...",
@@ -114,7 +105,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -123,7 +114,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "13",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -132,7 +123,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -141,7 +132,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -150,8 +141,35 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
+    "rank": 16
+  },
+  {
+    "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": "11",
     "rank": 17
   },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
+    "rank": 18
+  },
+  {
+    "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": "6",
+    "rank": 19
+  },
   {
     "title": "精读《SolidJS》",
     "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
@@ -159,7 +177,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "图解JS中的事件循环",
@@ -168,7 +186,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "5",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -177,7 +195,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 20
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -186,7 +204,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 21
+    "rank": 23
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -195,7 +213,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -204,7 +222,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "7",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -213,16 +231,25 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
-    "rank": 24
+    "rank": 26
   },
   {
-    "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": 25
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
+    "rank": 27
+  },
+  {
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "8",
+    "rank": 28
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -231,42 +258,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "7",
-    "rank": 26
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 27
-  },
-  {
-    "title": "拒绝加班:巧用前端电子表格中构建公式树",
-    "description": "还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？",
-    "url": "https://segmentfault.com/a/1190000042377267",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
-    "rank": 28
-  },
-  {
-    "title": "性能优化必备——火焰图",
-    "description": "本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。",
-    "url": "https://segmentfault.com/a/1190000042419139",
-    "author": "咕咕鸡",
-    "home_url": "https://segmentfault.com/u/guguji_fly",
-    "votes": "6",
     "rank": 29
   },
   {
-    "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",
+    "title": "微信小程序转为App并上架应用市场",
+    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
+    "url": "https://segmentfault.com/a/1190000042503461",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "4",
     "rank": 30
   }
 ]