@wcj/github-rank 22.4.29 → 22.4.30

package/web/data/sifou-daily.json

@@ -1,119 +1,47 @@
 [
   {
-    "title": "这些CSS提效技巧，你需要知道！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041711730",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验",
+    "description": "移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...",
+    "url": "https://segmentfault.com/a/1190000041776588",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
-    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
-    "url": "https://segmentfault.com/a/1190000041771296",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
+    "description": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
+    "url": "https://segmentfault.com/a/1190000041775900",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "WGCLOUD怎么设置每页显示多少条",
-    "description": "在server/config/application.yml可以修改列表页面，每页显示多少条数据，如下，修改数字即可，然后重启server就好了，打开页面看看是不是修改过来了",
-    "url": "https://segmentfault.com/a/1190000041770856",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "开发者“请回答”！HN 热帖“当你对软件开发感到失望，该如何规划职业道路？”",
+    "description": "外界对科技圈有这样的一句评价，“软件驱动世界,而开发者则是这背后的引擎”...确实，对于软件开发者而言，在开源精神的大环境下通过代码编程来驱动世界进步，既务实又浪漫。",
+    "url": "https://segmentfault.com/a/1190000041776606",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "WGCLOUD如何配置某些磁盘不用发送告警通知",
-    "description": "有一个简单的自定义方法，新建一个json文件，名称为hostWarnDiy.json，这个名称不能修改的，不然改了系统识别不了，内容格式如下如下，记得把IP和磁盘改为自己的实际值，多余的主机可以删除的：",
-    "url": "https://segmentfault.com/a/1190000041770726",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "Golang 文件的复制 手动实现 与 库函数实现",
+    "description": "手动实现思路就是：先创建一个切片 然后通过Read方法操作源文件把数据读到切片中，然后再通过Write方法把切片里面的数据写到目标文件里面。具体怎么使用呢？举个例子：如果我有一个文件test.txt，然后我想要把这...",
+    "url": "https://segmentfault.com/a/1190000041776167",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "浏览器扫码打开Android/iOS App",
-    "description": "打开浏览器，扫描某个二维码时需要启动特定的App，要实现这样的需求，我们首先需要解析HTML页面的二维码，通常解析后的内容格式为： {代码...} scheme：判别启动的App。host：适当记述。path：传值时必须的key，...",
-    "url": "https://segmentfault.com/a/1190000041772444",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "标准化思想及组装式架构在后端BFF中的实践",
+    "description": "在本地生活服务领域，面向C端的信息展示类功能存在着类生物系统的复杂性，具体体现在以下三个方面：功能多，为了帮助用户高效找店、找服务，信息会在尽可能多的地方展示；差异大，同样的信息，在不同客户端、不同...",
+    "url": "https://segmentfault.com/a/1190000041776041",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "实现一个可拖拽分栏组件",
-    "description": "在实现样式后，为组件补充相关交互代码，主要是为 onMouseDown / onMouseMove / onMouseUp 添加相应的事件处理函数。",
-    "url": "https://segmentfault.com/a/1190000041771150",
-    "author": "forzoom",
-    "home_url": "https://segmentfault.com/u/forzoomhm",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "OpenMLDB：线上线下一致的生产级特征计算平台",
-    "description": "导读：今天我们将从线上线下一致的生产级特征计算平台这个点切入，从「人工智能工程化落地过程中企业面临的数据和特征挑战」 ，「OpenMLDB：线上线下一致性的生产级特征计算平台」，「拥抱开源、面向社区」三个方...",
-    "url": "https://segmentfault.com/a/1190000041770905",
-    "author": "4PD开发者社区",
-    "home_url": "https://segmentfault.com/u/4paradigm",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "《Linux网络开发必学教程》7_TCP 与 UDP",
-    "description": "TCP/IP 分层结构应用层：各个应用程序可以定义（使用）各种这样的协议传输层：确保发出的数据能够达到目标主机，完成数据传输网络层：填写数据包地址，选择数据传输路径数据链路层：融合不同连接方式的链路，屏蔽...",
-    "url": "https://segmentfault.com/a/1190000041774420",
-    "author": "TianSong",
-    "home_url": "https://segmentfault.com/u/tiansong",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "“超越” SQL 的数据查询语言“新秀”Top8：GraphQL、PRQL、WebAssembly上榜",
-    "description": "几十年来，SQL（结构化查询语言）一直在数据查询语言领域处于主导地位，几乎成了数据库的“代名词”，任何想从数据库中检索信息的人都必须学习 SQL。但随着时代的变迁，SQL 对数据检索的主导力量正在减弱。",
-    "url": "https://segmentfault.com/a/1190000041771956",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "玩转 chrome 效率起飞",
-    "description": "使用方式： 在目标接口上鼠标右键 Copy as cUrl （mac）、Copy as PowerShell（windows） 将文本发给后端同学即可，后端在终端输入文本请求接口。",
-    "url": "https://segmentfault.com/a/1190000041773106",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "js面试题(基础)梳理",
-    "description": "1、JavaScript有几种数据类型？ {代码...} 2、JavaScript最大安全数字与最小安全数字？ {代码...} 3、深拷贝与浅拷贝的区别？ {代码...} 4、闭包是什么？ {代码...} 例子: {代码...} 5、原型链是什么 {代码...} 6...",
-    "url": "https://segmentfault.com/a/1190000041772895",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "80+产品正通过兼容性测试，OpenHarmony生态蓬勃发展",
-    "description": "4月25日，开放原子开源基金会举办了 OpenAtom OpenHarmony（以下简称“OpenHarmony”）技术日活动，OpenHarmony PMC 委员代表首次对外解读 OpenHarmony 3.1 Release，并分享了技术、生态、社区建设和人才发展方面的...",
-    "url": "https://segmentfault.com/a/1190000041770879",
-    "author": "OpenHarmony社区",
-    "home_url": "https://segmentfault.com/u/openharmony",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "OpenHarmony加速行业应用落地，多款软件发行版正在通过兼容性测评",
-    "description": "4月25日，OpenAtom OpenHarmony（以下简称“OpenHarmony”）技术日在深圳举办，大会聚焦 OpenHarmony 3.1 Release 版本核心技术解读，同时分享了生态最新进展。随着 OpenHarmony 系统能力、配套开发资源快速发展，...",
-    "url": "https://segmentfault.com/a/1190000041770703",
-    "author": "OpenHarmony社区",
-    "home_url": "https://segmentfault.com/u/openharmony",
-    "votes": "1",
-    "rank": 13
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041661094",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "43",
+    "votes": "45",
     "rank": 1
   },
   {
@@ -14,18 +14,9 @@
     "url": "https://segmentfault.com/a/1190000041679573",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "48",
+    "votes": "47",
     "rank": 2
   },
-  {
-    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
-    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
-    "url": "https://segmentfault.com/a/1190000041634906",
-    "author": "WonderfulSoap",
-    "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "40",
-    "rank": 3
-  },
   {
     "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
     "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
@@ -33,6 +24,15 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "41",
+    "rank": 3
+  },
+  {
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "35",
     "rank": 4
   },
   {
@@ -44,15 +44,6 @@
     "votes": "38",
     "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": "34",
-    "rank": 6
-  },
   {
     "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
     "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
@@ -60,7 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
@@ -68,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "25",
-    "rank": 8
+    "votes": "27",
+    "rank": 7
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -78,7 +69,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "24",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -87,7 +78,7 @@
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "25",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
@@ -96,16 +87,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 11
-  },
-  {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "26",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "我们是如何解决偶发性的502错误的",
@@ -114,16 +96,7 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "15",
-    "rank": 13
-  },
-  {
-    "title": "大裁员下，程序员如何做“副业”？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "21",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
@@ -132,7 +105,7 @@
     "author": "Asheng",
     "home_url": "https://segmentfault.com/u/ashengtan",
     "votes": "16",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -140,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000041706515",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
-    "rank": 16
+    "votes": "10",
+    "rank": 13
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -150,7 +123,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "17",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "CSS 实现切角效果",
@@ -158,17 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041715976",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 18
-  },
-  {
-    "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
-    "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
-    "url": "https://segmentfault.com/a/1190000041630398",
-    "author": "寒雁",
-    "home_url": "https://segmentfault.com/u/kiwenlau",
-    "votes": "10",
-    "rank": 19
+    "votes": "13",
+    "rank": 15
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -176,8 +140,8 @@
     "url": "https://segmentfault.com/a/1190000041693503",
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "16",
-    "rank": 20
+    "votes": "15",
+    "rank": 16
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -186,7 +150,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 21
+    "rank": 17
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
@@ -194,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000041683300",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "14",
-    "rank": 22
+    "votes": "15",
+    "rank": 18
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -204,7 +168,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "13",
-    "rank": 23
+    "rank": 19
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -213,7 +177,7 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "5",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -222,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "如何构建可控,可靠,可扩展的 PWA 应用",
@@ -230,8 +194,8 @@
     "url": "https://segmentfault.com/a/1190000041730906",
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
-    "votes": "9",
-    "rank": 26
+    "votes": "10",
+    "rank": 22
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -240,7 +204,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
@@ -248,8 +212,8 @@
     "url": "https://segmentfault.com/a/1190000041686261",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "12",
-    "rank": 28
+    "votes": "13",
+    "rank": 24
   },
   {
     "title": "javaScript 内存管理机制",
@@ -258,7 +222,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "初级程序员的SQL拾遗（增删改查）",
@@ -267,6 +231,42 @@
     "author": "LYX6666",
     "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "9",
+    "rank": 26
+  },
+  {
+    "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": 27
+  },
+  {
+    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
+    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
+    "url": "https://segmentfault.com/a/1190000041761117",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "搞懂 TypeScript 中的映射类型（Mapped Types）",
+    "description": "本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...",
+    "url": "https://segmentfault.com/a/1190000041715281",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "2022 招聘季 ｜ 面试了一个月，我经历了什么",
+    "description": "Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...",
+    "url": "https://segmentfault.com/a/1190000041658543",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "11",
     "rank": 30
   }
 ]