@wcj/github-rank 22.7.10 → 22.7.13

package/web/data/sifou-weekly.json

@@ -1,40 +1,22 @@
 [
   {
-    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
-    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
-    "url": "https://segmentfault.com/a/1190000042070334",
+    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
+    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
+    "url": "https://segmentfault.com/a/1190000042093361",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
+    "votes": "8",
     "rank": 1
   },
   {
-    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
-    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
-    "url": "https://segmentfault.com/a/1190000042065365",
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
+    "votes": "8",
     "rank": 2
   },
-  {
-    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
-    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
-    "url": "https://segmentfault.com/a/1190000042064246",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "10",
-    "rank": 3
-  },
-  {
-    "title": "使用CSS background实现炫酷悬停效果",
-    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
-    "url": "https://segmentfault.com/a/1190000042069856",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "9",
-    "rank": 4
-  },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
     "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
@@ -42,7 +24,16 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "5",
-    "rank": 5
+    "rank": 3
+  },
+  {
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "4",
+    "rank": 4
   },
   {
     "title": "DNS 系列（一）：为什么更新了 DNS 记录不生效？",
@@ -51,222 +42,231 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "4",
+    "rank": 5
+  },
+  {
+    "title": "他们齐聚 2022 ECUG Con，只为「中国技术力量」",
+    "description": "后来的后来，计算机编程语言百家争鸣，从主流的 Java、C、Python、PHP、JavaScript……到新型的 Go、Go+、Taichi 等，给了技术爱好者们更多的选择。",
+    "url": "https://segmentfault.com/a/1190000042090195",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "3",
     "rank": 6
   },
   {
-    "title": "runc hang 导致 Kubernetes 节点 NotReady",
-    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
-    "url": "https://segmentfault.com/a/1190000042065327",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042092852",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
     "rank": 7
   },
   {
-    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
-    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
-    "url": "https://segmentfault.com/a/1190000042065274",
-    "author": "Python技术大本营",
-    "home_url": "https://segmentfault.com/u/bianchengdandan",
-    "votes": "2",
+    "title": "原生JS以后也支持类型注解啦？",
+    "description": "在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。",
+    "url": "https://segmentfault.com/a/1190000042080607",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
     "rank": 8
   },
   {
-    "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
-    "description": "我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...",
-    "url": "https://segmentfault.com/a/1190000042069019",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042036969",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
     "rank": 9
   },
   {
-    "title": "Nginx 实战核心知识点整理（上）",
-    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
-    "url": "https://segmentfault.com/a/1190000042070687",
-    "author": "Rhythm_2019",
-    "home_url": "https://segmentfault.com/u/rhythm_2019",
-    "votes": "3",
+    "title": "网易云音乐机器学习平台实践",
+    "description": "在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...",
+    "url": "https://segmentfault.com/a/1190000042075285",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "Web 应用实时版本检测，这么做最方便",
-    "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
-    "url": "https://segmentfault.com/a/1190000042069210",
-    "author": "Myou_Aki",
-    "home_url": "https://segmentfault.com/u/akimyou",
+    "title": "CSS Houdini：用浏览器引擎实现高级CSS效果",
+    "description": "Houdini被称之为Magic of styling and layout on the web，看起来十分神秘，但实际上，Houdini并非什么神秘组织或者神奇魔法，它是一系列与CSS引擎相关的浏览器API的总称。",
+    "url": "https://segmentfault.com/a/1190000042078359",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨",
-    "description": "前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...",
-    "url": "https://segmentfault.com/a/1190000042071322",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "用前端构建工具打包后端服务，我到底经历什么",
+    "description": "看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。",
+    "url": "https://segmentfault.com/a/1190000042092435",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "你还在为组件文档烦恼吗？",
-    "description": "从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：",
-    "url": "https://segmentfault.com/a/1190000042073725",
-    "author": "Samon",
-    "home_url": "https://segmentfault.com/u/samonxian",
-    "votes": "1",
+    "title": "优化 Go 错误处理，魔改 Go recover 靠谱吗？",
+    "description": "Go 的错误处理一直是表现最突出的一块地方，许许多多的同学都提出了各种提案，例如：引入 try-catch、用 panic 代替 if err != nil、引入新的关键字等。但这些都被一一驳回了。",
+    "url": "https://segmentfault.com/a/1190000042085628",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042036969",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
+    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
+    "url": "https://segmentfault.com/a/1190000042081989",
+    "author": "南风未了",
+    "home_url": "https://segmentfault.com/u/nanfengweiliao",
+    "votes": "2",
     "rank": 14
   },
   {
-    "title": "PHP后端面试85问",
-    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
-    "url": "https://segmentfault.com/a/1190000042071370",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "2",
+    "title": "如何参与开源项目 - 细说 GitHub 上的 PR 全过程",
+    "description": "当然，除了正常的 PR 合入流程之外，我还准备详细介绍一下如果一个 PR 提交后遇到了冲突、需要追加 commits、需要合并 commits 等等相对复杂问题该如何解决。",
+    "url": "https://segmentfault.com/a/1190000042079992",
+    "author": "Daniel_Hu",
+    "home_url": "https://segmentfault.com/u/daniel_hu_6299be102876e",
+    "votes": "1",
     "rank": 15
   },
   {
-    "title": "原生JS以后也支持类型注解啦？",
-    "description": "在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。",
-    "url": "https://segmentfault.com/a/1190000042080607",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "1",
+    "title": "死锁问题排查过程-间隙锁的复现以及解决",
+    "description": "我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...",
+    "url": "https://segmentfault.com/a/1190000042091156",
+    "author": "skyarthur",
+    "home_url": "https://segmentfault.com/u/skyarthur",
+    "votes": "2",
     "rank": 16
   },
   {
-    "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
-    "description": "「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...",
-    "url": "https://segmentfault.com/a/1190000042064534",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "1",
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "2",
     "rank": 17
   },
   {
-    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
-    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
-    "url": "https://segmentfault.com/a/1190000042081989",
-    "author": "南风未了",
-    "home_url": "https://segmentfault.com/u/nanfengweiliao",
-    "votes": "2",
+    "title": "如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！",
+    "description": "近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...",
+    "url": "https://segmentfault.com/a/1190000042083899",
+    "author": "李不白",
+    "home_url": "https://segmentfault.com/u/libubai",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "全网都在疯传的《老板管理手册》（转）",
-    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
-    "url": "https://segmentfault.com/a/1190000042063056",
-    "author": "Young",
-    "home_url": "https://segmentfault.com/u/young_6082714523e64",
+    "title": "H5实现生成urlscheme并从H5跳转到小程序",
+    "description": "在2022年之前，想要在H5打开小程序只需要在平台上设置urlscheme即可，但是自 2022 年 4 月 11 日起，URL Scheme有效期最长 30 天，不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Schem...",
+    "url": "https://segmentfault.com/a/1190000042089388",
+    "author": "huaweichenai",
+    "home_url": "https://segmentfault.com/u/huaweichenai",
     "votes": "1",
     "rank": 19
   },
   {
-    "title": "精读《Diff, AnyOf, IsUnion...》",
-    "description": "首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude<X, Y> 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...",
-    "url": "https://segmentfault.com/a/1190000042064614",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "1",
+    "title": "记录遇到的一个循环依赖问题",
+    "description": "但是我在使用的时候却报了notifyService的循环依赖。NG0200: Circular dependency in DI detected for ThyNotifyService如图",
+    "url": "https://segmentfault.com/a/1190000042096697",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "网易云音乐机器学习平台实践",
-    "description": "在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...",
-    "url": "https://segmentfault.com/a/1190000042075285",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "1",
+    "title": "我想写一个 Vue3 组件库，我该怎么开始？",
+    "description": "最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。",
+    "url": "https://segmentfault.com/a/1190000042082390",
+    "author": "未觉雨声",
+    "home_url": "https://segmentfault.com/u/qmhc",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "Vue 源码中的工具函数",
-    "description": "在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。",
-    "url": "https://segmentfault.com/a/1190000042073070",
-    "author": "诺顿",
-    "home_url": "https://segmentfault.com/u/nuodun",
-    "votes": "4",
+    "title": "Nginx 实战核心知识点整理（下）",
+    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
+    "url": "https://segmentfault.com/a/1190000042078910",
+    "author": "Rhythm_2019",
+    "home_url": "https://segmentfault.com/u/rhythm_2019",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "Vim直接上手（一）：三种模式",
-    "description": "比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。",
-    "url": "https://segmentfault.com/a/1190000042073871",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
+    "title": "Vue 灰度发布新功能的那些事",
+    "description": "灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...",
+    "url": "https://segmentfault.com/a/1190000042077860",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "0",
     "rank": 23
   },
   {
-    "title": "如何优雅地实现多数据库的发件箱模式",
-    "description": "一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...",
-    "url": "https://segmentfault.com/a/1190000042063425",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
+    "title": "DNS 系列（二）：DNS 记录及工作方式，你了解吗？",
+    "description": "在上一篇《DNS 系列（一）：为什么更新了 DNS 记录不生效？》中，我们主要讲解了 DNS 和 DNS 传播，知道了网络通信主要通过 IP 地址来进行，而域名系统（DNS）则是保证用户在浏览器中输入域名之后，可以访问到对...",
+    "url": "https://segmentfault.com/a/1190000042094981",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
     "rank": 24
   },
   {
-    "title": "纯CSS 格子背景",
-    "description": "本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...",
-    "url": "https://segmentfault.com/a/1190000042069574",
-    "author": "学习委员",
-    "home_url": "https://segmentfault.com/u/k21vin",
+    "title": "精读《MinusOne, PickByType, StartsWith...》",
+    "description": "TS 没有 “普通” 的运算能力，但涉及数字却有一条生路，即 TS 可通过 ['length'] 访问数组长度，几乎所有数字计算都是通过它推导出来的。",
+    "url": "https://segmentfault.com/a/1190000042092948",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
     "rank": 25
   },
   {
-    "title": "在react中基于ant-design，封装一个中文输入框,提高onchange性能",
-    "description": "1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。",
-    "url": "https://segmentfault.com/a/1190000042068929",
-    "author": "jsoncode",
-    "home_url": "https://segmentfault.com/u/jsoncode",
-    "votes": "1",
+    "title": "前端这两年的文章总结",
+    "description": "这几天整理的一下过往的文章和笔记，备份到了 Github 上，地址👉 blog。如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~~ 👆我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时...",
+    "url": "https://segmentfault.com/a/1190000042087432",
+    "author": "lio_zero",
+    "home_url": "https://segmentfault.com/u/lio_zero",
+    "votes": "0",
     "rank": 26
   },
   {
-    "title": "如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！",
-    "description": "近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...",
-    "url": "https://segmentfault.com/a/1190000042083899",
-    "author": "李不白",
-    "home_url": "https://segmentfault.com/u/libubai",
+    "title": "外卖广告大规模深度学习模型工程实践 | 美团外卖广告工程实践专题连载",
+    "description": "在外卖广告CTR场景下，深度学习模型正在从简单DNN小模型过渡到千亿参数复杂模型。基于该背景，本文将重点针对大规模深度模型在全链路带来的挑战，从在线时延、离线效率两个方面展开，阐述外卖广告在大规模深度模...",
+    "url": "https://segmentfault.com/a/1190000042081999",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "Vue 灰度发布新功能的那些事",
-    "description": "灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...",
-    "url": "https://segmentfault.com/a/1190000042077860",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "0",
+    "title": "伪元素 content 出现中文乱码",
+    "description": "伪元素的 content 使用中文字符在某些浏览器可能会出现乱码：代码如下： {代码...} 解决方法首先，确认 charset 为 utf-8确保 HTML 的 META 属性设置为 charset='utf-8'。经测试，还是会出现乱码。然后，将中文字...",
+    "url": "https://segmentfault.com/a/1190000042077497",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "golang 简洁架构介绍",
-    "description": "在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。",
-    "url": "https://segmentfault.com/a/1190000042064332",
-    "author": "ucmir183",
-    "home_url": "https://segmentfault.com/u/ucmir183",
-    "votes": "1",
+    "title": "三步就能在OpenHarmony中实现车牌识别",
+    "description": "介绍本车牌识别项目是基于开源项目 EasyPR（Easy to do Plate Recognition）实现。EasyPR 是一个开源的中文车牌识别系统，基于 OpenCV 开源库开发。本项目使用润和 HiSpark Taurus AI Camera(Hi3516DV300) 摄像头...",
+    "url": "https://segmentfault.com/a/1190000042075182",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
+    "votes": "3",
     "rank": 29
   },
   {
-    "title": "sso单点登录",
-    "description": "sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...",
-    "url": "https://segmentfault.com/a/1190000042068327",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "2",
+    "title": "大众点评搜索相关性技术探索与实践",
+    "description": "搜索相关性用于衡量Query和Doc的相关程度，是搜索引擎的重要环节，本文主要讲述大众点评搜索团队在相关性计算上的技术探索和实践，通过多相似矩阵模型结构、多阶段训练等方法提升预训练模型在相关性问题上的效果...",
+    "url": "https://segmentfault.com/a/1190000042081898",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
     "rank": 30
   }
 ]