@wcj/github-rank 22.3.21 → 22.3.22

package/web/data/sifou-daily.json

@@ -1,101 +1,137 @@
 [
   {
-    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
-    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
-    "url": "https://segmentfault.com/a/1190000041560515",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "6",
+    "title": "点击页面元素,这个Vite插件帮我打开了Vue组件 🚀",
+    "description": "vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.",
+    "url": "https://segmentfault.com/a/1190000041578690",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "分享一些阅读Java相关框架源码的经验",
-    "description": "很多源码都是samples样例项目以及单元测试，你可以从这些可执行的代码入手。例如Spring Authorization Server中的单元测试和样例。",
-    "url": "https://segmentfault.com/a/1190000041578380",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "1",
+    "title": "angular动态表单",
+    "description": "项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...",
+    "url": "https://segmentfault.com/a/1190000041583811",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "2",
+    "title": "用简单的代码描述Angular父组件、子组件传值",
+    "description": "其中①就是选择器，就是告诉别的组件，如果想调用我这个组件，就要使用本组件的选择器<selectorName></selectorName>来调用。",
+    "url": "https://segmentfault.com/a/1190000041583641",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "RGB、YUV、HSV和HSL区别和关联",
-    "description": "从我们最常见的RGB颜色出发，RGB分别对应着 Red（红）、Green（绿）、Blue（蓝），也就是我们平时所说的三原色，调整这三种颜色的比例，可以搭配出所有的色彩。",
-    "url": "https://segmentfault.com/a/1190000041577710",
-    "author": "冰以东",
-    "home_url": "https://segmentfault.com/u/bninecoding",
-    "votes": "1",
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
     "rank": 4
   },
   {
-    "title": "【混淆系列】二问：都2022年了你可知道强制缓存、协商缓存？",
-    "description": "大家好，我是猫小白，本文是前端混淆知识点第二问，致力于夯实基础、消灭模糊知识点。本文重点：为什么需要缓存机制。强制缓存、协商缓存是针对静态文件资源的，他们有什么区别或者联系？某些动态接口如何缓存？...",
-    "url": "https://segmentfault.com/a/1190000041577077",
-    "author": "华仔",
-    "home_url": "https://segmentfault.com/u/asmallwhitecat",
-    "votes": "1",
+    "title": "SQL CASE 表达式",
+    "description": "明显可以看出，简单表达式只是搜索表达式 a = b 的特例，因为无法书写任何符号，只要条件换成 a > b 就无法胜任了，而搜索表达式不但可以轻松胜任，甚至可以写聚合函数。",
+    "url": "https://segmentfault.com/a/1190000041578841",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "RocketMQ -- 消息消费队列与索引文件",
-    "description": "consumequeue是消息消费队列存储目录，比如我们建了一个TopicTest，有四个MessageQueue，那在consumequeue目录下，就有一个TopicTest目录，TopicTest目录下还有0，1，2，3四个目录，对应着MessageQueue的个数。这...",
-    "url": "https://segmentfault.com/a/1190000041576979",
-    "author": "大军",
-    "home_url": "https://segmentfault.com/u/dajun2733",
-    "votes": "1",
+    "title": "JVM自定义类加载器在代码扩展性的实践",
+    "description": "名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...",
+    "url": "https://segmentfault.com/a/1190000041579140",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "4",
     "rank": 6
   },
   {
-    "title": "名字查找",
-    "description": "名字查找C++ 有一个原则，就是标识符要先声明，再使用。每一个标识符在使用的时候，都要找到它对应的声明。这个过程，就是名字查找。在程序的不同结构中，名字查找的规则也不尽相同。下面简述如下。Unqualified n...",
-    "url": "https://segmentfault.com/a/1190000041576434",
-    "author": "fefe",
-    "home_url": "https://segmentfault.com/u/fefe_5d0b30d7515e7",
-    "votes": "1",
+    "title": "Java系列 | 远程热部署在美团的落地实践",
+    "description": "Sonic是美团内部研发设计的一款用于热部署的IDEA插件，本文其实现原理及落地的一些技术细节。在阅读本文之前，建议大家先熟悉一下Spring源码、Spring MVC 源码 、Spring Boot源码 、Agent字节码增强、Javassist、...",
+    "url": "https://segmentfault.com/a/1190000041581466",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "事件代理——减少事件监听函数",
-    "description": "事件代理（Event Delegation）很简单，主要是为了减少了事件监听函数的数量，通过利用事件冒泡阶段，将事件的处理放置在父元素上实现。",
-    "url": "https://segmentfault.com/a/1190000041575821",
-    "author": "鹏哥儿",
-    "home_url": "https://segmentfault.com/u/compose_hub",
-    "votes": "1",
+    "title": "HeapDump性能社区专题系列四：后端面试必备问题集",
+    "description": "一元复始，万象更新。春节结束，一切又是新的开始。马上就到“金三银四”了，有跳槽打算的工程师，一定已经开始偷偷努力了吧！今天堆堆帮大家整理了一些或经典或刁钻的面试题，以及一些难点解析，希望能帮大家查漏...",
+    "url": "https://segmentfault.com/a/1190000041580061",
+    "author": "HeapDump性能社区",
+    "home_url": "https://segmentfault.com/u/perfma",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "Java 集合 add 方法重复添加问题",
-    "description": "首先需要知道的是，在 add 方法里面，对于引用类型的对象，存放的是引用类型的地址，尤其是当我们使用 new 出来的对象并调用集合中的 add 方法来添时，当改变了该对象的属性，但该对象的地址并没有改变，所以当对...",
-    "url": "https://segmentfault.com/a/1190000041576894",
-    "author": "俗人",
-    "home_url": "https://segmentfault.com/u/suren_6225661042a5d",
-    "votes": "1",
+    "title": "Go 1.18 新特性多模块工作区教程-让多模块开发变得简单",
+    "description": "随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。",
+    "url": "https://segmentfault.com/a/1190000041578818",
+    "author": "link1st",
+    "home_url": "https://segmentfault.com/u/link1st",
+    "votes": "2",
     "rank": 9
   },
   {
-    "title": "延迟队列",
-    "description": "延迟队列有定时任务轮询数据库、DelayQueue、时间轮算法、消息中间件（RabbitMQ，RocketMQ，Kafka)、Redis等几种实现方式。",
-    "url": "https://segmentfault.com/a/1190000041576555",
-    "author": "asyy",
-    "home_url": "https://segmentfault.com/u/asyy",
+    "title": "全链路异步Rest客户端 ESA RestClient",
+    "description": "ESA Stack(Elastic Service Architecture) 是OPPO云计算中心孵化的技术品牌，致力于微服务相关技术栈，帮助用户快速构建高性能，高可用的云原生微服务。产品包含高性能Web服务框架、RPC框架、服务治理框架、注册...",
+    "url": "https://segmentfault.com/a/1190000041579589",
+    "author": "OPPO数智技术",
+    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "20 年的 Debian 开发者被排挤出项目；操作系统 “火龙” 被质疑抄袭；Swift 5.6 发布 | 思否周刊",
-    "description": "40s 新闻速递全宇宙首个中文编写的操作系统 “火龙” 被质疑抄袭下载 1 款软件捆绑 6 个！下载平台 “高速下载” 竟为元凶微信 PC 版 3.6.0 正式发布：支持添加好友功能 苹果：开发者向 App Store 提交的应用必须使用...",
-    "url": "https://segmentfault.com/a/1190000041575389",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "恒源云(GpuShare)_MaskFormer：语义分割可以不全是像素级分类",
+    "description": "论文：Per-Pixel Classification is Not All You Need for Semantic Segmentation",
+    "url": "https://segmentfault.com/a/1190000041583609",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
     "votes": "1",
     "rank": 11
+  },
+  {
+    "title": "如何使用Google Analytics Universal Analytics增强型电子商务",
+    "description": "Google Analytics: Universal Analytics增强型电子商务，可以让运营人员轻松地跟踪用户在其购物历程中与产品的互动，包括产品展示、产品点击、查看产品详情、将产品添加到购物车、结账流程、交易以及退款等操作。",
+    "url": "https://segmentfault.com/a/1190000041579818",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "美团内部讲座 | 清华大学崔鹏：因果推断技术最新的发展趋势",
+    "description": "随着人工智能的不断发展，安全及合规问题变得越来越重要。当前机器学习比较大的一个局限性在于其学习模型都是基于关联框架，这种框架存在样本选择偏差的问题，且其稳定性也较差。而因果推理模型的出现，给机器学...",
+    "url": "https://segmentfault.com/a/1190000041578658",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "这个牛逼的IDE插件，让你轻松检测代码安全漏洞，一键修复，核心引擎已开源",
+    "description": "还记得去年爆发的log4j漏洞吗？还记得经常因为代码漏洞被安全工程师追着修复的场景吗？是不是不想花太多时间去修复漏洞，又或者是不知道怎么修。最近我们推出了一款 IDE 插件，帮助各位开发者轻松解决代码安全问...",
+    "url": "https://segmentfault.com/a/1190000041584732",
+    "author": "罗永浩叔叔",
+    "home_url": "https://segmentfault.com/u/luoyonghaoshushu",
+    "votes": "3",
+    "rank": 14
+  },
+  {
+    "title": "一文说清FISCO BCOS性能压测（附实例教程）",
+    "description": "如今，区块链技术被广泛应用在各行各业中，也接受海量用户、海量数据的挑战，越来越多同学开始关注链与合约的性能。本文分别从原理、实操和技巧三个方面，为大家提供了详尽的FISCO BCOS性能压测指引，结合实例进...",
+    "url": "https://segmentfault.com/a/1190000041581195",
+    "author": "FISCO_BCOS",
+    "home_url": "https://segmentfault.com/u/fisco_bcos",
+    "votes": "0",
+    "rank": 15
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "73",
+    "votes": "75",
     "rank": 1
   },
   {
@@ -26,6 +26,15 @@
     "votes": "36",
     "rank": 3
   },
+  {
+    "title": "5年经验(专升本)入职B站分享",
+    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
+    "url": "https://segmentfault.com/a/1190000041572883",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "votes": "33",
+    "rank": 4
+  },
   {
     "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
     "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
@@ -33,7 +42,7 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "31",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -42,7 +51,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "28",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "CSS 实现透明方格的 3 种方式",
@@ -51,15 +60,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "27",
-    "rank": 6
-  },
-  {
-    "title": "css 的 filter属性竟然如此好玩",
-    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
-    "url": "https://segmentfault.com/a/1190000041549883",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "29",
     "rank": 7
   },
   {
@@ -68,9 +68,18 @@
     "url": "https://segmentfault.com/a/1190000041467802",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "23",
+    "votes": "25",
     "rank": 8
   },
+  {
+    "title": "css 的 filter属性竟然如此好玩",
+    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
+    "url": "https://segmentfault.com/a/1190000041549883",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "33",
+    "rank": 9
+  },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
     "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
@@ -78,7 +87,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
@@ -87,7 +96,7 @@
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
     "votes": "22",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -96,7 +105,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "22",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "革命性创新，动画杀手锏 @scroll-timeline",
@@ -105,7 +114,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "21",
-    "rank": 12
+    "rank": 13
+  },
+  {
+    "title": "神奇的 CSS，让文字智能适配背景颜色",
+    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
+    "url": "https://segmentfault.com/a/1190000041556519",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "24",
+    "rank": 14
   },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
@@ -114,7 +132,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "13",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -123,7 +141,7 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "16",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
@@ -132,16 +150,7 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 15
-  },
-  {
-    "title": "5年经验(专升本)入职B站分享",
-    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
-    "url": "https://segmentfault.com/a/1190000041572883",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "19",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -150,7 +159,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -159,7 +168,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -168,15 +177,6 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "14",
-    "rank": 19
-  },
-  {
-    "title": "神奇的 CSS，让文字智能适配背景颜色",
-    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
-    "url": "https://segmentfault.com/a/1190000041556519",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
     "rank": 20
   },
   {
@@ -239,7 +239,7 @@
     "url": "https://segmentfault.com/a/1190000041473617",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "14",
+    "votes": "15",
     "rank": 27
   },
   {
@@ -252,21 +252,21 @@
     "rank": 28
   },
   {
-    "title": "什么是 LRU 算法？",
-    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
-    "url": "https://segmentfault.com/a/1190000041542627",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "10",
+    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
+    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
+    "url": "https://segmentfault.com/a/1190000041553527",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "13",
     "rank": 29
   },
   {
-    "title": "走进开源项目 - urlcat",
-    "description": "urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。",
-    "url": "https://segmentfault.com/a/1190000041474553",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "13",
+    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
+    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
+    "url": "https://segmentfault.com/a/1190000041560515",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "17",
     "rank": 30
   }
 ]