@wcj/github-rank 22.10.17 → 22.10.19

package/dist/sifou-weekly.json

@@ -1,49 +1,40 @@
 [
   {
-    "title": "超强的纯 CSS 鼠标点击拖拽效果",
-    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
-    "url": "https://segmentfault.com/a/1190000042589774",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "title": "思否猫拼接怪编辑器",
+    "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
+    "url": "https://segmentfault.com/a/1190000042632786",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "华为王泽锋：协作创新、开源的魅力所在",
-    "description": "受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...",
-    "url": "https://segmentfault.com/a/1190000042589829",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "10分钟教你写一个数据库",
+    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
+    "url": "https://segmentfault.com/a/1190000042613900",
+    "author": "艾小仙",
+    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "前端框架：性能与灵活性的取舍",
-    "description": "大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...",
-    "url": "https://segmentfault.com/a/1190000042598225",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
+    "title": "你不知道的JavaScript APIs",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042558270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
-    "description": "不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～",
-    "url": "https://segmentfault.com/a/1190000042598682",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "5个常见的JavaScript内存错误",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042622557",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
     "rank": 4
   },
-  {
-    "title": "快速了解 inert 属性",
-    "description": "欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...",
-    "url": "https://segmentfault.com/a/1190000042595978",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
-    "rank": 5
-  },
   {
     "title": "电子表格也能做购物车？简单三步就能实现",
     "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
@@ -51,7 +42,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？",
@@ -60,7 +51,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”",
@@ -69,25 +60,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "10分钟教你写一个数据库",
-    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
-    "url": "https://segmentfault.com/a/1190000042613900",
-    "author": "艾小仙",
-    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
-    "votes": "3",
-    "rank": 9
+    "rank": 7
   },
   {
-    "title": "5个常见的JavaScript内存错误",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042622557",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "一款纯 JS 实现的轻量化图片编辑器",
+    "description": "刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.",
+    "url": "https://segmentfault.com/a/1190000042612529",
+    "author": "行知万门",
+    "home_url": "https://segmentfault.com/u/xingzhiwanmen",
     "votes": "3",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "字节跳动后端面经五",
@@ -96,16 +78,16 @@
     "author": "zydybaby",
     "home_url": "https://segmentfault.com/u/zydybaby",
     "votes": "2",
-    "rank": 11
+    "rank": 9
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？",
-    "description": "最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...",
-    "url": "https://segmentfault.com/a/1190000042598383",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
-    "rank": 12
+    "title": "CSS 绘制一只思否猫",
+    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
+    "url": "https://segmentfault.com/a/1190000042643893",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
+    "rank": 10
   },
   {
     "title": "spring boot  文件上传和下载",
@@ -114,52 +96,16 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "4",
-    "rank": 13
-  },
-  {
-    "title": "Go语言学习笔记：Http请求--Gorequest使用",
-    "description": "最近几天部署代理池的时候，用Python写了requests请求测试IP地址检测连通性的脚本。但是发现了一个问题，requests.get带代理请求有时候请求不通。我初步认为代理的问题，但是之后我用了curl请求发现代理是正常的...",
-    "url": "https://segmentfault.com/a/1190000042602198",
-    "author": "ipidea",
-    "home_url": "https://segmentfault.com/u/ipidea",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "浅谈移动端单屏解决方案",
-    "description": "文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...",
-    "url": "https://segmentfault.com/a/1190000042587022",
-    "author": "深红",
-    "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "新一波 JavaScript 框架",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042558282",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "Python多进程——进程池的开启和多进程操作同一个List",
-    "description": "为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...",
-    "url": "https://segmentfault.com/a/1190000042616103",
-    "author": "ipidea",
-    "home_url": "https://segmentfault.com/u/ipidea",
-    "votes": "1",
-    "rank": 17
+    "rank": 11
   },
   {
-    "title": "用 javascript 写 SQL",
-    "description": "介绍基于 node-postgreSql 的 sql 客户端什么时候需要用 javascript 写 SQL？避免重复一些 SQL 可以省去多余的代码，例如根据条件查询数据 {代码...} 静态检查例如数据操作是不是符合规范： {代码...} 应用释放资...",
-    "url": "https://segmentfault.com/a/1190000042583108",
-    "author": "donggg",
-    "home_url": "https://segmentfault.com/u/donggg1942",
-    "votes": "1",
-    "rank": 18
+    "title": "记录一个关于 GBK 编码的问题",
+    "description": "UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。",
+    "url": "https://segmentfault.com/a/1190000042621309",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "3",
+    "rank": 12
   },
   {
     "title": "JSON对象转换TypeScript声明",
@@ -168,34 +114,16 @@
     "author": "兰俊秋雨",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "将Bean交给Spring容器管理有几种方式？",
-    "description": "将Bean交给Spring容器管理的几种方式Spring核心Spring核心是 IOC 和 AOP 。所谓IoC，对于spring框架来说，就是由spring来负责控制对象的生命周期和对象间的关系。至于更详细的说明，或者去深入理解Spring这两大核...",
-    "url": "https://segmentfault.com/a/1190000042602933",
-    "author": "JanYork_小简",
-    "home_url": "https://segmentfault.com/u/amin_624fd35aeb42d",
-    "votes": "2",
-    "rank": 20
-  },
-  {
-    "title": "一款纯 JS 实现的轻量化图片编辑器",
-    "description": "刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.",
-    "url": "https://segmentfault.com/a/1190000042612529",
-    "author": "行知万门",
-    "home_url": "https://segmentfault.com/u/xingzhiwanmen",
-    "votes": "2",
-    "rank": 21
+    "rank": 13
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.10",
-    "description": "hello，大家好呀，本喵又来准时报道啦～节后大家感受如何呀，反正本喵只想说好想为祖国妈妈再过一次生日😂回归主题，来给大家来汇报一下社区近期发生的事儿～",
-    "url": "https://segmentfault.com/a/1190000042605854",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "Python多进程——进程池的开启和多进程操作同一个List",
+    "description": "为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...",
+    "url": "https://segmentfault.com/a/1190000042616103",
+    "author": "ipidea",
+    "home_url": "https://segmentfault.com/u/ipidea",
     "votes": "1",
-    "rank": 22
+    "rank": 14
   },
   {
     "title": "深入理解JavaScript——词法环境",
@@ -204,7 +132,16 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
-    "rank": 23
+    "rank": 15
+  },
+  {
+    "title": "基于 Impala 的高性能数仓实践之物化视图服务",
+    "description": "接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...",
+    "url": "https://segmentfault.com/a/1190000042621298",
+    "author": "网易数帆",
+    "home_url": "https://segmentfault.com/u/163yun",
+    "votes": "1",
+    "rank": 16
   },
   {
     "title": "vue3封装一个带动画的关闭按钮",
@@ -213,16 +150,34 @@
     "author": "jsoncode",
     "home_url": "https://segmentfault.com/u/jsoncode",
     "votes": "1",
-    "rank": 24
+    "rank": 17
   },
   {
-    "title": "基于 Impala 的高性能数仓实践之物化视图服务",
-    "description": "接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...",
-    "url": "https://segmentfault.com/a/1190000042621298",
-    "author": "网易数帆",
-    "home_url": "https://segmentfault.com/u/163yun",
+    "title": "2022 最受欢迎的 CSS 类名和 ID 分别是什么",
+    "description": "CSS是用来布局和格式化网页和其他媒体的语言。它是 Web 的三种主要语言之一，与HTML(用于结构)和JavaScript(用于行为)并列。每一年，我们都看到CSS的规模在增长，2022年也不例外。",
+    "url": "https://segmentfault.com/a/1190000042606394",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 25
+    "rank": 18
+  },
+  {
+    "title": "Go-Web基础",
+    "description": "Go-Web基础Web服务器工作原理 {代码...} URL {代码...} DNS {代码...} HTTP协议 {代码...} {代码...} {代码...} Go-搭建一个http服务器 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042626100",
+    "author": "BewaterMyfriends",
+    "home_url": "https://segmentfault.com/u/bewatermyfriends",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "NodeJS 服务 Docker 镜像极致优化指北",
+    "description": "这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...",
+    "url": "https://segmentfault.com/a/1190000042623699",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "2",
+    "rank": 20
   },
   {
     "title": "【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码",
@@ -231,16 +186,34 @@
     "author": "wangstoudamire",
     "home_url": "https://segmentfault.com/u/wangstoudamire_62b438915bf66",
     "votes": "1",
-    "rank": 26
+    "rank": 21
   },
   {
-    "title": "详解webpack构建优化",
-    "description": "当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。",
-    "url": "https://segmentfault.com/a/1190000042595326",
-    "author": "gogo2027",
-    "home_url": "https://segmentfault.com/u/bakuaifujideguantou",
+    "title": "js时间格式封装及转换",
+    "description": "1、将毫秒，转换成时间字符串。例如说，xx 分钟 {代码...} 2、获取当前时间 timeStr 时分秒 字符串 格式为 xx:xx:xx（23:59:59） {代码...} 3、时间戳转年月日时分秒（例：Thu Sep 01 2022 08:00:00 GMT+0800 (中...",
+    "url": "https://segmentfault.com/a/1190000042620215",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "4",
+    "rank": 22
+  },
+  {
+    "title": "ReactQuery系列文章- 1. React Query 实践",
+    "description": "当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...",
+    "url": "https://segmentfault.com/a/1190000042629569",
+    "author": "lakb248",
+    "home_url": "https://segmentfault.com/u/kk_470661",
     "votes": "1",
-    "rank": 27
+    "rank": 23
+  },
+  {
+    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
+    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
+    "url": "https://segmentfault.com/a/1190000042627779",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "2",
+    "rank": 24
   },
   {
     "title": "IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践",
@@ -249,7 +222,7 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "1",
-    "rank": 28
+    "rank": 25
   },
   {
     "title": "从零手写react-router",
@@ -258,7 +231,16 @@
     "author": "hello_world_1024",
     "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
     "votes": "1",
-    "rank": 29
+    "rank": 26
+  },
+  {
+    "title": "中文输入法中光标跟随能力触发的浏览器事件探究",
+    "description": ":::tip最近在着手腾讯文档的输入体验优化，在其中有一个不起眼的小需求引起了我的注意，并顺便研究了一些事件监听机制相结合的特点，特此记录一下填坑过程。:::",
+    "url": "https://segmentfault.com/a/1190000042620447",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "1",
+    "rank": 27
   },
   {
     "title": "铜九银十react考察点梳理",
@@ -267,6 +249,24 @@
     "author": "紧张的大葱",
     "home_url": "https://segmentfault.com/u/jinzhangdedacong",
     "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "视频中为什么需要这么多的颜色空间？",
+    "description": "导读：在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？为什么在 FFMpeg 中会有 color\\_space，color\\_transfer，color\\_primaries 等一系列的颜色...",
+    "url": "https://segmentfault.com/a/1190000042613694",
+    "author": "百度Geek说",
+    "home_url": "https://segmentfault.com/u/baidujiagoushi",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "Elasticsearch创建一个索引怎么也这么复杂",
+    "description": "今天是我们学习ES8.1官方搜索工程师的第一课，首先第一个问题就是根据给定的需求创建一个索引，本篇文章将采用如下（总分总）的形式分析该题目，第一部分先进行考题的分析，猜测要考的知识点大概有什么，然后第二...",
+    "url": "https://segmentfault.com/a/1190000042622274",
+    "author": "醉鱼",
+    "home_url": "https://segmentfault.com/u/17970",
+    "votes": "1",
     "rank": 30
   }
 ]