@wcj/github-rank 22.5.18 → 22.5.19

package/dist/sifou-daily.json

@@ -1,109 +1,109 @@
 [
   {
-    "title": "微服务从代码到k8s部署应有尽有大结局（k8s部署）",
-    "description": "整个项目使用了go-zero开发的微服务，基本包含了go-zero以及相关go-zero作者开发的一些中间件，所用到的技术栈基本是go-zero项目组的自研组件，基本是go-zero全家桶了。",
-    "url": "https://segmentfault.com/a/1190000041854213",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "树莓派控制调速以及关于PWM的思考",
+    "description": "最近在寻思用树莓派控制电机速度，电机预估电压是24V，电流是10A，以这样的配置需要个无极调速控制器控制电机转速，看了下相关的控制器价格也不贵，十多块钱就能整一块。然后，相关的无极调速有提供PWM控制的。",
+    "url": "https://segmentfault.com/a/1190000041860546",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "4",
     "rank": 1
   },
   {
-    "title": "27 年间从巅峰沦为“笑柄”，微软宣布 IE 浏览器终于要退役了！",
-    "description": "5 月 16 日，@微软 Edge 浏览器官方微博账号发文宣布“微软 IE 浏览器将于 6 月 16 日正式退役”，此消息一出引发网友热议。",
-    "url": "https://segmentfault.com/a/1190000041855932",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "跨境电商 2 大技术难题，到底该如何解决？",
+    "description": "据《2021中国跨境电商发展报告》显示，2019 至 2020 年间，欧美及亚太地区主要国家的电商整体零售额经历了 15% 以上的高速增长。这是因为 2020 年新冠疫情席卷全球后，消费者大规模转向线上消费。这是我国电商企...",
+    "url": "https://segmentfault.com/a/1190000041860634",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "js面试题(进阶)梳理",
-    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
-    "url": "https://segmentfault.com/a/1190000041855296",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "前端工程化之FaaS SSR方案​",
-    "description": "导读：揭秘百度直播研发部Web应用SSR技术新玩法，在CSR目录下添加一个JS计算函数就可以让页面具有SSR能力。依托端云协同驱动打通SSR技术关键路径、规模化落地引领高品质Web应用的市场价值。让我们对这个小时级赋...",
-    "url": "https://segmentfault.com/a/1190000041856060",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
-    "votes": "1",
+    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
+    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
+    "url": "https://segmentfault.com/a/1190000041861125",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "Linux系统下如何安装Mysql",
-    "description": "注意：如果已经有Mysql但是想要换版本号，切记不要直接下载，要先把旧版本的Mysql删除干净再重新下载。（本文并未提供删除的步骤，请自行百度）",
-    "url": "https://segmentfault.com/a/1190000041858541",
-    "author": "知否思Fou",
-    "home_url": "https://segmentfault.com/u/5um2c4p6",
+    "title": "单点登录（SSO）",
+    "description": "单点登录：Single Sign On，简称SSO。用户只要登录一次，就可以访问所有相关信任应用的资源。企业里面用的会比较多，有很多内网平台，但是只要在一个系统登录就可以。",
+    "url": "https://segmentfault.com/a/1190000041859105",
+    "author": "OneStar",
+    "home_url": "https://segmentfault.com/u/funnycoderstar",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "【Java面试】Spring中有哪些方式可以把Bean注入到IOC容器？",
-    "description": "今天收到一个工作4年的粉丝的面试题。问题是： “Spring中有哪些方式可以把Bean注入到IOC容器”。他说这道题是所有面试题里面回答最好的，但是看面试官的表情，好像不太对。我问他怎么回答的，他说： “接口注入”、“...",
-    "url": "https://segmentfault.com/a/1190000041857704",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "Java 15 新特性：隐藏类",
+    "description": "隐藏类，是一种不能被其他类直接使用的类。引入隐藏类的主要目的是给框架来使用，使得框架可以在运行时生成类，并通过反射间接使用它们。可能有点抽象，不要紧，下面我们通过一个例子来直观的认识它！",
+    "url": "https://segmentfault.com/a/1190000041864445",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "这款私有化部署的企业级在线文档，你了解多少？",
-    "description": "大家好！一直以来给大家讲解的都是无忧·企业文档是办公软件，那么这款文档到底是适用于哪些人群呢？它真正能产生什么价值？相信还是有很多小伙伴还不太了解无忧·企业文档，今天小编就带大家一起来更加熟悉的了解...",
-    "url": "https://segmentfault.com/a/1190000041857684",
-    "author": "软件部长",
-    "home_url": "https://segmentfault.com/u/ruanjiankaifa_xiaofanya",
+    "title": "冴羽答读者问：如何快速找到一个聊得来的人生伴侣",
+    "description": "这背后可能有男女标准不一致的缘故，但就我接触的情况而言，我感觉更多人是，嘴上喊着找男女朋友，但身体却很诚实的待在家里，看到喜欢的类型，不敢搭讪，父母亲朋介绍的，却又总是拒绝，APP 找的对象感觉又各种...",
+    "url": "https://segmentfault.com/a/1190000041864109",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "我的pycharm",
-    "description": "812LFWMRSH-eyJsaWNlbnNlSWQiOiI4MTJMRldNUlNIIiwibGljZW5zZWVOYW1lIjoi5q2j54mIIOaOiOadgyIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJlbnRVc2UiOm...",
-    "url": "https://segmentfault.com/a/1190000041857540",
-    "author": "老头憨憨",
-    "home_url": "https://segmentfault.com/u/laotouhanhan",
+    "title": "你会犯这些 Go 编码错误吗（二）？",
+    "description": "大家好，我是煎鱼。前一次给大家分享了《你会犯这些 Go 编码错误吗（一）？》，不知道大家吸收的怎么样，还有再踩到类似的坑吗？今天继续来第二弹，跟煎鱼上车。Go 常见错误6. 同名变量的作用域问题我们在编写程...",
+    "url": "https://segmentfault.com/a/1190000041861367",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "SQL基础入门",
-    "description": "体验简介本实验提供一台基础环境为CentOS的ECS（云服务器）实例，点击体验。我们将会在这台服务器上安装mysql，然后学习基本的SQL语句。体验此场景后，可以掌握的知识有：MySQL安装。基本SQL语句的使用。背景知识...",
-    "url": "https://segmentfault.com/a/1190000041857043",
-    "author": "阿里云云起实验室",
-    "home_url": "https://segmentfault.com/u/bainana",
+    "title": "PN532模块复制IC加密卡",
+    "description": "PN532是一个高度集成的非接触读写芯片，它包含80C51微控制器内核（这个8051用户是不能对它编程的，它是用来内置NFC的底层通信协议栈），集成了13.56MHz下的各种主动/被动式非接触通信方法和协议。",
+    "url": "https://segmentfault.com/a/1190000041863918",
+    "author": "流离幻影",
+    "home_url": "https://segmentfault.com/u/liulihuanying",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "移动端适配",
-    "description": "屏幕尺寸屏幕分辨率数值大的在前面，数值小的在后面PPI和DPI是指对角线上每英寸的像素数量，而不是每平方英寸上的像素数量，这里指物理像素设备像素和逻辑像素设备像素即物理像素：逻辑像素：这个375*667就是逻辑...",
-    "url": "https://segmentfault.com/a/1190000041855237",
-    "author": "美丽又漂亮的前端",
-    "home_url": "https://segmentfault.com/u/meiliqianduan",
-    "votes": "1",
+    "title": "threejs 360全景工具开发心得",
+    "description": "最近做了一个720全景工具，有很多开发人员觉得全景图很简单，github上也有很多全景图的源码，但当实际使用的时候会发现有很多坑，还达不到真正意义上的商用级别，下面我会把我们开发这个项目遇到的一些坑和解决方...",
+    "url": "https://segmentfault.com/a/1190000041862728",
+    "author": "馒头",
+    "home_url": "https://segmentfault.com/u/mtsee",
+    "votes": "3",
     "rank": 10
   },
   {
-    "title": "CompletableFuture原理与实践-外卖商家端API的异步化",
-    "description": "CompletableFuture由Java 8提供，是实现异步化的工具类，上手难度较低，且功能强大，支持通过函数式编程的方式对各类操作进行组合编排。相比于ListenableFuture，CompletableFuture有效提升了代码的可读性，解决...",
-    "url": "https://segmentfault.com/a/1190000041859321",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "你说写代码，最常用的3个设计模式是啥？",
+    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、前言：望闻问切🌺 哈喽，大家好，我是技术UP主小傅哥！ 哈哈哈，到今天为止，差不多用了3个月里周末和假期的时间，小傅哥在B站的第一...",
+    "url": "https://segmentfault.com/a/1190000041860414",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "React Hooks 实现的中文输入组件",
-    "description": "在前端开发中，通过监听 onInput 事件来触发输入框内容的更新，是没有问题的，但如果输入的内容有中文的时候，会出现类似 zhong'wen'nei'rong这样的备选内容。这种内容的影响普遍不会很大，但是当需要对输入的内...",
-    "url": "https://segmentfault.com/a/1190000041857495",
-    "author": "知名喷子",
-    "home_url": "https://segmentfault.com/u/mourun_5eda169028465",
+    "title": "字节跳动的多平台绽放秘诀 | Flutter 开发者故事",
+    "description": "字节跳动旗下运营着一系列成功的用户产品、企业应用以及服务，覆盖信息、教育、娱乐等不同领域。随着产品阵容的不断发展，传统的原生双平台开发已经难以满足团队更高效、更灵活、更精美，以及更多样的产品研发需...",
+    "url": "https://segmentfault.com/a/1190000041859989",
+    "author": "Flutter",
+    "home_url": "https://segmentfault.com/u/flutter",
     "votes": "1",
     "rank": 12
   }

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "62",
+    "votes": "64",
     "rank": 1
   },
   {
@@ -23,9 +23,18 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "44",
+    "votes": "45",
     "rank": 3
   },
+  {
+    "title": "现代 CSS 解决方案：CSS 数学函数",
+    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
+    "url": "https://segmentfault.com/a/1190000041826742",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "36",
+    "rank": 4
+  },
   {
     "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
     "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
@@ -33,15 +42,6 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "35",
-    "rank": 4
-  },
-  {
-    "title": "现代 CSS 解决方案：CSS 数学函数",
-    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
-    "url": "https://segmentfault.com/a/1190000041826742",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "33",
     "rank": 5
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "27",
+    "votes": "28",
     "rank": 8
   },
   {
@@ -77,7 +77,7 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "22",
+    "votes": "25",
     "rank": 9
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000041754709",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "23",
+    "votes": "24",
     "rank": 10
   },
   {
@@ -104,9 +104,18 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "20",
+    "votes": "22",
     "rank": 12
   },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
+    "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
+    "url": "https://segmentfault.com/a/1190000041830559",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "21",
+    "rank": 13
+  },
   {
     "title": "CSS 实现切角效果",
     "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
@@ -114,7 +123,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
@@ -123,7 +132,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -132,7 +141,16 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 15
+    "rank": 16
+  },
+  {
+    "title": "我做了一个在线白板！！！",
+    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
+    "url": "https://segmentfault.com/a/1190000041769612",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "14",
+    "rank": 17
   },
   {
     "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -140,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "18",
-    "rank": 16
+    "votes": "19",
+    "rank": 18
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -150,16 +168,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "22",
-    "rank": 17
-  },
-  {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "13",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "如何构建可控,可靠,可扩展的 PWA 应用",
@@ -168,15 +177,6 @@
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
     "votes": "14",
-    "rank": 19
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
-    "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
-    "url": "https://segmentfault.com/a/1190000041830559",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "18",
     "rank": 20
   },
   {
@@ -242,6 +242,15 @@
     "votes": "10",
     "rank": 27
   },
+  {
+    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
+    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
+    "url": "https://segmentfault.com/a/1190000041771296",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 28
+  },
   {
     "title": "这些CSS提效技巧，你需要知道！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -249,7 +258,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -258,15 +267,6 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "11",
-    "rank": 29
-  },
-  {
-    "title": "CSS 实现树状结构目录",
-    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
-    "url": "https://segmentfault.com/a/1190000041815758",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
     "rank": 30
   }
 ]