@wcj/github-rank 22.10.4 → 22.10.6

package/web/data/sifou-daily.json

@@ -1,11 +1,29 @@
 [
   {
-    "title": "Video Roll升级，一款小众浏览器插件优化你看视频的体验",
-    "description": "首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。",
-    "url": "https://segmentfault.com/a/1190000042571364",
-    "author": "Gomi",
-    "home_url": "https://segmentfault.com/u/gomi",
-    "votes": "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/web/data/sifou-monthly.json

@@ -59,9 +59,18 @@
     "url": "https://segmentfault.com/a/1190000042509082",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "17",
+    "votes": "18",
     "rank": 7
   },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 8
+  },
   {
     "title": "使用 SVG 生成带标识的 favicon",
     "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
@@ -69,15 +78,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 8
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
     "rank": 9
   },
   {
@@ -215,15 +215,6 @@
     "votes": "4",
     "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": "8",
-    "rank": 25
-  },
   {
     "title": "借助 :has 实现3d轮播图",
     "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
@@ -231,8 +222,26 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "7",
+    "rank": 25
+  },
+  {
+    "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": "5 种瀑布流场景的实现原理解析",
+    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
+    "url": "https://segmentfault.com/a/1190000042562451",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "6",
+    "rank": 27
+  },
   {
     "title": "新时代布局新特性 -- 容器查询",
     "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
@@ -240,7 +249,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -249,15 +258,6 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 28
-  },
-  {
-    "title": "5 种瀑布流场景的实现原理解析",
-    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
-    "url": "https://segmentfault.com/a/1190000042562451",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "6",
     "rank": 29
   },
   {

package/web/data/sifou-weekly.json

@@ -1,31 +1,4 @@
 [
-  {
-    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
-    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
-    "url": "https://segmentfault.com/a/1190000042547772",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
-    "rank": 1
-  },
-  {
-    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
-    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
-    "url": "https://segmentfault.com/a/1190000042554569",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "11",
-    "rank": 2
-  },
-  {
-    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
-    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
-    "url": "https://segmentfault.com/a/1190000042550192",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 3
-  },
   {
     "title": "5 种瀑布流场景的实现原理解析",
     "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
@@ -33,7 +6,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "6",
-    "rank": 4
+    "rank": 1
   },
   {
     "title": "Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！",
@@ -42,34 +15,7 @@
     "author": "波波Nadia",
     "home_url": "https://segmentfault.com/u/bobonadia",
     "votes": "4",
-    "rank": 5
-  },
-  {
-    "title": "SegmentFault 2022 年社区周报 Vol.9",
-    "description": "hello，本喵又回来啦，距离国庆假期只剩 3 个工作日啦，想想都很激动，我承认我是有点提前兴奋了，回归主题，来给大家来汇报一下社区近期发生的事儿～",
-    "url": "https://segmentfault.com/a/1190000042552230",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
-    "rank": 6
-  },
-  {
-    "title": "一个新视角：前端框架们都卷错方向了？",
-    "description": "大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...",
-    "url": "https://segmentfault.com/a/1190000042549062",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "现代 JavaScript 库打包指南",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042529806",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 8
+    "rank": 2
   },
   {
     "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
@@ -77,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000042563735",
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
-    "votes": "3",
-    "rank": 9
+    "votes": "4",
+    "rank": 3
   },
   {
     "title": "前端web实现（@、At、艾特）选人或引用数据",
@@ -86,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000042563289",
     "author": "xmanlin",
     "home_url": "https://segmentfault.com/u/dxpang",
-    "votes": "2",
-    "rank": 10
+    "votes": "3",
+    "rank": 4
   },
   {
     "title": "Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！",
@@ -96,34 +42,16 @@
     "author": "eoapi",
     "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "3",
-    "rank": 11
+    "rank": 5
   },
   {
-    "title": "Go 为什么能火？归功于这 5 个方面",
-    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
-    "url": "https://segmentfault.com/a/1190000042555900",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "Video Roll升级，一款小众浏览器插件优化你看视频的体验",
+    "description": "首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。",
+    "url": "https://segmentfault.com/a/1190000042571364",
+    "author": "Gomi",
+    "home_url": "https://segmentfault.com/u/gomi",
     "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "angular 附件上传  以及深拷贝",
-    "description": "ts里的深拷贝本来想着点击取消，恢复数据后，能取消掉实体的改动。比如如下图， 恢复数据后，A 能恢复到 a 数据的状态。 但是，经过测试发现,并没有。测试的代码, 可以看到。 带星号的代码1.ngOnInit（）的时候复...",
-    "url": "https://segmentfault.com/a/1190000042558152",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 13
-  },
-  {
-    "title": "angular 指令",
-    "description": "首先就是如何在组件中使用指令，也就是我们所熟悉的selector,这里的selector规则与组件不同，组件在使用是是直接作为标签来使用如：",
-    "url": "https://segmentfault.com/a/1190000042558126",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
-    "votes": "3",
-    "rank": 14
+    "rank": 6
   },
   {
     "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
@@ -132,7 +60,7 @@
     "author": "xiaoluoboding",
     "home_url": "https://segmentfault.com/u/xlbd",
     "votes": "1",
-    "rank": 15
+    "rank": 7
   },
   {
     "title": "Monaco Editor 中的 Keybinding 机制",
@@ -141,7 +69,16 @@
     "author": "袋鼠云数栈UED",
     "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
     "votes": "2",
-    "rank": 16
+    "rank": 8
+  },
+  {
+    "title": "牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II",
+    "description": "首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...",
+    "url": "https://segmentfault.com/a/1190000042572573",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
+    "rank": 9
   },
   {
     "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
@@ -150,25 +87,16 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 — 学 Java 能做什么？",
-    "description": "今天我们继续来聊聊流程实例。部署之后的流程，这个还不能直接运行，例如我们部署了一个请假流程，现在 zhangsan 想要请假，他就需要开启一个请假流程，lisi 想请假，他也需要开启一个请假流程，这一个一个开启的...",
-    "url": "https://segmentfault.com/a/1190000042549802",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "1",
-    "rank": 18
+    "rank": 10
   },
   {
-    "title": "深入理解JavaScript-this关键字",
-    "description": "在讲 Function、作用域 时，我们都讲到了 this，因为 JavaScript 中的作用域是词法作用域，在哪里定义，就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域，调用时去寻找它所处的位置。那个...",
-    "url": "https://segmentfault.com/a/1190000042552418",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "2022年 SegmentFault 思否程序员大调查",
+    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
+    "url": "https://segmentfault.com/a/1190000042566696",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
-    "rank": 19
+    "rank": 11
   },
   {
     "title": "通过Node + SSE 做了一个构建日志推送",
@@ -177,25 +105,7 @@
     "author": "悲伤日记",
     "home_url": "https://segmentfault.com/u/beishangriji",
     "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "项目篇：高并发内存池",
-    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
-    "url": "https://segmentfault.com/a/1190000042558168",
-    "author": "夜枫微凉",
-    "home_url": "https://segmentfault.com/u/yefengweiliang",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "2022年 SegmentFault 思否程序员大调查",
-    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
-    "url": "https://segmentfault.com/a/1190000042566696",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
-    "rank": 22
+    "rank": 12
   },
   {
     "title": "漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG",
@@ -204,7 +114,34 @@
     "author": "xjArea",
     "home_url": "https://segmentfault.com/u/xjarea",
     "votes": "0",
-    "rank": 23
+    "rank": 13
+  },
+  {
+    "title": "Golang 单例模式与sync.Once",
+    "description": "在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。",
+    "url": "https://segmentfault.com/a/1190000042567477",
+    "author": "Jeffid",
+    "home_url": "https://segmentfault.com/u/jeffid",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "重学 react",
+    "description": "换工作后，从vue转react已经一年半了，代码写的不多，侥幸以为对react有点熟悉了。但看了「beta.reactjs.org」后依然有被震撼到，对react，自己之前的理解，原来一直都错的离谱。",
+    "url": "https://segmentfault.com/a/1190000042569540",
+    "author": "tcdona",
+    "home_url": "https://segmentfault.com/u/tcdona",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "使用gorm写入time.Time的类型时的问题",
+    "description": "很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。",
+    "url": "https://segmentfault.com/a/1190000042567349",
+    "author": "润雨冰雪",
+    "home_url": "https://segmentfault.com/u/runyubingxue",
+    "votes": "1",
+    "rank": 16
   },
   {
     "title": "源码学习之MyBatis的底层查询原理",
@@ -213,16 +150,7 @@
     "author": "京东云开发者",
     "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "2",
-    "rank": 24
-  },
-  {
-    "title": "用这招监听 Vue 的插槽变化",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042554193",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 25
+    "rank": 17
   },
   {
     "title": "一道React面试题把我整懵了",
@@ -231,25 +159,16 @@
     "author": "紧张的大葱",
     "home_url": "https://segmentfault.com/u/jinzhangdedacong",
     "votes": "1",
-    "rank": 26
-  },
-  {
-    "title": "Golang 单例模式与sync.Once",
-    "description": "在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。",
-    "url": "https://segmentfault.com/a/1190000042567477",
-    "author": "Jeffid",
-    "home_url": "https://segmentfault.com/u/jeffid",
-    "votes": "1",
-    "rank": 27
+    "rank": 18
   },
   {
-    "title": "使用gorm写入time.Time的类型时的问题",
-    "description": "很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。",
-    "url": "https://segmentfault.com/a/1190000042567349",
-    "author": "润雨冰雪",
-    "home_url": "https://segmentfault.com/u/runyubingxue",
+    "title": "[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？",
+    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
+    "url": "https://segmentfault.com/a/1190000042569169",
+    "author": "HullQin",
+    "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "1",
-    "rank": 28
+    "rank": 19
   },
   {
     "title": "React面试：谈谈虚拟DOM，Diff算法与Key机制",
@@ -258,7 +177,7 @@
     "author": "紧张的大葱",
     "home_url": "https://segmentfault.com/u/jinzhangdedacong",
     "votes": "1",
-    "rank": 29
+    "rank": 20
   },
   {
     "title": "vue 项目vue.config.js 中 devServer proxy 未生效问题解决方案",
@@ -267,6 +186,87 @@
     "author": "Yi_Zhi_Yu",
     "home_url": "https://segmentfault.com/u/a_fish",
     "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",
+    "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",
+    "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",
+    "rank": 24
+  },
+  {
+    "title": "从零开始Wails2编写Web桌面应用",
+    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
+    "url": "https://segmentfault.com/a/1190000042572133",
+    "author": "LnEoi",
+    "home_url": "https://segmentfault.com/u/lneoi",
+    "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",
+    "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",
+    "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",
+    "rank": 28
+  },
+  {
+    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
+    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
+    "url": "https://segmentfault.com/a/1190000042572545",
+    "author": "生信分析笔记",
+    "home_url": "https://segmentfault.com/u/jewin",
+    "votes": "2",
+    "rank": 29
+  },
+  {
+    "title": "前端面试前端性能优化篇",
+    "description": "不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置于头部，C...",
+    "url": "https://segmentfault.com/a/1190000042563871",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "1",
     "rank": 30
   }
 ]