@wcj/github-rank 21.9.14 → 21.9.18

package/dist/sifou-weekly.json

@@ -1,271 +1,271 @@
 [
   {
-    "title": "MySQL 从入门到实践，万字详解！",
-    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
-    "url": "https://segmentfault.com/a/1190000040642243",
-    "author": "SHERlocked93",
-    "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "38",
+    "title": "给自己点时间再记记这200条Git命令",
+    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
+    "url": "https://segmentfault.com/a/1190000040685726",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "25",
     "rank": 1
   },
   {
-    "title": "MySQL 数据库定时备份的几种方式（非常全面）",
-    "description": "在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。",
-    "url": "https://segmentfault.com/a/1190000040642688",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "21",
+    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "大新",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "14",
     "rank": 2
   },
   {
-    "title": "高性能利器：CDN我建议你好好学一下！",
-    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
-    "url": "https://segmentfault.com/a/1190000040643120",
-    "author": "九灵",
-    "home_url": "https://segmentfault.com/u/jaycekon",
-    "votes": "24",
+    "title": "为你的网站加入这些可爱的看板娘吧",
+    "description": "1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...",
+    "url": "https://segmentfault.com/a/1190000040681871",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "8",
     "rank": 3
   },
   {
-    "title": "90行代码实现模块打包器",
-    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
-    "url": "https://segmentfault.com/a/1190000040655590",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
+    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
+    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
+    "url": "https://segmentfault.com/a/1190000040668661",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "12",
     "rank": 4
   },
   {
-    "title": "15个值得收藏的JavaScript函数",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040661568",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "14",
+    "title": "性能优化：如何更快地接收数据",
+    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
+    "url": "https://segmentfault.com/a/1190000040680395",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "9",
     "rank": 5
   },
   {
-    "title": "Vue微信开发中授权登录的优雅实现",
-    "description": "微信授权登录是做微信公众号开发一直绕不开的话题，而且整个授权登录流程的实现，是需要前后端配合一起完成的。在过去前后端还未分离的年代，也许我们前端并不需要太过关心授权的具体实现。然而现在都2021年了，...",
-    "url": "https://segmentfault.com/a/1190000040649617",
-    "author": "imwty",
-    "home_url": "https://segmentfault.com/u/imwty",
+    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
+    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
+    "url": "https://segmentfault.com/a/1190000040686657",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "11",
     "rank": 6
   },
   {
-    "title": "开源浪潮下程序员的职业规划和成长",
-    "description": "无论从年初开源社发布的《2020 中国开源年度报告》还是整体的大环境，不难看到中国的开源正在崛起，越来越多的来自中国的开源项目和开发者们正在走入大家的视野。在开源浪潮的大趋势下，程序员又该如何规划自己的...",
-    "url": "https://segmentfault.com/a/1190000040642550",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
+    "title": "[Jenkins进阶]-后端CI/CD",
+    "description": "如果没有自动化， 我们的后端从开发到提测工作流程可能如下：1.本地机器上写代码2.提交代码，push 到 git 远程仓库3.执行mvn clean package单元测试并且打包jar包4.ssh/ftp发包至测试服务器等各种方式5.重启java...",
+    "url": "https://segmentfault.com/a/1190000040674102",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "6",
     "rank": 7
   },
   {
-    "title": "灵魂画手：漫画图解 SSH",
-    "description": "OpenSSL 本身是一个软件库，这个软件被广泛的应用在系统服务器当中，他的主要功能是在网络通信的过程中，保证数据的一致性以及数据传输过程中的安全性。软件本身是由C语言编写，这使得他具备了跨平台的特性，Open...",
-    "url": "https://segmentfault.com/a/1190000040655391",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
+    "title": "从零开始使用create-react-app + react + typescript 完成一个网站",
+    "description": "也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...",
+    "url": "https://segmentfault.com/a/1190000040677455",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "7",
     "rank": 8
   },
   {
-    "title": "前端灵异事件 好好的代码就我跑不起来？",
-    "description": "写在开头前端灵魂拷问：同一个项目，同一份代码，别人电脑上能跑，为什么自己电脑上就不行？同一个项目，同一份代码，别人自己电脑上打包构建，为什么服务器上就不行？Peter老司机这次带你们深刻的分析这个问题那...",
-    "url": "https://segmentfault.com/a/1190000040660041",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "title": "前端瓦片地图加载之塞尔达传说旷野之息",
+    "description": "最近在 肝🤕 塞尔达旷野之息，希望 2022年 新作发布前可以救出公主 👸。 同时公司有地图加载的需求，于是想以 旷野之息 地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理...",
+    "url": "https://segmentfault.com/a/1190000040678481",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
     "rank": 9
   },
   {
-    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
-    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
-    "url": "https://segmentfault.com/a/1190000040668661",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "9",
+    "title": "误删nginx.conf文件如何恢复",
+    "description": "当你不小心误删或者错误操作导致nginx.conf文件丢失，而且nginx处于在住运行的状态,在这种情况下我们就可以在内存中获取配置文件1.获取nginx 进程pid执行 {代码...} 你会得到如下输出，找到master的pid {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040692850",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "5",
     "rank": 10
   },
   {
-    "title": "对StarRocks “真假开源”之争的灵魂 9 问",
-    "description": "这篇文章，以一封公开信的形式，向“各位大数据从业者”描述了目前数据分析构架所面临的各种困难和挑战，随后宣布“将核心产品 DorisDB 升级为 StarRocks，并全面开源（Github 搜索‘StarRocks’），和全球大数据从业...",
-    "url": "https://segmentfault.com/a/1190000040658141",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "揭秘你处理数据的“底层逻辑”，详解公式引擎计算（一）",
+    "description": "身处信息时代之中，我们最能明显感受到的一点就是密集数据大量爆发，人们积累的数据也越来越多。这些庞杂的数据出现在一起，传统使用的很多数据记录、查询、汇总工具并不能满足人们的需求。更有效的将这些大量数...",
+    "url": "https://segmentfault.com/a/1190000040686994",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
     "rank": 11
   },
   {
-    "title": "玩转TypeScript工具类型（上）",
-    "description": "随着前端项目的规模不断变大，多人协同开发已经成为了前端开发的标配，随之而来的就是 TypeScript 被越来越多的项目所使用，这种变化并不是对技术的盲目追求，而是业务驱动下的技术进步，TypeScript 通过对原生 J...",
-    "url": "https://segmentfault.com/a/1190000040653014",
-    "author": "有道技术团队",
-    "home_url": "https://segmentfault.com/u/youdaotec",
+    "title": "妙用 background 实现花式文字效果",
+    "description": "通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果",
+    "url": "https://segmentfault.com/a/1190000040693286",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
     "rank": 12
   },
   {
-    "title": "如何阅读'嵌套深'&'引用关系复杂'的react+ts项目? 要不咱写个loader缓解一下~",
-    "description": "随着项目越做越大(cha), 会多出不少很深的代码模块, 比如你看到页面上显示的一个'名片框', 但你可能需要找好几分钟才能找到这个'名片框'的代码写在了哪个文件里, 如果这个项目你只是接收过来, 前几年不是你...",
-    "url": "https://segmentfault.com/a/1190000040659946",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "7",
+    "title": "用canvas实现一个大气球送给你",
+    "description": "一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...",
+    "url": "https://segmentfault.com/a/1190000040670804",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "12种 console 相关的方法，帮你快速提高调试效率！（建议收藏）",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040616715",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "动态代理大揭秘，带你彻底弄清楚动态代理！",
+    "description": "代理模式是一种设计模式，能够使得在不修改源目标的前提下，额外扩展源目标的功能。即通过访问源目标的代理类，再由代理类去访问源目标。这样一来，要扩展功能，就无需修改源目标的代码了。只需要在代理类上增加...",
+    "url": "https://segmentfault.com/a/1190000040680716",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "5",
     "rank": 14
   },
   {
-    "title": "Angular开发小程序",
-    "description": "Angular开发小程序通过修改Angular实现使用Angular开发小程序本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低视频简介[链接]开发模板[链接]修改内容builder修改用于支持自定义构建compo...",
-    "url": "https://segmentfault.com/a/1190000040665639",
-    "author": "wszgrcy",
-    "home_url": "https://segmentfault.com/u/wszgrcy",
-    "votes": "3",
+    "title": "滚动穿透与滚动溢出",
+    "description": "在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，...",
+    "url": "https://segmentfault.com/a/1190000040675446",
+    "author": "Barrior",
+    "home_url": "https://segmentfault.com/u/barrior",
+    "votes": "5",
     "rank": 15
   },
   {
-    "title": "对于 JavaScript 中循环之间的技术差异概述",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040660544",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "Vue3 Ref 语法糖，告别 .value 的写法",
+    "description": "近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...",
+    "url": "https://segmentfault.com/a/1190000040685876",
+    "author": "五柳",
+    "home_url": "https://segmentfault.com/u/wjchumble",
     "votes": "5",
     "rank": 16
   },
   {
-    "title": "高手是如何写出让别人看不懂的选择器",
-    "description": "本文的标题是如何写出让别人看不懂的选择器，但是本意不是希望大家去写如此复杂的选择，一些复杂（怪异）的选择器在一些特定场景下也许有着妙用，又或者写出这种选择器是基于当时的特殊背景。",
-    "url": "https://segmentfault.com/a/1190000040648510",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "IPFS 技术发展新赛道，Jupiter 黑客松—IPFS 开发者大赛开拓全新应用场景",
+    "description": "为帮助使用IPFS技术的亚洲开发人员认证、加速、孵化他们的精彩创意，培养全球开发者社区基于IPFS协议创立新的初创企业、发展创新性的应用、解决主要问题和让网络的未来变得更加强大、安全和去中心化。",
+    "url": "https://segmentfault.com/a/1190000040674439",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "3",
     "rank": 17
   },
   {
-    "title": "保姆式教程！Centos7 系统部署 Zabbix5.0",
-    "description": "系统简介：zabbix是一个企业级解决方案，支持实时监控数千台服务器，虚拟机和网络设备采集百万级监控指标。CentOS 7上搭建 Zabbix4.0，一次性成功，收藏了！Zabbix的主要特点有1.指标收集:从任何设备、系统、应用...",
-    "url": "https://segmentfault.com/a/1190000040661069",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "5",
+    "title": "【HMS Core 6.0全球上线】Toolkit，您的智能辅助编程好帮手",
+    "description": "HMS Core 6.0已于7月15日全球上线。本次版本中，华为HMS Toolkit向广大开发者推出了智能辅助编程助手SmartCoder，帮助开发者轻松高效地集成HMS Core，开发新功能，创建新应用。",
+    "url": "https://segmentfault.com/a/1190000040673481",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "从源码角度分析 MyBatis 工作原理",
-    "description": "一、MyBatis 完整示例这里，我将以一个入门级的示例来演示 MyBatis 是如何工作的。注：本文后面章节中的原理、源码部分也将基于这个示例来进行讲解。完整示例源码地址1.1. 数据库准备在本示例中，需要针对一张用...",
-    "url": "https://segmentfault.com/a/1190000040641616",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "直击 2021 苹果秋季发布会：iPhone 13 全系降价，这次彻底放大招？",
+    "description": "今天凌晨 1 点的苹果发布会你看了没？又是出乎意料的短，没有意外惊喜没有 one more thing，全程 1 小时 18 分钟，只发布了： iPhone 13 Pro、iPhone 13、Apple Watch Series 7、全新 iPad mini 和 iPad ，传闻中...",
+    "url": "https://segmentfault.com/a/1190000040685620",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "2",
     "rank": 19
   },
   {
-    "title": "clean-state:  一个轻巧又灵活的React状态管理器",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040653733",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "3",
+    "title": "原来3D感空间行星轨迹是这样画的",
+    "description": "我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转2点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回...",
+    "url": "https://segmentfault.com/a/1190000040672742",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "5",
     "rank": 20
   },
   {
-    "title": "淘客项目coupons在 Linux 环境部署指南",
-    "description": "Coupons是一个从前端到后端完全开源的淘宝客项目，目前项目已经支持打包成App、微信小程序、QQ小程序、Web站点；理论上其他小程序支持，可能需要微调",
-    "url": "https://segmentfault.com/a/1190000040647007",
-    "author": "Silently9527",
-    "home_url": "https://segmentfault.com/u/silently9527",
+    "title": "vivo营销自动化技术解密｜开篇",
+    "description": "营销自动化是指专门为营销部门或组织设计的软件平台和技术，可以更有效地在线进行多渠道营销并使重复性任务自动化。营销部门和销售人员通过制定任务和流程的操作标准，然后由IT系统进行解释、存储和执行，从而提...",
+    "url": "https://segmentfault.com/a/1190000040673071",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
     "rank": 21
   },
   {
-    "title": "从IT圈“鄙视链”看前端开发有多难？",
-    "description": "如今“鄙视链”体现在生活的方方面面，各行各业都有默认一致的鄙视链。IT圈子因为开发语言多样、工程师岗位种类多、技术框架多，也有自己圈子内的鄙视链。按照开发工程师的岗位形成的鄙视链是：",
-    "url": "https://segmentfault.com/a/1190000040648795",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "PHP 字符串中直接解析函数的写法",
+    "description": "PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...",
+    "url": "https://segmentfault.com/a/1190000040687221",
+    "author": "guanguans",
+    "home_url": "https://segmentfault.com/u/guanguans",
+    "votes": "3",
     "rank": 22
   },
   {
-    "title": "月薪10K码农，跳槽到40K架构师，技术学习路线图汇总",
-    "description": "前端、后端、运维，如果你不清楚自己要从哪开始，下个阶段要学什么，到哪里算是结束，可以参考下 Kamran Ahmed 整理的 Web 开发者 2021 版最新的学习路线图。",
-    "url": "https://segmentfault.com/a/1190000040654968",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
+    "title": "Spring Boot中使用@Async实现异步调用，加速任务的执行！",
+    "description": "什么是“异步调用”？“异步调用”对应的是“同步调用”，同步调用指程序按照定义顺序依次执行，每一行程序都必须等待上一行程序执行完成之后才能执行；异步调用指程序在顺序执行时，不等待异步调用的语句返回结果就执...",
+    "url": "https://segmentfault.com/a/1190000040681270",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "JsonUtils简单使用",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000040652105",
-    "author": "isWulongbo",
-    "home_url": "https://segmentfault.com/u/iswulongbo",
-    "votes": "2",
+    "title": "CSS资源",
+    "description": "1、Layoutit Grid 是一个 CSS Grid 布局生成器地址：[链接]2、Sarah Drasner 的 CSS 网格生成器地址：[链接]3、Grid by Example地址：[链接]4、CSS Grid Garden地址：[链接]5、Grid Malven地址：[链接]6、CSS Tri...",
+    "url": "https://segmentfault.com/a/1190000040674426",
+    "author": "小蘑菇",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "4",
     "rank": 24
   },
   {
-    "title": "是什么让 Java 应用程序的 CPU 使用率飙升？",
-    "description": "如果命运是一条孤独的河流，谁会是你的灵魂摆渡人？ —— 克莱儿·麦克福尔《摆渡人》一. 问题while 的无限循环是否会导致 CPU 使用率飙升？频繁的 Young GC 是否会导致 CPU 使用率飙升？有大量线程的应用程序的 CPU...",
-    "url": "https://segmentfault.com/a/1190000040646210",
-    "author": "惜鸟",
-    "home_url": "https://segmentfault.com/u/xiniao_6051dfcd5b5e8",
-    "votes": "3",
+    "title": "Vue微信开发中微信分享的优雅实现",
+    "description": "微信分享主要是可以把我们做的网页分享给好友或者分享到朋友圈，在发送给好友时，展示出来的消息不是一段很丑的网址，而是带着图文描述的特殊模板消息，很多传播性质比较强的网页都会借助这个特性提升传播性。要...",
+    "url": "https://segmentfault.com/a/1190000040668215",
+    "author": "imwty",
+    "home_url": "https://segmentfault.com/u/imwty",
+    "votes": "4",
     "rank": 25
   },
   {
-    "title": "Spring 声明式事务应该怎么学？",
-    "description": "Spring 的声明式事务极大地方便了日常的事务相关代码编写，它的设计如此巧妙，以至于在使用中几乎感觉不到它的存在，只需要优雅地加一个 @Transactional 注解，一切就都顺理成章地完成了！",
-    "url": "https://segmentfault.com/a/1190000040641224",
-    "author": "Java课代表",
-    "home_url": "https://segmentfault.com/u/zhengxl5566",
+    "title": "面试官让我手写队列，差点点没写出来",
+    "description": "栈和队列是一对好兄弟，前面我们介绍过一篇栈的文章(栈，不就后进先出)，栈的机制相对简单，后入先出，就像进入一个狭小的山洞，山洞只有一个出入口，只能后进先出(在外面的先出去，堵在里面先进去的就有点倒霉)...",
+    "url": "https://segmentfault.com/a/1190000040689400",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "搞懂现代Web端即时通讯技术一文就够：WebSocket、socket.io、SSE",
-    "description": "有关Web端即时通讯技术的文章我已整理过很多篇，阅读过的读者可能都很熟悉，早期的Web端即时通讯方案，受限于Web客户端的技术限制，想实现真正的“即时”通信，难度相当大。",
-    "url": "https://segmentfault.com/a/1190000040642923",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "2",
+    "title": "如何生成稳定的动态 treemap（矩形树图）关键技术揭晓",
+    "description": "前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...",
+    "url": "https://segmentfault.com/a/1190000040688565",
+    "author": "云音乐大前端团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "4",
     "rank": 27
   },
   {
-    "title": "Nginx - 最小配置！你值得拥有",
-    "description": "安全服务器是只允许所需数量的服务器。理想情况下，我们将通过单独启用其他功能来基于最小系统构建服务器。进行最少的配置也有助于调试。如果该错误在最小系统中不可用，则分别添加功能，然后继续搜索错误。",
-    "url": "https://segmentfault.com/a/1190000040656820",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "5",
+    "title": "Go 程序崩了？煎鱼教你用 PProf 工具来救火！",
+    "description": "这次分享《Go 语言编程之旅》中的性能分析大杀器 PProf，文章字数有 1w3+ 字，我想应该是目前业界比较全的 PProf 文章了，也欢迎大家买本 《Go 语言编程之旅》学习更多的 Go 语言进阶技巧和知识。",
+    "url": "https://segmentfault.com/a/1190000040670962",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "Vue 撩起头盖来，让我看看你（初始化与学习Vue项目）",
-    "description": "Vue 撩起头盖来，让我看看你（初始化与学习Vue项目）博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！Vue简介相信都听过vue，毕竟有一句...",
-    "url": "https://segmentfault.com/a/1190000040662689",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
-    "votes": "1",
+    "title": "50行代码串行Promise，koa洋葱模型原来是这么实现？",
+    "description": "之前写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十余篇源码文章。其中最新的两篇是：",
+    "url": "https://segmentfault.com/a/1190000040670999",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "Mybatis新手进阶知识点，老鸟请走开",
-    "description": "ORM全称：object relation mapping，译为：对象关系映射。ORM框架是将对象和数据库表字段建立映射,并提供CRUD操作的API的框架。",
-    "url": "https://segmentfault.com/a/1190000040647422",
-    "author": "大树",
-    "home_url": "https://segmentfault.com/u/mshu",
+    "title": "LeetCode-283-移动零",
+    "description": "题目描述：给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官...",
+    "url": "https://segmentfault.com/a/1190000040685785",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 30
   }