@wcj/github-rank 22.6.30 → 22.7.1

package/web/data/sifou-daily.json

@@ -1,47 +1,65 @@
 [
   {
-    "title": "又拍云 Redis 的改进之路",
-    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
-    "url": "https://segmentfault.com/a/1190000042048198",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "如何使用插件化机制优雅的封装你的请求hook",
+    "description": "本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...",
+    "url": "https://segmentfault.com/a/1190000042051905",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？",
-    "description": "6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。",
-    "url": "https://segmentfault.com/a/1190000042048420",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
+    "title": "JavaScript扩展原型链浅析",
+    "description": "前言上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。javaScript原型和原型链[链接]扩展原型链使用new操作符利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方...",
+    "url": "https://segmentfault.com/a/1190000042051801",
+    "author": "程序猿布欧",
+    "home_url": "https://segmentfault.com/u/lewyon",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "英特尔傲腾，让数据管理不再纠结",
-    "description": "据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...",
-    "url": "https://segmentfault.com/a/1190000042050449",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
-    "votes": "1",
+    "title": "冴羽答读者问：如何在工作中打造影响力，带动同事？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...",
+    "url": "https://segmentfault.com/a/1190000042054629",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "超 Nice 的表格响应式布局小技巧",
-    "description": "今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...",
-    "url": "https://segmentfault.com/a/1190000042048733",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
+    "title": "开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破",
+    "description": "采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...",
+    "url": "https://segmentfault.com/a/1190000042053265",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "责任链模式",
-    "description": "通过构建一条流水线，将一个请求按照顺序进行多次处理下面使用一个登录的例子来实现责任链模式请求体类 {代码...} 抽象处理类 {代码...} 具体处理过程 验证密码 → 权限验证 {代码...} {代码...} 测试 {代码...} ...",
-    "url": "https://segmentfault.com/a/1190000042048951",
-    "author": "eacape",
-    "home_url": "https://segmentfault.com/u/xiaoyongyong",
+    "title": "2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们",
+    "description": "随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...",
+    "url": "https://segmentfault.com/a/1190000042053038",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 5
+  },
+  {
+    "title": "switch 有四样写法你知道么",
+    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
+    "url": "https://segmentfault.com/a/1190000042055258",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "《网络是怎么样连接的》读书笔记 - 汇总篇",
+    "description": "其实就是把之前的内容汇总到一个文章方便阅读。为了节省大家的时间，建议挑自己感兴趣的内容看，而不是从上往下看，建议看一切文字材料都保持这样的习惯。",
+    "url": "https://segmentfault.com/a/1190000042053583",
+    "author": "lazytimes",
+    "home_url": "https://segmentfault.com/u/lazytimes",
+    "votes": "1",
+    "rank": 7
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "42",
+    "votes": "43",
     "rank": 2
   },
   {
@@ -80,6 +80,15 @@
     "votes": "21",
     "rank": 9
   },
+  {
+    "title": "如何移除你项目中99%的JS代码",
+    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
+    "url": "https://segmentfault.com/a/1190000042011578",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
+    "rank": 10
+  },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
     "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
@@ -87,7 +96,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -96,20 +105,11 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 11
-  },
-  {
-    "title": "如何移除你项目中99%的JS代码",
-    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
-    "url": "https://segmentfault.com/a/1190000042011578",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
     "rank": 12
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
-    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
+    "description": "🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...",
     "url": "https://segmentfault.com/a/1190000041962217",
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
@@ -162,12 +162,12 @@
     "rank": 18
   },
   {
-    "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",
+    "title": "视觉还原小技巧！CSS 实现角标效果",
+    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
+    "url": "https://segmentfault.com/a/1190000042038058",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
     "rank": 19
   },
   {
@@ -176,9 +176,18 @@
     "url": "https://segmentfault.com/a/1190000042012558",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
+    "votes": "11",
     "rank": 20
   },
+  {
+    "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": 21
+  },
   {
     "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
     "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
@@ -186,15 +195,6 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 21
-  },
-  {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
     "rank": 22
   },
   {

package/web/data/sifou-weekly.json

@@ -18,23 +18,14 @@
     "rank": 2
   },
   {
-    "title": "基于Vite+React构建在线Excel",
-    "description": "Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成：（1）一个开发服务器，它基于*原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（*HMR）。（2）...",
-    "url": "https://segmentfault.com/a/1190000042024859",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "esbuild 构建油猴脚本",
+    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
+    "url": "https://segmentfault.com/a/1190000042036660",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "5",
     "rank": 3
   },
-  {
-    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
-    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
-    "url": "https://segmentfault.com/a/1190000042028948",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "7",
-    "rank": 4
-  },
   {
     "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
     "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
@@ -42,6 +33,15 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
+    "rank": 4
+  },
+  {
+    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
+    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
+    "url": "https://segmentfault.com/a/1190000042028948",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "7",
     "rank": 5
   },
   {
@@ -54,66 +54,66 @@
     "rank": 6
   },
   {
-    "title": "如果后端API一次返回10万条数据，前端应该如何优化",
-    "description": "创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码： {代码...} 我们可以使用 node 或 nodemon 启动服务器： {代码...} 创建前端模板页面然后我们的前端由一个 HTML 文件和一个 J...",
-    "url": "https://segmentfault.com/a/1190000042025507",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "5",
+    "title": "2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数",
+    "description": "此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...",
+    "url": "https://segmentfault.com/a/1190000042032276",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "6",
     "rank": 7
   },
   {
-    "title": "esbuild 构建油猴脚本",
-    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
-    "url": "https://segmentfault.com/a/1190000042036660",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "title": "React团队最近都在忙啥呢？",
+    "description": "大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...",
+    "url": "https://segmentfault.com/a/1190000042038001",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
     "rank": 8
   },
   {
-    "title": "元宇宙 3D 开荒场 - 探味奇遇记",
-    "description": "这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元...",
-    "url": "https://segmentfault.com/a/1190000042027240",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "4",
+    "title": "社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）",
+    "description": "个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...",
+    "url": "https://segmentfault.com/a/1190000042035124",
+    "author": "CoderW",
+    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
+    "votes": "6",
     "rank": 9
   },
   {
-    "title": "2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数",
-    "description": "此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...",
-    "url": "https://segmentfault.com/a/1190000042032276",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "6",
+    "title": "又拍云 Redis 的改进之路",
+    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
+    "url": "https://segmentfault.com/a/1190000042048198",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 10
   },
   {
-    "title": "折叠面板组件的设计与实现",
-    "description": "NutUI，大家应该不陌生吧 [鬼脸]，前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。",
-    "url": "https://segmentfault.com/a/1190000042023745",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "3",
+    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
+    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
+    "url": "https://segmentfault.com/a/1190000042044168",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
+    "votes": "8",
     "rank": 11
   },
   {
-    "title": "js判断两个对象是否相等",
-    "description": "1.首先要先有两个对象，如下举例： {代码...} 2.判断两个对象是否相等： {代码...} 3.做出相应的操作： {代码...}",
-    "url": "https://segmentfault.com/a/1190000042024769",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
+    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
+    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
+    "url": "https://segmentfault.com/a/1190000042048392",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "6",
     "rank": 12
   },
   {
-    "title": "社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）",
-    "description": "个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...",
-    "url": "https://segmentfault.com/a/1190000042035124",
-    "author": "CoderW",
-    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
-    "votes": "5",
+    "title": "CVPR 2022 | 美团技术团队精选论文解读",
+    "description": "计算机视觉国际顶会CVPR 2022近日在美国新奥尔良召开，今年美团技术团队有多篇论文被CVPR 2022收录，这些论文涵盖了模型压缩、视频目标分割、3D视觉定位、图像描述、模型安全、跨模态视频内容检索等研究领域。本...",
+    "url": "https://segmentfault.com/a/1190000042029056",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
     "rank": 13
   },
   {
@@ -126,23 +126,14 @@
     "rank": 14
   },
   {
-    "title": "CVPR 2022 | 美团技术团队精选论文解读",
-    "description": "计算机视觉国际顶会CVPR 2022近日在美国新奥尔良召开，今年美团技术团队有多篇论文被CVPR 2022收录，这些论文涵盖了模型压缩、视频目标分割、3D视觉定位、图像描述、模型安全、跨模态视频内容检索等研究领域。本...",
-    "url": "https://segmentfault.com/a/1190000042029056",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "Flex & Bison 开始",
+    "description": "Flex 用于词法分析（lexical analysis，或称 scanning），把输入分割成一个个有意义的词块，称为记号（token）。",
+    "url": "https://segmentfault.com/a/1190000042035066",
+    "author": "GoCoding",
+    "home_url": "https://segmentfault.com/u/gocoding",
     "votes": "2",
     "rank": 15
   },
-  {
-    "title": "Vue3，用组合的方式来编写更好的代码(1/5)",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041937389",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 16
-  },
   {
     "title": "20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛",
     "description": "微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...",
@@ -150,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "angular ChangeDetectorRef",
@@ -159,34 +150,16 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "4",
-    "rank": 18
-  },
-  {
-    "title": "蜻蜓低代码安全工具平台开发之路",
-    "description": "蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...",
-    "url": "https://segmentfault.com/a/1190000042025141",
-    "author": "汤青松",
-    "home_url": "https://segmentfault.com/u/songboy",
-    "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！",
-    "description": "据官方介绍，GitHub 副产品 AI 编码辅助工具 Copilot 最早于 2021 年 6 月在技术预览中发布，旨在帮助软件开发者在 Visual Studio、Visual Studio code、Neovim 和 JetBrains IDE 等开发环境中编写代码时通过自动...",
-    "url": "https://segmentfault.com/a/1190000042024352",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
-    "rank": 20
+    "rank": 17
   },
   {
-    "title": "Flex & Bison 开始",
-    "description": "Flex 用于词法分析（lexical analysis，或称 scanning），把输入分割成一个个有意义的词块，称为记号（token）。",
-    "url": "https://segmentfault.com/a/1190000042035066",
-    "author": "GoCoding",
-    "home_url": "https://segmentfault.com/u/gocoding",
+    "title": "一文详解｜Go 分布式链路追踪实现原理",
+    "description": "在分布式、微服务架构下，应用一个请求往往贯穿多个分布式服务，这给应用的故障排查、性能优化带来新的挑战。分布式链路追踪作为解决分布式应用可观测问题的重要技术，愈发成为分布式应用不可缺少的基础设施。本...",
+    "url": "https://segmentfault.com/a/1190000042031697",
+    "author": "erda_terminus_io",
+    "home_url": "https://segmentfault.com/u/erda_terminus_io",
     "votes": "1",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "Elux-从\"微前端\"到“微模块”",
@@ -195,43 +168,25 @@
     "author": "wooline",
     "home_url": "https://segmentfault.com/u/wooline",
     "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "Vue基础点梳理",
-    "description": "1、vue指令-v-model修饰符语法:v-model.修饰符=\"vue数据变量\" {代码...} 2、计算属性计算属性有缓存，提高渲染性能。如果在页面上需要用到 对现有的数据进行加工得到新数据，则时要使用计算属性。写法： {代码......",
-    "url": "https://segmentfault.com/a/1190000042025080",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
-    "rank": 23
-  },
-  {
-    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
-    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
-    "url": "https://segmentfault.com/a/1190000042044168",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "3",
-    "rank": 24
+    "rank": 19
   },
   {
-    "title": "脚本之美│VBS 入门交互实战",
-    "description": "VBS 是一种 Windows 脚本语言，全称是 Microsoft Visual Basic Script Editon，微软公司可视化 BASIC 脚本版",
-    "url": "https://segmentfault.com/a/1190000042027403",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "2",
-    "rank": 25
+    "title": "React自定义hook之：useClickOutside——判断是否点击DOM之外区域",
+    "description": "最近在开发业务需求的时候，有一个场景是点击弹窗之外的区域后，执行某些操作。比如我们常用的github左上角的搜索框，当点击了搜索框之外的区域以后，搜索框就会自动取消搜索并收缩起来。",
+    "url": "https://segmentfault.com/a/1190000042032561",
+    "author": "不羁的风",
+    "home_url": "https://segmentfault.com/u/wenhaoliu",
+    "votes": "1",
+    "rank": 20
   },
   {
-    "title": "React团队最近都在忙啥呢？",
-    "description": "大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...",
-    "url": "https://segmentfault.com/a/1190000042038001",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "企业级低代码平台，JeecgBoot-Vue3版  v1.3.0 里程碑版本发布",
+    "description": "Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！",
+    "url": "https://segmentfault.com/a/1190000042041290",
+    "author": "scott",
+    "home_url": "https://segmentfault.com/u/jeecg",
     "votes": "2",
-    "rank": 26
+    "rank": 21
   },
   {
     "title": "MongoDB 关系实现",
@@ -240,7 +195,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "3",
-    "rank": 27
+    "rank": 22
   },
   {
     "title": "【Java面试】Kafka 怎么避免重复消费",
@@ -249,16 +204,16 @@
     "author": "跟着Mic学架构",
     "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
-    "rank": 28
+    "rank": 23
   },
   {
-    "title": "ECMAScript 提案:.findLast()和.findLastIndex()从尾到头搜索数组",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042023094",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 29
+    "title": "我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！",
+    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、前言：一个Bug没想到一个Bug，竟然搞我两次！我大抵是卷上瘾了，横竖都睡不着，坐起来身来打开Mac和外接显示器，这Bug没有由来，默然...",
+    "url": "https://segmentfault.com/a/1190000042037477",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "3",
+    "rank": 24
   },
   {
     "title": "【计算讲谈社】第三讲：如何提出关键问题",
@@ -267,6 +222,51 @@
     "author": "大咖说",
     "home_url": "https://segmentfault.com/u/dakashuo",
     "votes": "1",
+    "rank": 25
+  },
+  {
+    "title": "精读《Permutation, Flatten, Absolute...》",
+    "description": "所以这题如果能 “递归触发联合类型分配率”，就有戏解决啊。但触发的条件必须存在两个泛型，而题目传入的只有一个，我们只好创造第二个泛型，使其默认值等于第一个：",
+    "url": "https://segmentfault.com/a/1190000042037674",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "Meta 微软等组建元宇宙组织，苹果缺席；Win 8.1 即将停止支持；Xmake v2.6.8 发布 | 思否周刊",
+    "description": "40s 新闻速递新 MacBook Pro 13 英寸正式开售：9999 元起微信公号新规：不可提供数字藏品二级交易相关服务RISC-V 宣布新规格网络配置错误导致 Cloudflare 大规模宕机Meta 微软等巨头组建元宇宙标准组织：苹果缺席...",
+    "url": "https://segmentfault.com/a/1190000042035487",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
+    "rank": 27
+  },
+  {
+    "title": "编程技巧│提高 Javascript 代码效率的技巧",
+    "description": "🎈 变量声明多个变量的声明，可以简写 {代码...} 🎈 三元运算符在条件判断时，可以使用三元运算符增加效率 {代码...} 🎈 解构赋值变量赋值 {代码...} 🎈 解构交换交换两个变量 {代码...} 🎈 箭头函数函数的简写方式 {...",
+    "url": "https://segmentfault.com/a/1190000042033825",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "3",
+    "rank": 28
+  },
+  {
+    "title": "JavaScript框架的四个时代",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042032435",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 29
+  },
+  {
+    "title": "Vue3中props和defineEmit的区别",
+    "description": "由于之前写的项目都是基于react来开发和思考的，转到vue中从来未接触过emit这个概念，官方的文档写的也不是特别清楚，（也或许是我的思想还尚未从react的编程理念中转出来）查阅了很多作者关于emit的解释，但从他...",
+    "url": "https://segmentfault.com/a/1190000042035344",
+    "author": "韩xiao方MY",
+    "home_url": "https://segmentfault.com/u/jiaolvdekaixinguo",
+    "votes": "2",
     "rank": 30
   }
 ]