@wcj/github-rank 22.7.14 → 22.7.17

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042093361",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
+    "votes": "12",
     "rank": 1
   },
   {
@@ -14,45 +14,27 @@
     "url": "https://segmentfault.com/a/1190000042094549",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
+    "votes": "14",
     "rank": 2
   },
   {
-    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
-    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
-    "url": "https://segmentfault.com/a/1190000042083758",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "7",
+    "title": "利用噪声构建美妙的 CSS 图形",
+    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
+    "url": "https://segmentfault.com/a/1190000042103702",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 3
   },
   {
-    "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",
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "5",
     "rank": 4
   },
-  {
-    "title": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "4",
-    "rank": 5
-  },
-  {
-    "title": "DNS 系列（一）：为什么更新了 DNS 记录不生效？",
-    "description": "我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...",
-    "url": "https://segmentfault.com/a/1190000042081565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
-    "rank": 6
-  },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
     "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
@@ -60,16 +42,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
-    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
-    "url": "https://segmentfault.com/a/1190000042094334",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "3",
-    "rank": 8
+    "rank": 5
   },
   {
     "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
@@ -77,36 +50,72 @@
     "url": "https://segmentfault.com/a/1190000042092852",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
+    "rank": 6
+  },
+  {
+    "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": "2",
+    "rank": 7
+  },
+  {
+    "title": "Redis 内存优化神技，小内存保存大数据",
+    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
+    "url": "https://segmentfault.com/a/1190000042103541",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "4",
+    "rank": 8
+  },
+  {
+    "title": "无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离",
+    "description": "在技术层面，前后端分离指在同一个Web系统中，前端服务器和后端服务器采用不同的技术栈，利用标准的WebAPI完成协同工作。这种前后端分离的\"混合开发\"模式下，前后端通常会部署到不同的服务器上，即便部...",
+    "url": "https://segmentfault.com/a/1190000042115197",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 9
   },
   {
-    "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",
+    "title": "主流移动端组件库的对比和分析",
+    "description": "随着前端的发展，组件库也是层出不穷，一个完善的组件库能极大提高开发效率，让开发者只需要专注于业务逻辑，而不需要考虑基础组件复用性、扩展性、稳定性的问题。面对众多的组件库，该如何进行选择呢？本篇将从...",
+    "url": "https://segmentfault.com/a/1190000042112945",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042036969",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "go-zero微服务实战系列（九、极致优化秒杀性能）",
+    "description": "上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...",
+    "url": "https://segmentfault.com/a/1190000042099343",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "2",
     "rank": 11
   },
   {
-    "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",
+    "title": "Go学习笔记-Zap日志",
+    "description": "mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。",
+    "url": "https://segmentfault.com/a/1190000042094912",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
+    "votes": "2",
     "rank": 12
   },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 这份 Webpack 有点料！",
+    "description": "从分析图中可以比较直观的看出，三个输出 bundle 文件中都包含了 m1.js 文件，这说明有重复的模块代码。splitChunks 的目的就是用来把重复的模块代码分离到单独的文件，以异步加载的方式来节省输出文件的体积。sp...",
+    "url": "https://segmentfault.com/a/1190000042104271",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "2",
+    "rank": 13
+  },
   {
     "title": "用前端构建工具打包后端服务，我到底经历什么",
     "description": "看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。",
@@ -114,62 +123,62 @@
     "author": "小白要生发",
     "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "Go学习笔记-Zap日志",
-    "description": "mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。",
-    "url": "https://segmentfault.com/a/1190000042094912",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "2",
     "rank": 14
   },
   {
-    "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",
+    "title": "电商商品系统的演进分析",
+    "description": "好久没有给大家带来新的知识分享了，2022的第一篇（是的，你没看错！第一篇）就给大家讲讲商品模型的演进过程吧！希望对大家做的工作有所帮助~~",
+    "url": "https://segmentfault.com/a/1190000042094414",
+    "author": "大愚Talk",
+    "home_url": "https://segmentfault.com/u/helei112g",
+    "votes": "3",
     "rank": 15
   },
   {
-    "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",
+    "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": 16
   },
   {
-    "title": "go-zero微服务实战系列（九、极致优化秒杀性能）",
-    "description": "上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...",
-    "url": "https://segmentfault.com/a/1190000042099343",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "2",
+    "title": "Vue 部署后强制客户端刷新获取最新的代码资源【纯前端】",
+    "description": "背景：自己的项目修复了bug；但是客户端没有刷新浏览器；导致还是有bug的资源代码；出现了问题思路：结合Vue 部署后怎么强制客户端刷新获取最新的代码资源？里面的方案；分3步曲实现生产环境部署后资源刷新",
+    "url": "https://segmentfault.com/a/1190000042105627",
+    "author": "songxianling1992",
+    "home_url": "https://segmentfault.com/u/songxianling1992",
+    "votes": "5",
     "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",
+    "title": "html2canvas将指定区域导出为图片（js将div导出为图片）",
+    "description": "如何使用JS截取HTML页面为图片呢，html2canvas.js这个插件可以轻松实现。这个原理很简单，就是html2canvas.js可以将当页面渲染成一个Canvas图片，然后保存下来即可。它不需要来自服务器任何渲染，整张图片都是在...",
+    "url": "https://segmentfault.com/a/1190000042106889",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "2",
     "rank": 18
   },
   {
-    "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",
+    "title": "利用vue-3d-loader同时加载多个3D模型",
+    "description": "众所周知ThreeJS是web端用于加载3D模型的JS库，广泛应用于物联网及部分游戏行业中，其强大就强大在可以加载大多数类型的3D模型，如：.dae/.fbx/.gltf(.glb)/.obj/.ply/.stl/.json的模型。",
+    "url": "https://segmentfault.com/a/1190000042112206",
+    "author": "深夜徘徊",
+    "home_url": "https://segmentfault.com/u/king2088",
+    "votes": "1",
     "rank": 19
   },
+  {
+    "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": 20
+  },
   {
     "title": "死锁问题排查过程-间隙锁的复现以及解决",
     "description": "我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...",
@@ -177,96 +186,87 @@
     "author": "skyarthur",
     "home_url": "https://segmentfault.com/u/skyarthur",
     "votes": "2",
-    "rank": 20
+    "rank": 21
   },
   {
-    "title": "DNS 系列（二）：DNS 记录及工作方式，你了解吗？",
-    "description": "在上一篇《DNS 系列（一）：为什么更新了 DNS 记录不生效？》中，我们主要讲解了 DNS 和 DNS 传播，知道了网络通信主要通过 IP 地址来进行，而域名系统（DNS）则是保证用户在浏览器中输入域名之后，可以访问到对...",
-    "url": "https://segmentfault.com/a/1190000042094981",
+    "title": "DNS 系列（三）：如何免受 DNS 欺骗的侵害",
+    "description": "互联网上每一台设备都会有一个 IP 地址，我们在访问网站或发送信息时，其实都是通过 IP 地址达成准确请求的。但是这个 IP 地址由很长一串数字组成，记忆起来相当困难，所以我们创造了更实用的域名来代替 IP 地址...",
+    "url": "https://segmentfault.com/a/1190000042104392",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
-    "rank": 21
-  },
-  {
-    "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": 22
   },
   {
-    "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",
+    "title": "『你写的Promise, 是完美的吗?』",
+    "description": "《手写 Promise》是一个经典的问题，基本上大家上手都可以按照自己的理解，写出来一个 promise, 有一天个朋友问我，\"手写 Promise 要写到什么程度才是合格的 ?\", 这也引起了我的兴趣和思考, \"怎么样的 Promise ，...",
+    "url": "https://segmentfault.com/a/1190000042111165",
+    "author": "斑驳光影",
+    "home_url": "https://segmentfault.com/u/zqbright",
+    "votes": "4",
     "rank": 23
   },
   {
-    "title": "我想写一个 Vue3 组件库，我该怎么开始？",
-    "description": "最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。",
-    "url": "https://segmentfault.com/a/1190000042082390",
-    "author": "未觉雨声",
-    "home_url": "https://segmentfault.com/u/qmhc",
-    "votes": "3",
+    "title": "围绕Vue 3 Composition API构建一个应用程序，包含一些最佳实践！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042051566",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "精读《MinusOne, PickByType, StartsWith...》",
-    "description": "TS 没有 “普通” 的运算能力，但涉及数字却有一条生路，即 TS 可通过 ['length'] 访问数组长度，几乎所有数字计算都是通过它推导出来的。",
-    "url": "https://segmentfault.com/a/1190000042092948",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "网页长按保存及识别二维码",
+    "description": "网易哒哒的 H5 一向是业界精品，其中不少 H5 会成为爆款，能在朋友圈广泛流传的那种。同时，他们还写了一本很水的书——制造爆款：H5营销策划一本通，草草介绍了下各式各样的H5，但相关的技术文章却都没这么介绍，...",
+    "url": "https://segmentfault.com/a/1190000042104608",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "1",
     "rank": 25
   },
   {
-    "title": "写出个灵活的系统竟然可以如此简单！小白也能写出高级的Java业务！",
-    "description": "最近正好公司里有个需求，一个短信业务接了多个第三方供应商，某些业务需要查询第三方供应商剩余的短信包数量去选择剩余量最多的渠道去批量发送。有些业务是指定了某个短信供应商，有些场景需要根据业务的值去动...",
-    "url": "https://segmentfault.com/a/1190000042084710",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "1",
+    "title": "冴羽答读者问：如何学习更有计划性、提升更稳更快？",
+    "description": "算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...",
+    "url": "https://segmentfault.com/a/1190000042178486",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "6",
     "rank": 26
   },
   {
-    "title": "前端这两年的文章总结",
-    "description": "这几天整理的一下过往的文章和笔记，备份到了 Github 上，地址👉 blog。如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~~ 👆我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时...",
-    "url": "https://segmentfault.com/a/1190000042087432",
-    "author": "lio_zero",
-    "home_url": "https://segmentfault.com/u/lio_zero",
-    "votes": "0",
+    "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": 27
   },
   {
-    "title": "外卖广告大规模深度学习模型工程实践 | 美团外卖广告工程实践专题连载",
-    "description": "在外卖广告CTR场景下，深度学习模型正在从简单DNN小模型过渡到千亿参数复杂模型。基于该背景，本文将重点针对大规模深度模型在全链路带来的挑战，从在线时延、离线效率两个方面展开，阐述外卖广告在大规模深度模...",
-    "url": "https://segmentfault.com/a/1190000042081999",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发",
+    "description": "在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好，但如果要在 React 中实现一个功能丰富的表格，其实...",
+    "url": "https://segmentfault.com/a/1190000042101414",
+    "author": "蒋川",
+    "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "大众点评搜索相关性技术探索与实践",
-    "description": "搜索相关性用于衡量Query和Doc的相关程度，是搜索引擎的重要环节，本文主要讲述大众点评搜索团队在相关性计算上的技术探索和实践，通过多相似矩阵模型结构、多阶段训练等方法提升预训练模型在相关性问题上的效果...",
-    "url": "https://segmentfault.com/a/1190000042081898",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "1",
+    "title": "分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择",
+    "description": "曾几何时，“并发高就分库，数据大就分表”已经成了处理 MySQL 数据增长问题的圣经。面试官喜欢问，博主喜欢写，候选人也喜欢背，似乎已经形成了一个闭环。但你有没有思考过，_分库分表真的适合你的系统吗？_分表在...",
+    "url": "https://segmentfault.com/a/1190000042099882",
+    "author": "CoderW",
+    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "状态模式",
-    "description": "在新的项目中要变更编辑、新增的方式，之前一直是把列表组件和编辑、新增组件放在同一地位来做的，即是兄弟组件的关系，这样虽然可以解决问题，但是每次跳转回列表页面都会重新进行查询，也就是说我们很有可能看...",
-    "url": "https://segmentfault.com/a/1190000042091705",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "2",
+    "title": "Go 原生插件使用问题全解析",
+    "description": "文｜丁飞（花名：路德 )蚂蚁集团高级工程师深耕于 SOFAMesh 产品的商业化落地 主要方向为基于服务网格技术的系统架构升级方案设计与落地本文 4394 字 阅读 10 分钟｜前言｜MOSN 作为蚂蚁集团在 ServiceMesh 解决...",
+    "url": "https://segmentfault.com/a/1190000042104429",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
+    "votes": "1",
     "rank": 30
   }
 ]