@wcj/github-rank 22.7.16 → 22.7.17

package/dist/sifou-daily.json

@@ -1,209 +1,11 @@
 [
   {
-    "title": "无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离",
-    "description": "在技术层面，前后端分离指在同一个Web系统中，前端服务器和后端服务器采用不同的技术栈，利用标准的WebAPI完成协同工作。这种前后端分离的\"混合开发\"模式下，前后端通常会部署到不同的服务器上，即便部...",
-    "url": "https://segmentfault.com/a/1190000042115197",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "Go 每日一库之 bitset",
+    "description": "我们都知道计算机是基于二进制的，位运算是计算机的基础运算。位运算的优势很明显，CPU 指令原生支持、速度快。基于位运算的位集合在有限的场景中替换集合数据结构可以收到意想不到的效果。bitset库实现了位集合...",
+    "url": "https://segmentfault.com/a/1190000042181183",
+    "author": "darjun",
+    "home_url": "https://segmentfault.com/u/guyu_5d2e806c57ac8",
     "votes": "1",
     "rank": 1
-  },
-  {
-    "title": "主流移动端组件库的对比和分析",
-    "description": "随着前端的发展，组件库也是层出不穷，一个完善的组件库能极大提高开发效率，让开发者只需要专注于业务逻辑，而不需要考虑基础组件复用性、扩展性、稳定性的问题。面对众多的组件库，该如何进行选择呢？本篇将从...",
-    "url": "https://segmentfault.com/a/1190000042112945",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "冴羽答读者问：如何学习更有计划性、提升更稳更快？",
-    "description": "算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...",
-    "url": "https://segmentfault.com/a/1190000042178486",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "4",
-    "rank": 3
-  },
-  {
-    "title": "vscode 解析——如何维护海量模块依赖关系(二)",
-    "description": "前言上次我们解释了 vscode 这种大型项目设计依赖注入管理海量的模块有什么好处。也提到了 DI 必须有这样一种机制：1、模块与模块之间的无源码依赖（这里的模块主要指类）2、只依赖接口/抽象，不依赖具体实现3、...",
-    "url": "https://segmentfault.com/a/1190000042178445",
-    "author": "混沌福王",
-    "home_url": "https://segmentfault.com/u/flywang",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "web-compiler：mvvm 的实现思路",
-    "description": "然后想了一下Svelte 组件 大体思路定义一套dsl,然后通过Svelte编译成js css 代码，html对应的dom通过js生成。顺着这个思路写了一个最小化的 mvvm 的示例",
-    "url": "https://segmentfault.com/a/1190000042114347",
-    "author": "yangrd",
-    "home_url": "https://segmentfault.com/u/yangrd",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "【直播回顾】OpenHarmony知识赋能六期第三课—OpenHarmony智能家居项目之控制面板功能实现",
-    "description": "7月14日晚上19点，知识赋能第六期第三节直播 《OpenHarmony智能家居项目之控制面板功能实现》 ，在OpenHarmony开发者成长计划社群内成功举行。本次直播是“OpenHarmony开源开发者成长计划项目”举办的知识赋能系列...",
-    "url": "https://segmentfault.com/a/1190000042114132",
-    "author": "OpenHarmony社区",
-    "home_url": "https://segmentfault.com/u/openharmony",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "基于eTS高效开发HarmonyOS课程类应用",
-    "description": "随着HarmonyOS 3.0 Beta版的发布，API Version 8新增了大批JS/eTS API接口，相信很多开发者已经迫不及待想体验基于eTS的HamronyOS应用开发。本期Codelab，我们将基于API Version 8实现一个HarmonyOS课程类应用，...",
-    "url": "https://segmentfault.com/a/1190000042114056",
-    "author": "HarmonyOS开发者",
-    "home_url": "https://segmentfault.com/u/harmonyos",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "许式伟：Go+ 演进之路",
-    "description": "7 月 10 日，一年一度的 ECUG Con 2022 在线上圆满举行。许式伟作为七牛云 CEO、ECUG 社区发起人、Go+ 语言发明人，为大家来带了《Go+ 演进之路》的主题演讲。以下内容根据演讲实录整理。 大家好，欢迎来到 ECUG ...",
-    "url": "https://segmentfault.com/a/1190000042113338",
-    "author": "七牛云",
-    "home_url": "https://segmentfault.com/u/portal_qiniu_com",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "go-zero微服务实战系列（十一、大结局）",
-    "description": "本篇是整个系列的最后一篇了，本来打算在系列的最后一两篇写一下关于k8s部署相关的内容，在构思的过程中觉得自己对k8s知识的掌握还很不足，在自己没有理解掌握的前提下我觉得也很难写出自己满意的文章，大家看了...",
-    "url": "https://segmentfault.com/a/1190000042112503",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "JavaScript一键复制内容（document.execCommand原生JS设置剪贴板）",
-    "description": "有时候为了方便用户快速复制页面的内容，一般的做法就是添加一个按钮给用户点击一下就复制下来了，这边使用JavaScript原生的方法进行设置剪贴板。",
-    "url": "https://segmentfault.com/a/1190000042178536",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "vue3 解决 ESLint 各类型错误",
-    "description": "前期项目中忽略了 eslint 检查，导致一运行 npm run lint 出现两千多条错误(இдஇ; ) 造孽啊花了两三天搞完，做个错误汇总。",
-    "url": "https://segmentfault.com/a/1190000042177952",
-    "author": "Shyla",
-    "home_url": "https://segmentfault.com/u/xiaoniezi",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "创建Root权限虚拟环境",
-    "description": "原文链接Linux下创建Anaconda创建虚拟环境： {代码...} Linux下激活环境： {代码...} myroot为用户名，可以自己定义回到原来的环境： {代码...} 删除虚拟环境： {代码...} Windows下创建Anaconda创建虚拟环境： {...",
-    "url": "https://segmentfault.com/a/1190000042178120",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "RPN：Region Proposal Networks (区域候选网络)",
-    "description": "anchor是固定尺寸的bbox。具体做法是：把feature map每个点映射回原图的感受野的中心点当成一个基准点，然后围绕这个基准点选取k个不同的尺寸和比例的anchor。对于W×H大小的卷积feature map（通常为2400），总共...",
-    "url": "https://segmentfault.com/a/1190000042178098",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "Python将图片输出为二维数组并保存到txt中",
-    "description": "原文链接使用Python将图片输出为二维数组，并保存到txt文件中。代码如下： {代码...} 学习更多编程知识，请关注我的公众号：代码的路",
-    "url": "https://segmentfault.com/a/1190000042177883",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "Python将二维数组输出为图片",
-    "description": "原文链接使用Python读取二维数组，将二维数组输出为图片，并保存在本地。代码如下： {代码...} 学习更多编程知识，请关注我的公众号：代码的路",
-    "url": "https://segmentfault.com/a/1190000042177878",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "Python对txt进行读写操作",
-    "description": "原文链接全文件读写读操作使用pandas.read_csv，写操作使用data.to_csv。 {代码...} 指定行列读写 {代码...} 学习更多编程知识，请关注我的公众号：代码的路",
-    "url": "https://segmentfault.com/a/1190000042177871",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "pip安装更换镜像",
-    "description": "原文链接使用pip来安装python包有时候安装起来会非常慢，因此需要换成国内的源来加速下载：使用命令以Torch为例： {代码...} 常用的国内源清华大学：Simple Index中国科学技术大学：Simple Index阿里云：Simple I...",
-    "url": "https://segmentfault.com/a/1190000042177852",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "pip安装'torch'出现PackageNotFoundError报错解决办法",
-    "description": "原文链接虚拟环境安装若安装失败，可能权限不够，需要在根用户下安装。进入根用户方法：[链接]安装torch {代码...} 或者使用： {代码...} 报错PackageNotFound错误信息：Fetching package metadata ...........Pa...",
-    "url": "https://segmentfault.com/a/1190000042177840",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "Linux修改文件权限",
-    "description": "原文链接权限介绍我们首先使用ls -l指令查看文件的权限信息（以/etc/fstab为例）： {代码...} 可以看到输出包含：rwx rw- r--权限表示共有9位，每3位为一组，分别表示拥有者、所属组的成员和其他成员。其中，r表...",
-    "url": "https://segmentfault.com/a/1190000042177794",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 系统设置- 第二十六篇 PKS下动态壁纸设置",
-    "description": "类别：笔记本型号：中国长城 NF14C硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,动态壁纸",
-    "url": "https://segmentfault.com/a/1190000042177538",
-    "author": "码上世界",
-    "home_url": "https://segmentfault.com/u/code4world",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "C++ 构建并复制二叉树",
-    "description": "原文链接使用C++构建一个二叉树并复制、输出。程序 {代码...} 结果学习更多编程知识，请关注我的公众号：代码的路",
-    "url": "https://segmentfault.com/a/1190000042166065",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "堆叠降噪自动编码器 Stacked Denoising Auto Encoder（SDAE）",
-    "description": "自编码器（autoencoder）是神经网络的一种，经过训练后能尝试将输入复制到输出。自编码器内部有一个隐藏层 h，可以产生编码（code）表示输入。该网络可以看作由两部分组成：一个由函数 h = f(x) 表示的编码器和一...",
-    "url": "https://segmentfault.com/a/1190000042112792",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "如何设置导出excel的格式",
-    "description": "皕杰报表工具中有专门的配置文件来设置导出格式，在WEB-INF/resources文件夹下，有一个report-config.xml文件。用文本编辑软件打开report-config.xml文件，里面可以找到导出配置节点。",
-    "url": "https://segmentfault.com/a/1190000042112603",
-    "author": "博爱",
-    "home_url": "https://segmentfault.com/u/boai",
-    "votes": "1",
-    "rank": 23
   }
 ]

package/dist/sifou-monthly.json

@@ -143,15 +143,6 @@
     "votes": "9",
     "rank": 16
   },
-  {
-    "title": "前端性能监测，Runtime Performance Debug 技巧",
-    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
-    "url": "https://segmentfault.com/a/1190000041990709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 17
-  },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
     "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
@@ -159,6 +150,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
+    "rank": 17
+  },
+  {
+    "title": "前端性能监测，Runtime Performance Debug 技巧",
+    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
+    "url": "https://segmentfault.com/a/1190000041990709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
     "rank": 18
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "React新文档：不要滥用Ref哦～",
-    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
-    "url": "https://segmentfault.com/a/1190000041991074",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
+    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
+    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
+    "url": "https://segmentfault.com/a/1190000042093955",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "3",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -44,24 +44,6 @@
     "votes": "3",
     "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": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "4",
-    "rank": 7
-  },
   {
     "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -69,6 +51,24 @@
     "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
   },
   {
@@ -81,23 +81,14 @@
     "rank": 9
   },
   {
-    "title": "Redis 内存优化神技，小内存保存大数据",
-    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
-    "url": "https://segmentfault.com/a/1190000042103541",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "3",
+    "title": "主流移动端组件库的对比和分析",
+    "description": "随着前端的发展，组件库也是层出不穷，一个完善的组件库能极大提高开发效率，让开发者只需要专注于业务逻辑，而不需要考虑基础组件复用性、扩展性、稳定性的问题。面对众多的组件库，该如何进行选择呢？本篇将从...",
+    "url": "https://segmentfault.com/a/1190000042112945",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "2",
     "rank": 10
   },
-  {
-    "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": "go-zero微服务实战系列（九、极致优化秒杀性能）",
     "description": "上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...",
@@ -105,7 +96,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "2",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "Go学习笔记-Zap日志",
@@ -114,7 +105,7 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "2",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 这份 Webpack 有点料！",
@@ -123,7 +114,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "2",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "用前端构建工具打包后端服务，我到底经历什么",
@@ -132,6 +123,15 @@
     "author": "小白要生发",
     "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "电商商品系统的演进分析",
+    "description": "好久没有给大家带来新的知识分享了，2022的第一篇（是的，你没看错！第一篇）就给大家讲讲商品模型的演进过程吧！希望对大家做的工作有所帮助~~",
+    "url": "https://segmentfault.com/a/1190000042094414",
+    "author": "大愚Talk",
+    "home_url": "https://segmentfault.com/u/helei112g",
+    "votes": "3",
     "rank": 15
   },
   {
@@ -144,14 +144,32 @@
     "rank": 16
   },
   {
-    "title": "电商商品系统的演进分析",
-    "description": "好久没有给大家带来新的知识分享了，2022的第一篇（是的，你没看错！第一篇）就给大家讲讲商品模型的演进过程吧！希望对大家做的工作有所帮助~~",
-    "url": "https://segmentfault.com/a/1190000042094414",
-    "author": "大愚Talk",
-    "home_url": "https://segmentfault.com/u/helei112g",
-    "votes": "3",
+    "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": "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": "利用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）则是保证用户在浏览器中输入域名之后，可以访问到对...",
@@ -159,16 +177,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
-    "rank": 18
-  },
-  {
-    "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": 19
+    "rank": 20
   },
   {
     "title": "死锁问题排查过程-间隙锁的复现以及解决",
@@ -177,26 +186,8 @@
     "author": "skyarthur",
     "home_url": "https://segmentfault.com/u/skyarthur",
     "votes": "2",
-    "rank": 20
-  },
-  {
-    "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": 21
   },
-  {
-    "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": 22
-  },
   {
     "title": "DNS 系列（三）：如何免受 DNS 欺骗的侵害",
     "description": "互联网上每一台设备都会有一个 IP 地址，我们在访问网站或发送信息时，其实都是通过 IP 地址达成准确请求的。但是这个 IP 地址由很长一串数字组成，记忆起来相当困难，所以我们创造了更实用的域名来代替 IP 地址...",
@@ -204,6 +195,15 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
+    "rank": 22
+  },
+  {
+    "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
   },
   {
@@ -215,15 +215,6 @@
     "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",
-    "votes": "1",
-    "rank": 25
-  },
   {
     "title": "网页长按保存及识别二维码",
     "description": "网易哒哒的 H5 一向是业界精品，其中不少 H5 会成为爆款，能在朋友圈广泛流传的那种。同时，他们还写了一本很水的书——制造爆款：H5营销策划一本通，草草介绍了下各式各样的H5，但相关的技术文章却都没这么介绍，...",
@@ -231,8 +222,26 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "1",
+    "rank": 25
+  },
+  {
+    "title": "冴羽答读者问：如何学习更有计划性、提升更稳更快？",
+    "description": "算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...",
+    "url": "https://segmentfault.com/a/1190000042178486",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "6",
     "rank": 26
   },
+  {
+    "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": "React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发",
     "description": "在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好，但如果要在 React 中实现一个功能丰富的表格，其实...",
@@ -240,7 +249,7 @@
     "author": "蒋川",
     "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
     "votes": "1",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择",
@@ -249,7 +258,7 @@
     "author": "CoderW",
     "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
     "votes": "2",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "Go 原生插件使用问题全解析",
@@ -258,15 +267,6 @@
     "author": "SOFAStack",
     "home_url": "https://segmentfault.com/u/sofastack",
     "votes": "1",
-    "rank": 29
-  },
-  {
-    "title": "纯css实现自动显示“全文”链接",
-    "description": "最近发现了一位大佬用纯css实现了自动显示“全文”链接的这样一个功能，用的方法挺巧妙的，于是我自己也试着实现了一下，借此来记录一下～功能效果文案较少时直接显示，文案较多时限制5行，显示省略号，然后再显示...",
-    "url": "https://segmentfault.com/a/1190000042098496",
-    "author": "Isabella",
-    "home_url": "https://segmentfault.com/u/isabella_5b593d1fde470",
-    "votes": "1",
     "rank": 30
   }
 ]