@wcj/github-rank 22.9.16 → 22.9.18

package/web/data/sifou-weekly.json

@@ -1,47 +1,47 @@
 [
-  {
-    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
-    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
-    "url": "https://segmentfault.com/a/1190000042458570",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "7",
-    "rank": 1
-  },
   {
     "title": "还在用定时器吗？借助 CSS 来监听事件",
     "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
     "url": "https://segmentfault.com/a/1190000042475578",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "votes": "14",
+    "rank": 1
+  },
+  {
+    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
+    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
+    "url": "https://segmentfault.com/a/1190000042458570",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "8",
     "rank": 2
   },
   {
-    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "7",
+    "title": "深入理解JavaScript-JavaScript 中的始皇",
+    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
+    "url": "https://segmentfault.com/a/1190000042469668",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "3",
     "rank": 3
   },
   {
-    "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",
+    "title": "如何写成高性能的代码（一）：巧用Canvas绘制电子表格",
+    "description": "Canvas是HTML5的标签，是HTML5的一种新特性，又称画板。顾名思义，我们可以将其理解为一块画布，支持在上面绘制矩形、圆形等图形或logo等。需要注意的是，与其他标签不同，Canvas只是一块空画布，其本身是不能绘...",
+    "url": "https://segmentfault.com/a/1190000042487453",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "2022 Google 谷歌开发者大会亮点抢先看",
-    "description": "2022 Google 开发者大会还有 5 天即将盛大开幕！技术演讲，精彩各异大咖云集，交流探讨科技互动，趣味体验大会亮点剧透提前看来找找你最期待的内容吧！ 观看视频，亮点先睹为快[链接]9 月 14 日大会主旨演讲闪亮...",
-    "url": "https://segmentfault.com/a/1190000042454231",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "2",
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "8",
     "rank": 5
   },
   {
@@ -72,11 +72,11 @@
     "rank": 8
   },
   {
-    "title": "深入理解JavaScript-JavaScript 中的始皇",
-    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
-    "url": "https://segmentfault.com/a/1190000042469668",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "共码未来 | 助力打造现代、高效、流畅的开发体验",
+    "description": "谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...",
+    "url": "https://segmentfault.com/a/1190000042501529",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
     "rank": 9
   },
@@ -98,6 +98,15 @@
     "votes": "4",
     "rank": 11
   },
+  {
+    "title": "里程碑！用自己的编程语言实现了一个网站",
+    "description": "前言在上一篇《终于实现了一门属于自己的编程语言》 介绍了自己写的编程语言 GScript ，在文中提到希望最终可以使用 GScript 开发一个网站。到目前为止确实是做到了，首页地址：[链接]要称为一个网站确实有点勉强...",
+    "url": "https://segmentfault.com/a/1190000042473463",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "2",
+    "rank": 12
+  },
   {
     "title": "新时代布局新特性 -- 容器查询",
     "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
@@ -105,16 +114,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 12
+    "rank": 13
   },
   {
-    "title": "分析了1011个程序员的裁员情况后得出的启示",
-    "description": "大家好，我卡颂。大家应该能明显感觉到最近几个月求职环境不太好，但究竟有多不好，具体的情况是什么样的？为了分析程序员职场现状，我进行了裁员情况调查，一共有1011位程序员朋友参与。本文会根据调查结果，为...",
-    "url": "https://segmentfault.com/a/1190000042461269",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
-    "rank": 13
+    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
+    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
+    "url": "https://segmentfault.com/a/1190000042500419",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "实现《羊了个羊》的小游戏",
+    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
+    "url": "https://segmentfault.com/a/1190000042502121",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "4",
+    "rank": 15
   },
   {
     "title": "Taro源码-cli项目创建的过程",
@@ -122,8 +140,17 @@
     "url": "https://segmentfault.com/a/1190000042478842",
     "author": "perkz",
     "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
-    "votes": "8",
-    "rank": 14
+    "votes": "10",
+    "rank": 16
+  },
+  {
+    "title": "这个开源 api 管理工具终于支持 Websocket 协议测试、插件管理功能了",
+    "description": "距离上一次发布正式版本过了两周，这两周我们在攒一个大功能—— 支持 Websocket 协议测试！长期关注我们的共建者知道，这个功能预告了几万年，真不是我们拖延，是 API 协议实在太多了...有些协议纵横互联网 20 年...",
+    "url": "https://segmentfault.com/a/1190000042479125",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 17
   },
   {
     "title": "Vite入门从手写一个乞丐版的Vite开始（上）",
@@ -132,16 +159,25 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "2",
-    "rank": 15
+    "rank": 18
   },
   {
-    "title": "Chrome已实现对H.265/HEVC的硬解支持",
-    "description": "H.265/HEVC作为ITU-T VCEG继H.264/AVC之后所制定的新视频编码标准，能够在有限带宽下传输质量更高的视频。超高清视频的普及与流行，使得各大网站不得不用H.265来代替老旧的H.264编码做视频传输，当使用H.265标准...",
-    "url": "https://segmentfault.com/a/1190000042455598",
-    "author": "微帧Visionular",
-    "home_url": "https://segmentfault.com/u/visionular",
-    "votes": "1",
-    "rank": 16
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
+    "rank": 19
+  },
+  {
+    "title": "分析了1011个程序员的裁员情况后得出的启示",
+    "description": "大家好，我卡颂。大家应该能明显感觉到最近几个月求职环境不太好，但究竟有多不好，具体的情况是什么样的？为了分析程序员职场现状，我进行了裁员情况调查，一共有1011位程序员朋友参与。本文会根据调查结果，为...",
+    "url": "https://segmentfault.com/a/1190000042461269",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
+    "rank": 20
   },
   {
     "title": "SegmentFault 思否技术周刊 — 如何做好性能优化？",
@@ -150,25 +186,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "C++函数模板的具体化",
-    "description": "在代码中声明函数模板的时候，是不会生成函数定义的，当编译器使用模板为特定类型生成函数定义时，得到的是模板实例。例如如下代码，这样的模板并非函数定义。",
-    "url": "https://segmentfault.com/a/1190000042456890",
-    "author": "keep",
-    "home_url": "https://segmentfault.com/u/keep_630cb8331de97",
-    "votes": "1",
-    "rank": 18
+    "rank": 21
   },
   {
-    "title": "里程碑！用自己的编程语言实现了一个网站",
-    "description": "前言在上一篇《终于实现了一门属于自己的编程语言》 介绍了自己写的编程语言 GScript ，在文中提到希望最终可以使用 GScript 开发一个网站。到目前为止确实是做到了，首页地址：[链接]要称为一个网站确实有点勉强...",
-    "url": "https://segmentfault.com/a/1190000042473463",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "1",
-    "rank": 19
+    "title": "聊聊单点登录(SSO)中的CAS认证",
+    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
+    "url": "https://segmentfault.com/a/1190000042489268",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "6",
+    "rank": 22
   },
   {
     "title": "OpenDataV低代码平台新增组件流程",
@@ -177,16 +204,16 @@
     "author": "星星在线",
     "home_url": "https://segmentfault.com/u/dengshangxing",
     "votes": "2",
-    "rank": 20
+    "rank": 23
   },
   {
-    "title": "在 JavaScript 中，什么时候使用 Map 或胜过 Object",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042366094",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "如何使用 VS Code 调试 Vue.js 项目？",
+    "description": "简介此教程会以一个全新的 Vue.js 项目作为模板进行配置，你可以跟随教程一步步操作，也可以按照教程将配置添加到已有的项目中。仓库地址：[链接]创建项目通过 vue 提供的 create-vue 脚手架，创建一个 vue3 项目...",
+    "url": "https://segmentfault.com/a/1190000042460617",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/limingxin",
     "votes": "2",
-    "rank": 21
+    "rank": 24
   },
   {
     "title": "🦀🦀🦀 一个普通人的前端职业成长之路",
@@ -195,25 +222,16 @@
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "2",
-    "rank": 22
-  },
-  {
-    "title": "关于 JavaScript 中 null 的一切",
-    "description": "原文地址：Everything about null in JavaScript原文作者：Dmitri Pavlutin译者：GopalJavaScript 有两种类型：原始类型（strings, booleans, numbers, symbols）和对象对象是一个复杂的数据结构。最简单的 JavaS...",
-    "url": "https://segmentfault.com/a/1190000042456629",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
-    "rank": 23
+    "rank": 25
   },
   {
-    "title": "[JS入门到进阶] 手写解析uin8数组的工具：解析二进制字节，太快太方便了！",
-    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
-    "url": "https://segmentfault.com/a/1190000042456677",
-    "author": "HullQin",
-    "home_url": "https://segmentfault.com/u/hullqin",
-    "votes": "1",
-    "rank": 24
+    "title": "深入理解JavaScript-instanceof——找祖籍",
+    "description": "我们分别在 JavaScript由什么组成 和 JavaScript 中的始皇 两篇文章中讲到了 instanceof，这篇文章好好说说 instanceof什么是 instanceof？MAN 的解释是：instanceof 运算符用于检测构造函数的 prototype 属性是...",
+    "url": "https://segmentfault.com/a/1190000042488074",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
+    "rank": 26
   },
   {
     "title": "【1-1 Golang】Go语言快速入门—基本语法",
@@ -222,7 +240,7 @@
     "author": "西红柿",
     "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
     "votes": "1",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "vivo 全球商城：电商平台通用取货码设计",
@@ -231,7 +249,7 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "5",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "史上最全python基础知识点笔记大全 300多页 32个pdf",
@@ -240,32 +258,14 @@
     "author": "雨未歇 ?",
     "home_url": "https://segmentfault.com/u/yuweixie",
     "votes": "1",
-    "rank": 27
-  },
-  {
-    "title": "一文看懂Node处理CPU密集型任务的方法有哪些",
-    "description": "Node是一个非阻塞I/O(non-blocking I/O)和事件驱动(event-driven)的JavaScript运行环境(runtime)，所以它非常适合用来构建I/O密集型应用，例如Web服务等。",
-    "url": "https://segmentfault.com/a/1190000042471511",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
-    "votes": "1",
-    "rank": 28
-  },
-  {
-    "title": "初探Groovy",
-    "description": "Groovy 是动态语言，引入很多有意思的特性。如果将Java比喻为楷书，则Groovy是行书，开发效率很高。而且Groovy JDK中包含很多实用工具，开发舒适。",
-    "url": "https://segmentfault.com/a/1190000042453985",
-    "author": "骚铭科技",
-    "home_url": "https://segmentfault.com/u/saoming_zhang",
-    "votes": "1",
     "rank": 29
   },
   {
-    "title": "掌握了这几个 Linux 命令可以让你工作效率提升三倍",
-    "description": "很多程序员熟悉了在 Windows 环境下开发，而我们服务器一般都是 Linux 系统。当有一天你需要在 Linux 服务器上做一些配置或者故障排除的时候，你会很困惑，不知道如何下手。原因是对 Linux 常用的命令还不熟悉，...",
-    "url": "https://segmentfault.com/a/1190000042461565",
-    "author": "CRMEB",
-    "home_url": "https://segmentfault.com/u/crmeb",
+    "title": "类型体操的9种类型运算、4种类型套路总结",
+    "description": "今天给大家分享的主题是一起来做类型体操。主要分为 4 个部分进行介绍：类型体操的背景，通过背景了解为什么要在项目中加入类型体操；了解类型体操的主要类型、运算逻辑、和类型套路；类型体操实践，解析 TypeScr...",
+    "url": "https://segmentfault.com/a/1190000042489026",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "votes": "1",
     "rank": 30
   }