@wcj/github-rank 22.4.27 → 22.4.28

package/web/data/sifou-daily.json

@@ -1,74 +1,92 @@
 [
   {
-    "title": "webpack5 源码详解 - 编译模块",
-    "description": "首先会创建依赖，这个依赖叫EntryDependency，之后会将dep,options,context作为传参到compilation.addEntry",
-    "url": "https://segmentfault.com/a/1190000041763141",
-    "author": "Hazlank",
-    "home_url": "https://segmentfault.com/u/hazlank",
-    "votes": "1",
+    "title": "游戏出海浪潮下，这些技术难点该如何攻克",
+    "description": "《App Annie x Google 2021年移动游戏出海洞察报告》中提到 2021 年上半年最新数据显示，中国游戏开发商在海外游戏市场份额从四年前的 10% 增长到今年的超过 23% ，已超越美国、日本开发商，第一次跃升海外游戏市...",
+    "url": "https://segmentfault.com/a/1190000041767627",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
-    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
-    "url": "https://segmentfault.com/a/1190000041761117",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "1",
+    "title": "我做了一个在线白板！！！",
+    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
+    "url": "https://segmentfault.com/a/1190000041769612",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "消息队列与快递柜之间的奇妙关系",
-    "description": "提到消息队列可能一些朋友经常听别人说起一些名词，比如：服务程序解耦，处理流量削峰，通过异步处理提升用户体验，缓冲批处理提高处理性能。笔者擅于白话解说，所以我就不用专业的术语去解释专业的问题了。我一...",
-    "url": "https://segmentfault.com/a/1190000041765096",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "2",
+    "title": "js手写题梳理汇总",
+    "description": "1、实现原生 AJAX 封装 {代码...} 2、实现 new 过程 {代码...} 3、打乱一个数组 {代码...} 4、防抖函数 {代码...} 5、节流函数 {代码...} 6、数组去重 {代码...} 7、setTimeout 实现 setInterval {代码...} 8、se...",
+    "url": "https://segmentfault.com/a/1190000041768636",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "提高前端人效率的工具、网站和书籍",
-    "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
-    "url": "https://segmentfault.com/a/1190000041763788",
-    "author": "playboy5566",
-    "home_url": "https://segmentfault.com/u/playboy5566",
-    "votes": "5",
+    "title": "精装echarts漏斗图（两侧label）",
+    "description": "背景echarts官网的漏斗图和excel里漏斗图不太一样，记录自己尝试配置漏斗图的过程（主要是两侧label的实现）。echarts官网漏斗图示例尝试一考虑只用一个漏斗图示例，默认是label的position为left，右侧label基于m...",
+    "url": "https://segmentfault.com/a/1190000041768373",
+    "author": "慢条斯理的小可",
+    "home_url": "https://segmentfault.com/u/mtsldxk",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "登月工坊 Web3 Hackathon 报名正式开启",
-    "description": "Moonshot Web3 Hackathon将于今年5.20 - 6.20举行，是一场面向海内外 Z 世代的Web 3-focused的创业试炼。我们欢迎任何阶段的项目申请。",
-    "url": "https://segmentfault.com/a/1190000041761602",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
+    "title": "使用 CSS 绘制带有动画效果的 React Logo",
+    "description": "原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...",
+    "url": "https://segmentfault.com/a/1190000041767393",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "Go 开发者调查报告出炉：API/RPC 服务成主要用途|92% 的受访者表示满意",
-    "description": "据悉，该报告在 2021 年 10 月 26 日至 11 月 16 日期间，共收集到 11840 个 responses 回复，成为调查发起 6 年以来反响最大的一次。",
-    "url": "https://segmentfault.com/a/1190000041761570",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "netty系列之:netty中的自动解码器ReplayingDecoder",
+    "description": "netty提供了一个从ByteBuf到用户自定义的message的解码器叫做ByteToMessageDecoder,要使用这个decoder，我们需要继承这个decoder，并实现decode方法，从而在这个方法中实现ByteBuf中的内容到用户自定义message对...",
+    "url": "https://segmentfault.com/a/1190000041767178",
+    "author": "flydean",
+    "home_url": "https://segmentfault.com/u/flydean",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "“消息驱动、事件驱动、流 ”基础概念解析",
-    "description": "阿里云消息队列 RocketMQ 5.0 实现了全新升级，实现了从“消息”到“消息、事件、流”的大融合，基于此，Message-Driven、Event-Driven、Streaming 这三个词是近期消息领域高频词，但由于概念过于新，很多同学其实是...",
-    "url": "https://segmentfault.com/a/1190000041764157",
-    "author": "阿里巴巴云原生",
-    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
+    "title": "Java 18 新特性：使用Java代码启动jwebserver",
+    "description": "前几天分享了Java 18 新特性：简单Web服务器的jwebserver命令行功能。今天换一种方式，使用Java代码来实现一个静态资源服务器。详细步骤我录了个视频放到B站了，感兴趣的小伙伴可以点击查看Java 18 新特性：Simpl...",
+    "url": "https://segmentfault.com/a/1190000041767095",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "爆赞  Apipost V6.0.4版本 支持离线使用",
-    "description": "近期Apipost在V6.0.4版本中，特别针对广大用户们在离线与未登录的各种使用与业务场景，进行了针对性的功能迭代与优化。核心目的就是针对用户们在“脱机 ；离线 ；未登录”三种情况下，力保业务不能停工作不能停数据...",
-    "url": "https://segmentfault.com/a/1190000041759847",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
+    "title": "微软发布 Visual Studio Code Java 四月更新：支持 Java 18",
+    "description": "​近日，微软官方博客发布了 Visual Studio Code Java 四月更新，本次更新包括 Java 18 支持、参数名称的嵌入提示、新的 Java 语言服务器状态交互、更好的 lambda 表达式支持等。",
+    "url": "https://segmentfault.com/a/1190000041766833",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 8
+  },
+  {
+    "title": "【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！",
+    "description": "了解更多详情>>访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~",
+    "url": "https://segmentfault.com/a/1190000041765370",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "Java 线程池四种拒绝策略",
+    "description": "jdk1.5版本新增了 JUC 并发包，其中一个包含线程池。四种拒绝策略： 拒绝策略类型说明1ThreadPoolExecutor.AbortPolicy默认拒绝策略，拒绝任务并抛出任务2ThreadPoolExecutor.CallerRunsPolicy使用调用线程直接运...",
+    "url": "https://segmentfault.com/a/1190000041765184",
+    "author": "小码code",
+    "home_url": "https://segmentfault.com/u/jeremylai7",
+    "votes": "1",
+    "rank": 10
   }
 ]

package/web/data/sifou-monthly.json

@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
+    "votes": "41",
     "rank": 3
   },
   {
@@ -35,6 +35,15 @@
     "votes": "39",
     "rank": 4
   },
+  {
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "10",
+    "rank": 5
+  },
   {
     "title": "巧用 background-clip 实现超强的文字动效",
     "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
@@ -42,15 +51,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "37",
-    "rank": 5
-  },
-  {
-    "title": "JS阻塞渲染，这么多年我理解错啦？",
-    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
-    "url": "https://segmentfault.com/a/1190000041729574",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "33",
     "rank": 6
   },
   {
@@ -63,12 +63,12 @@
     "rank": 7
   },
   {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "28",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "24",
     "rank": 8
   },
   {
@@ -77,34 +77,34 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "24",
+    "votes": "25",
     "rank": 9
   },
   {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
+    "title": "Offer 提速：如何写出有亮点的简历",
+    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
+    "url": "https://segmentfault.com/a/1190000041634339",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "26",
     "rank": 10
   },
-  {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "23",
-    "rank": 11
-  },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
     "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
     "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "22",
+    "votes": "23",
+    "rank": 11
+  },
+  {
+    "title": "现代 CSS 解决方案：Modern CSS Reset",
+    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
+    "url": "https://segmentfault.com/a/1190000041700998",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "21",
     "rank": 12
   },
   {
@@ -161,6 +161,15 @@
     "votes": "12",
     "rank": 18
   },
+  {
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "17",
+    "rank": 19
+  },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
     "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
@@ -168,7 +177,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "10",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -177,15 +186,6 @@
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
     "votes": "16",
-    "rank": 20
-  },
-  {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "15",
     "rank": 21
   },
   {
@@ -197,15 +197,6 @@
     "votes": "13",
     "rank": 22
   },
-  {
-    "title": "2022招聘季｜从招聘方的角度理解求职",
-    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
-    "url": "https://segmentfault.com/a/1190000041617937",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "15",
-    "rank": 23
-  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
@@ -213,7 +204,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "14",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -222,7 +213,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "13",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -231,7 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -240,16 +231,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 27
-  },
-  {
-    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
-    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
-    "url": "https://segmentfault.com/a/1190000041619491",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
@@ -258,7 +240,16 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "12",
-    "rank": 29
+    "rank": 27
+  },
+  {
+    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
+    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
+    "url": "https://segmentfault.com/a/1190000041730906",
+    "author": "JerryC",
+    "home_url": "https://segmentfault.com/u/jerryc",
+    "votes": "8",
+    "rank": 28
   },
   {
     "title": "javaScript 内存管理机制",
@@ -267,6 +258,15 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "5个一定要学会的JavaScript新特性",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
+    "url": "https://segmentfault.com/a/1190000041694411",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "13",
     "rank": 30
   }
 ]