@wcj/github-rank 22.10.6 → 22.10.7

package/dist/sifou-daily.json

@@ -1,29 +1 @@
-[
-  {
-    "title": "sofa模块化隔离",
-    "description": "传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...",
-    "url": "https://segmentfault.com/a/1190000042574759",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "3",
-    "rank": 1
-  },
-  {
-    "title": "总结本周遇到的问题",
-    "description": "报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。",
-    "url": "https://segmentfault.com/a/1190000042573964",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "title": "Json序列化以及Infinite recursion",
-    "description": "背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...",
-    "url": "https://segmentfault.com/a/1190000042574739",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "2",
-    "rank": 3
-  }
-]
+[]

package/dist/sifou-monthly.json

@@ -170,15 +170,6 @@
     "votes": "7",
     "rank": 19
   },
-  {
-    "title": "有意思的水平横向溢出滚动",
-    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
-    "url": "https://segmentfault.com/a/1190000042443056",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
-    "rank": 20
-  },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
     "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
@@ -186,6 +177,15 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "12",
+    "rank": 20
+  },
+  {
+    "title": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "6",
     "rank": 21
   },
   {
@@ -206,15 +206,6 @@
     "votes": "5",
     "rank": 23
   },
-  {
-    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
-    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
-    "url": "https://segmentfault.com/a/1190000042535848",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
-    "rank": 24
-  },
   {
     "title": "借助 :has 实现3d轮播图",
     "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
@@ -222,16 +213,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "7",
-    "rank": 25
+    "rank": 24
   },
   {
-    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
-    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
-    "url": "https://segmentfault.com/a/1190000042432407",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "9",
-    "rank": 26
+    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
+    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
+    "url": "https://segmentfault.com/a/1190000042535848",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
+    "rank": 25
   },
   {
     "title": "5 种瀑布流场景的实现原理解析",
@@ -240,7 +231,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "6",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -249,16 +240,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
-    "rank": 28
+    "rank": 27
   },
   {
-    "title": "用Vue.js写一个命令行贪吃蛇游戏",
-    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
-    "url": "https://segmentfault.com/a/1190000042431217",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "6",
-    "rank": 29
+    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
+    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
+    "url": "https://segmentfault.com/a/1190000042507363",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "4",
+    "rank": 28
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -267,6 +258,15 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
+    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
+    "url": "https://segmentfault.com/a/1190000042509388",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "6",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -1,48 +1,12 @@
 [
   {
-    "title": "5 种瀑布流场景的实现原理解析",
-    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
-    "url": "https://segmentfault.com/a/1190000042562451",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "6",
-    "rank": 1
-  },
-  {
-    "title": "Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！",
-    "description": "Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...",
-    "url": "https://segmentfault.com/a/1190000042560534",
-    "author": "波波Nadia",
-    "home_url": "https://segmentfault.com/u/bobonadia",
-    "votes": "4",
-    "rank": 2
-  },
-  {
-    "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
-    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
-    "url": "https://segmentfault.com/a/1190000042563735",
-    "author": "HullQin",
-    "home_url": "https://segmentfault.com/u/hullqin",
+    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
+    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
+    "url": "https://segmentfault.com/a/1190000042565433",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "4",
-    "rank": 3
-  },
-  {
-    "title": "前端web实现（@、At、艾特）选人或引用数据",
-    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
-    "url": "https://segmentfault.com/a/1190000042563289",
-    "author": "xmanlin",
-    "home_url": "https://segmentfault.com/u/dxpang",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！",
-    "description": "本月，Eolink 旗下专注做开源 API 管理工具的 Eoapi 联合实时数据服务平台的 Tapdata 发布首款合作插件——导入 Tapdata 数据插件，大家一定很好奇 Tapdata 和 Eoapi 如何实现联动呢？",
-    "url": "https://segmentfault.com/a/1190000042557390",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 5
+    "rank": 1
   },
   {
     "title": "Video Roll升级，一款小众浏览器插件优化你看视频的体验",
@@ -51,25 +15,7 @@
     "author": "Gomi",
     "home_url": "https://segmentfault.com/u/gomi",
     "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
-    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
-    "url": "https://segmentfault.com/a/1190000042559544",
-    "author": "xiaoluoboding",
-    "home_url": "https://segmentfault.com/u/xlbd",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "Monaco Editor 中的 Keybinding 机制",
-    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
-    "url": "https://segmentfault.com/a/1190000042562942",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "2",
-    "rank": 8
+    "rank": 2
   },
   {
     "title": "牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II",
@@ -78,16 +24,7 @@
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 9
-  },
-  {
-    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
-    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
-    "url": "https://segmentfault.com/a/1190000042565433",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "2",
-    "rank": 10
+    "rank": 3
   },
   {
     "title": "2022年 SegmentFault 思否程序员大调查",
@@ -96,7 +33,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
-    "rank": 11
+    "rank": 4
   },
   {
     "title": "通过Node + SSE 做了一个构建日志推送",
@@ -105,16 +42,7 @@
     "author": "悲伤日记",
     "home_url": "https://segmentfault.com/u/beishangriji",
     "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG",
-    "description": "Storage 是种简单又复杂的本地数据存储方法，简单在于它使用方便，复杂在于它有无数的 BUG，为了能够安心的使用它，XJ 花了很多时间，写了一个开源的 xj.storage 插件，但在这篇文章中，插件并不是重点，XJ 在编...",
-    "url": "https://segmentfault.com/a/1190000042567817",
-    "author": "xjArea",
-    "home_url": "https://segmentfault.com/u/xjarea",
-    "votes": "0",
-    "rank": 13
+    "rank": 5
   },
   {
     "title": "Golang 单例模式与sync.Once",
@@ -123,7 +51,7 @@
     "author": "Jeffid",
     "home_url": "https://segmentfault.com/u/jeffid",
     "votes": "1",
-    "rank": 14
+    "rank": 6
   },
   {
     "title": "重学 react",
@@ -132,7 +60,16 @@
     "author": "tcdona",
     "home_url": "https://segmentfault.com/u/tcdona",
     "votes": "1",
-    "rank": 15
+    "rank": 7
+  },
+  {
+    "title": "漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG",
+    "description": "Storage 是种简单又复杂的本地数据存储方法，简单在于它使用方便，复杂在于它有无数的 BUG，为了能够安心的使用它，XJ 花了很多时间，写了一个开源的 xj.storage 插件，但在这篇文章中，插件并不是重点，XJ 在编...",
+    "url": "https://segmentfault.com/a/1190000042567817",
+    "author": "xjArea",
+    "home_url": "https://segmentfault.com/u/xjarea",
+    "votes": "0",
+    "rank": 8
   },
   {
     "title": "使用gorm写入time.Time的类型时的问题",
@@ -141,7 +78,16 @@
     "author": "润雨冰雪",
     "home_url": "https://segmentfault.com/u/runyubingxue",
     "votes": "1",
-    "rank": 16
+    "rank": 9
+  },
+  {
+    "title": "总结本周遇到的问题",
+    "description": "报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。",
+    "url": "https://segmentfault.com/a/1190000042573964",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "3",
+    "rank": 10
   },
   {
     "title": "源码学习之MyBatis的底层查询原理",
@@ -150,16 +96,16 @@
     "author": "京东云开发者",
     "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "2",
-    "rank": 17
+    "rank": 11
   },
   {
-    "title": "一道React面试题把我整懵了",
-    "description": "提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？",
-    "url": "https://segmentfault.com/a/1190000042564033",
-    "author": "紧张的大葱",
-    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
-    "votes": "1",
-    "rank": 18
+    "title": "sofa模块化隔离",
+    "description": "传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...",
+    "url": "https://segmentfault.com/a/1190000042574759",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "3",
+    "rank": 12
   },
   {
     "title": "[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？",
@@ -168,7 +114,16 @@
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "1",
-    "rank": 19
+    "rank": 13
+  },
+  {
+    "title": "一道React面试题把我整懵了",
+    "description": "提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？",
+    "url": "https://segmentfault.com/a/1190000042564033",
+    "author": "紧张的大葱",
+    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
+    "votes": "1",
+    "rank": 14
   },
   {
     "title": "React面试：谈谈虚拟DOM，Diff算法与Key机制",
@@ -177,95 +132,140 @@
     "author": "紧张的大葱",
     "home_url": "https://segmentfault.com/u/jinzhangdedacong",
     "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "从零开始Wails2编写Web桌面应用",
+    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
+    "url": "https://segmentfault.com/a/1190000042572133",
+    "author": "LnEoi",
+    "home_url": "https://segmentfault.com/u/lneoi",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
+    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
+    "url": "https://segmentfault.com/a/1190000042572545",
+    "author": "生信分析笔记",
+    "home_url": "https://segmentfault.com/u/jewin",
+    "votes": "2",
+    "rank": 17
+  },
+  {
+    "title": "ShardingSphere高CPU消耗的问题",
+    "description": "ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...",
+    "url": "https://segmentfault.com/a/1190000042567934",
+    "author": "开翻挖掘机",
+    "home_url": "https://segmentfault.com/u/wajueji9527",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "JavaScript中this指向哪儿？如何确定this？-前端面试进阶",
+    "description": "只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...",
+    "url": "https://segmentfault.com/a/1190000042569595",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "9",
+    "rank": 19
+  },
+  {
+    "title": "vue项目性能优化-前端加分项",
+    "description": "Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置...",
+    "url": "https://segmentfault.com/a/1190000042564339",
+    "author": "风度翩翩的红金鱼",
+    "home_url": "https://segmentfault.com/u/fengdudehongjinyu",
+    "votes": "1",
     "rank": 20
   },
   {
-    "title": "vue 项目vue.config.js 中 devServer proxy 未生效问题解决方案",
-    "description": "clone vue-material-admin 项目到本地运行, 修改了 .env.development, 希望代理到本地5005端口 {代码...} 改为了(参考原始内容照葫芦画瓢, .env.development误人啊) {代码...} devServer配置代理如下 {代码...} ...",
-    "url": "https://segmentfault.com/a/1190000042560078",
-    "author": "Yi_Zhi_Yu",
-    "home_url": "https://segmentfault.com/u/a_fish",
+    "title": "Vue项目单元测试入门",
+    "description": "本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...",
+    "url": "https://segmentfault.com/a/1190000042570207",
+    "author": "寻雾启示",
+    "home_url": "https://segmentfault.com/u/xin1994",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "【2-6 Golang】Go并发编程—定时器timer",
-    "description": "定时器使得我们可以延迟若干时间执行某项任务，或者以某一时间周期性执行某项任务，Linux系统本身也具备定时器能力，Go语言是定时器是基于系统调用实现的吗？另外，Go语言不是多协程吗，定时器触发时...",
-    "url": "https://segmentfault.com/a/1190000042559485",
-    "author": "西红柿",
-    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
+    "title": "前端面试前端性能优化篇",
+    "description": "不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置于头部，C...",
+    "url": "https://segmentfault.com/a/1190000042563871",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "CSS容器查询终于来了",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042540442",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "Json序列化以及Infinite recursion",
+    "description": "背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...",
+    "url": "https://segmentfault.com/a/1190000042574739",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "ShardingSphere高CPU消耗的问题",
-    "description": "ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...",
-    "url": "https://segmentfault.com/a/1190000042567934",
-    "author": "开翻挖掘机",
-    "home_url": "https://segmentfault.com/u/wajueji9527",
-    "votes": "1",
+    "title": "这些js原型及原型链面试题你能做对几道",
+    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
+    "url": "https://segmentfault.com/a/1190000042569583",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "7",
     "rank": 24
   },
   {
-    "title": "从零开始Wails2编写Web桌面应用",
-    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
-    "url": "https://segmentfault.com/a/1190000042572133",
-    "author": "LnEoi",
-    "home_url": "https://segmentfault.com/u/lneoi",
+    "title": "js中的for...in循环",
+    "description": "JavaScript中的for...in循环for...in能遍历对象（数组）中的属性用法： {代码...} 例： {代码...} for...in循环能遍历出原型上的属性与方法例: {代码...} for...in循环是无序的 {代码...} 由此可以看出，for...in...",
+    "url": "https://segmentfault.com/a/1190000042568640",
+    "author": "小卢没烦恼",
+    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
     "votes": "1",
     "rank": 25
   },
   {
-    "title": "深入理解JavaScript-call、apply、bind三大将",
-    "description": "之前在讲 this 关键字 时，我们介绍过这三个 api，我们得出这样的结论：call、apply 和 bind 都拥有\"掰弯\" this 指向的能力介于当时的重点是 this，对这三个 api 没有详细介绍，本文，我们来了解一下函数中所谓不...",
-    "url": "https://segmentfault.com/a/1190000042562398",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）",
+    "description": "类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find",
+    "url": "https://segmentfault.com/a/1190000042575016",
+    "author": "码上世界",
+    "home_url": "https://segmentfault.com/u/code4world",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "Optional源码解析与实践",
-    "description": "NullPointerException在开发过程中经常遇到，稍有不慎小BUG就出现了，如果避免这个问题呢，Optional就是专门解决这个问题的类，那么Optional如何使用呢？让我们一起探索一下吧！",
-    "url": "https://segmentfault.com/a/1190000042560626",
-    "author": "京东云开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "title": "call、apply、bind之间的区别",
+    "description": "3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。",
+    "url": "https://segmentfault.com/a/1190000042570103",
+    "author": "小卢没烦恼",
+    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "JavaScript中this指向哪儿？如何确定this？-前端面试进阶",
-    "description": "只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...",
-    "url": "https://segmentfault.com/a/1190000042569595",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
-    "votes": "9",
+    "title": "利用Vue自定义指令让你的开发变得更优雅",
+    "description": "前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？",
+    "url": "https://segmentfault.com/a/1190000042574651",
+    "author": "罡风小天",
+    "home_url": "https://segmentfault.com/u/shawnphang",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
-    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
-    "url": "https://segmentfault.com/a/1190000042572545",
-    "author": "生信分析笔记",
-    "home_url": "https://segmentfault.com/u/jewin",
-    "votes": "2",
+    "title": "解决图片底部白边",
+    "description": "解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...",
+    "url": "https://segmentfault.com/a/1190000042573147",
+    "author": "小卢没烦恼",
+    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
+    "votes": "1",
     "rank": 29
   },
   {
-    "title": "前端面试前端性能优化篇",
-    "description": "不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置于头部，C...",
-    "url": "https://segmentfault.com/a/1190000042563871",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "title": "面试题-Java基础",
+    "description": "JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...",
+    "url": "https://segmentfault.com/a/1190000042573592",
+    "author": "李博帅",
+    "home_url": "https://segmentfault.com/u/liboshuai",
     "votes": "1",
     "rank": 30
   }