@wcj/github-rank 22.3.18 → 22.3.19

package/web/sifou-daily.html

@@ -7,41 +7,63 @@
   <link rel="icon" type="image/x-icon" href="https://github.githubassets.com/favicon.ico">
   <title> Segmentfault 思否热门 </title>
   <meta name="description" content="Segmentfault 思否热门">
+  <style>
+    [data-color-mode*='dark'] {
+      --color-fg-default: #c9d1d9;
+      --color-fg-muted: #8b949e;
+      --color-fg-subtle: #484f58;
+      --color-accent-fg: #58a6ff;
+      --color-accent-emphasis: #1f6feb;
+      --color-link-hover: #58a6ff;
+      --color-tab-fg: #494949;
+      --color-border: #e2e2e2;
+      --color-neutral-muted: rgba(110,118,129,0.4);
+    }
+    [data-color-mode*='light'] {
+      --color-fg-default: #24292f;
+      --color-fg-muted: #57606a;
+      --color-fg-subtle: #6e7781;
+      --color-accent-fg: #0969da;
+      --color-accent-emphasis: #0969da;
+      --color-link-hover: #58a6ff;
+      --color-tab-fg: #e2e2e2;
+      --color-border: #000;
+      --color-neutral-muted: rgba(175,184,193,0.2);
+    }
+  </style>
   <style>
     * { box-sizing: border-box; }
     html, body, ul, li, h1 { margin: 0; padding: 0 }
     html, body { font-size: 16px; font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif; }
     ul { list-style: none; }
 
-    a { color: #333; text-decoration: none; transition: all .2s ease-in; }
-    a:hover { color: #1600ff; }
+    a { color: var(--color-accent-fg); text-decoration: none; transition: all .2s ease-in; }
+    a:hover { color: var(--color-link-hover); text-decoration: underline; }
     a.github-corner:hover .octo-arm { animation: octocat-wave 560ms infinite linear; }
     a.github-corner svg { fill: #f1f1f1; color: #000; position: absolute; top: 0; border: 0; right: 0; z-index: 99; width: 70px; height: 70px; }
     a.github-corner { position: fixed; z-index: 9999; top: 0; right: 0; }
 
     .title { padding: 32px 20px 10px 20px; font-size: 32px; display: flex; }
     .title a svg { display: block; }
-    .title a { color: #0059ff; display: inline-block; margin-left: 10px; }
+    .title a { color: var(--color-accent-fg); display: inline-block; margin-left: 10px; }
     .time, .footer { padding: 5px 20px 2px 20px; font-size: 12px; color: #adadad; }
     .tabs { padding: 0 20px 5px 20px;}
-    .tabs a { background: #e2e2e2; display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: #0366d6; }
+    .tabs a { background: var(--color-tab-fg); display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: var(--color-accent-fg); }
     .tabs a.active { background: #333; color: #efefef; }
     .tabs a:hover:not(.active) { background: #efefef; }
     .footer { padding: 0 20px 30px 20px; font-size: 12px; color: #adadad; }
     .footer .time { padding: 0; }
     .list { text-align: left; padding-bottom: 10px; margin: 0 15px; }
     .list img { width: 36px; height: 36px; border-radius: 3px; display: block; margin: 0 auto; background-color: #e2e2e2; border: 0; overflow: hidden; }
-    .list a { color: #0366d6; }
-    .list a:hover { color: #1600ff; }
     .list li { padding: 10px; transition: all .3s; }
     .list li.rank-title { margin: 0; padding: 3px 0 0 7px; margin-bottom: 10px; border-radius: 5px; font-size: 12px; line-height: 16px; }
     .list li.rank-title > a { margin-right: 10px; }
     .list li.rank-title:hover { background: transparent; }
     .list li:last-child, .list li.rank-title { border-bottom: 0; }
-    .list li:hover { background: #efefef8f; }
+    .list li:hover { background: var(--color-neutral-muted); }
     .list li > div { display: table-cell; vertical-align: top; font-size: 14px; }
     .list li div.rank span { font-weight: bold; }
-    .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: #b9b9b9; }
+    .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: var(--color-fg-muted); }
     .list li div.details a { color: #b9b9b9; transition: all .3s; }
     .list li div.details a:hover { color: #1600ff; }
     .list li div.details a:hover svg { fill: #1600ff; }
@@ -51,12 +73,12 @@
     .list li > div.info { width: 100%; }
     .list li > div.info i { color: #717171; }
     .list li > div.info a:hover i { color: #333; }
-    .list li div.sub-title { color: #333; margin: 4px 0 0 0; }
+    .list li div.sub-title { color: var(--color-thme-text); margin: 4px 0 0 0; }
     .list li div.avatar { padding-right: 10px; }
     
     
     .list .select { }
-    .list .select .active { color: #333; font-weight: bold; border-bottom: 1px dotted #000;}
+    .list .select .active { color: var(--color-thme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
     
     
     
@@ -70,8 +92,7 @@
       .title { padding-top: 16px; font-size: 21px; }
     }
   </style>
-  <style>
-  </style>
+  <script src="https://unpkg.com/@wcj/dark-mode"></script>
 </head>
 <body>
   <a href="https://github.com/jaywcjlove/github-rank" target="_blank" class="github-corner">
@@ -82,6 +103,7 @@
     </svg>
   </a>
   <h1 class="title">
+    <dark-mode permanent></dark-mode>
     Segmentfault 思否热门
     
     
@@ -94,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/3/18 by 
+  <div class="time">Last cache created on 2022/3/19 by 
     
     
     
@@ -125,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041562231" target="_blank" title="小推理：React18比老版React更优秀的一个地方">小推理：React18比老版React更优秀的一个地方</a>
+        <a href="https://segmentfault.com/a/1190000041567908" target="_blank" title="欢迎体验 | Android 13 开发者预览版 2">欢迎体验 | Android 13 开发者预览版 2</a>
       </div>
       <div class="sub-title followers">
         
@@ -136,15 +158,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>5</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
-          <span>卡颂</span>
+        <a target="_blank" href="https://segmentfault.com/u/androiddevs"  title="Programming Language">
+          <span>Android开发者</span>
         </a>
       </div>
       <div class="details">
-        大家好，我卡颂。React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。v18新增了很多特性，今天，我们不聊新特性，而是来讲讲v18相比老版更优秀的一个细节：v18中，组件render的次数可能更少欢...
+        上个月，我们 发布了 Android 13 的首个开发者预览版。Android 13 围绕我们的核心主题打造，即隐私和安全、开发者生产力，以及支持平板电脑和 大屏幕设备。今天，我们为大家带来了 Android 13 开发者预览版 2，提...
       </div>
     </div>
   </li>
@@ -153,7 +175,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041564826" target="_blank" title="如何设计信息安全领域的实时安全基线引擎">如何设计信息安全领域的实时安全基线引擎</a>
+        <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
       </div>
       <div class="sub-title followers">
         
@@ -164,15 +186,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>3</span>
+          <span>7</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ververica"  title="Programming Language">
-          <span>ApacheFlink</span>
+        <a target="_blank" href="https://segmentfault.com/u/kumfo"  title="Programming Language">
+          <span>kumfo</span>
         </a>
       </div>
       <div class="details">
-        摘要：本文整理自奇安信集团高级技术专家覃永靖在 Flink Forward Asia 2021 行业实践专场的分享。本篇内容主要分为四个部分：什么是安全分析计算框架的选择引擎设计实践与展望
+        最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
       </div>
     </div>
   </li>
@@ -181,7 +203,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041564784" target="_blank" title="Web3D 从入门到跑路 · 3D 初体验">Web3D 从入门到跑路 · 3D 初体验</a>
+        <a href="https://segmentfault.com/a/1190000041570503" target="_blank" title="一个格子衫女孩的成长史——面试篇">一个格子衫女孩的成长史——面试篇</a>
       </div>
       <div class="sub-title followers">
         
@@ -192,15 +214,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>4</span>
+          <span>8</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/o2team"  title="Programming Language">
-          <span>凹凸实验室</span>
+        <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb"  title="Programming Language">
+          <span>不会写代码的小白</span>
         </a>
       </div>
       <div class="details">
-        在“元宇宙”概念越来越火热的背景下，我们准备了一系列的 3D 元宇宙公开课及教学文章，教大家如何从 0 到 1 快速搭建一个3D项目，从中可以学习到 WebGL 底层原理、图形学、热门引擎的使用方法等。在入门前，我们先...
+        说到面试这个事情，那我就想跟大家一起讨论一下了。但是吧！作为一个毕业还不到一年的“伪”应届生来说，社会经验必然是很弱的。所以确实无法给各位大佬带来一些有用，有价值的经验，我只能来谈一谈我自己的感受吧！
       </div>
     </div>
   </li>
@@ -209,7 +231,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041564777" target="_blank" title="不懂物理的前端不是好的游戏开发者（二）—— 物理引擎的学习之路">不懂物理的前端不是好的游戏开发者（二）—— 物理引擎的学习之路</a>
+        <a href="https://segmentfault.com/a/1190000041567220" target="_blank" title="一款开源的服务接口API健康状态监测工具（支持告警防篡改）">一款开源的服务接口API健康状态监测工具（支持告警防篡改）</a>
       </div>
       <div class="sub-title followers">
         
@@ -220,15 +242,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>2</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/o2team"  title="Programming Language">
-          <span>凹凸实验室</span>
+        <a target="_blank" href="https://segmentfault.com/u/9b3sps2b"  title="Programming Language">
+          <span>徐三刀</span>
         </a>
       </div>
       <div class="details">
-        继第一篇文章之后已经过去了两个月，在上一篇文章中介绍了物理引擎是什么，需要掌握什么样子的基础知识才能继续往下进行开发。在这样的基础上，我们展开了第二篇，探索物理引擎的学习之路。在我们的日常开发当中...
+        WGCLOUD是一款开源运维监控项目，它具备服务接口的健康监测能力，并支持GET和POST接口，以及对返回的内容进行校验，支持告警通知，比如邮件、钉钉、微信等，这样可以有效防止我们的网站被篡改
       </div>
     </div>
   </li>
@@ -237,7 +259,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041562318" target="_blank" title="详解Nacos 配置中心客户端配置缓存动态更新的源码实现">详解Nacos 配置中心客户端配置缓存动态更新的源码实现</a>
+        <a href="https://segmentfault.com/a/1190000041569757" target="_blank" title="编程中常用的加密算法">编程中常用的加密算法</a>
       </div>
       <div class="sub-title followers">
         
@@ -248,15 +270,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>2</span>
+          <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f"  title="Programming Language">
-          <span>跟着Mic学架构</span>
+        <a target="_blank" href="https://segmentfault.com/u/onlythinking"  title="Programming Language">
+          <span>编程码农</span>
         </a>
       </div>
       <div class="details">
-        Nacos 作为配置中心，当应用程序去访问Nacos动态获取配置源之后，会缓存到本地内存以及磁盘中。由于Nacos作为动态配置中心，意味着后续配置变更之后需要让所有相关的客户端感知，并更新本地内存！那么这个功能是...
+        前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...
       </div>
     </div>
   </li>
@@ -265,7 +287,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041565005" target="_blank" title="企业在2022 年应避免这 6 大云成本优化问题">企业在2022 年应避免这 6 大云成本优化问题</a>
+        <a href="https://segmentfault.com/a/1190000041568641" target="_blank" title="电科申泰加入龙蜥社区并成为理事单位，共创基础软硬件生态新未来">电科申泰加入龙蜥社区并成为理事单位，共创基础软硬件生态新未来</a>
       </div>
       <div class="sub-title followers">
         
@@ -279,12 +301,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/yunion"  title="Programming Language">
-          <span>云联壹云</span>
+        <a target="_blank" href="https://segmentfault.com/u/openanolis"  title="Programming Language">
+          <span>龙蜥社区</span>
         </a>
       </div>
       <div class="details">
-        发生这种情况的原因有很多，如果企业不制定解决方案，这种情况还会继续发生。原因包括低成本的可见性、棘手的云定价以及确定未来需求的问题。由于这些迫在眉睫的问题，企业会浪费云资源、时间和金钱。
+        近日，经龙蜥社区理事会表决通过，中电科申泰信息科技有限公司（以下简称“电科申泰”）正式加入龙蜥社区并成为理事单位。电科申泰是一家具备核心集成电路研发及产业化能力、基础软硬件自主开发能力、基础软硬件深...
       </div>
     </div>
   </li>
@@ -293,35 +315,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041564896" target="_blank" title="Apache DolphinScheduler&amp;ShenYu(Incubating)联合 Meetup，暖春 3 月与你相约！">Apache DolphinScheduler&amp;ShenYu(Incubating)联合 Meetup，暖春 3 月与你相约！</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/dolphinscheduler"  title="Programming Language">
-          <span>海豚调度</span>
-        </a>
-      </div>
-      <div class="details">
-        2022 年 3 月 26 日（星期六）， Apache DolphinScheduler 和 Apache ShenYu(Incubating) 两大新生开源力量将携手，邀请来自 YY直播、自如、政采云等团队的实战型专家，更有 Apache ShenYu(Incubating)创始人 &amp; P...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041561949" target="_blank" title="Rancher 和知乎超大规模多集群管理联合实践">Rancher 和知乎超大规模多集群管理联合实践</a>
+        <a href="https://segmentfault.com/a/1190000041568142" target="_blank" title="SUSE 发布面向本土化的 Rancher 企业版 2.6">SUSE 发布面向本土化的 Rancher 企业版 2.6</a>
       </div>
       <div class="sub-title followers">
         
@@ -340,35 +334,7 @@
         </a>
       </div>
       <div class="details">
-        知乎是中文互联网高质量的问答社区，每天有上千万用户在知乎分享知识、经验和见解，找到自己的答案。为配合不同阶段的业务发展需求，知乎容器平台也在不断演进、提升，目前几乎所有的业务都运行在容器上。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000041564387" target="_blank" title="春天健身正当时，送你一份人体健康检测指南">春天健身正当时，送你一份人体健康检测指南</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/hms_core"  title="Programming Language">
-          <span>HMSCore</span>
-        </a>
-      </div>
-      <div class="details">
-        一年之计在于春，万物复苏中我们迎来了健身的好时节。作为程序员，常常久坐或伏案，这带来了腰肌劳损、颈椎酸痛等亚健康状况，为此你是否开始制定运动flag？同时希望时刻检测自己的健康指标呢？
+        Rancher 企业版最早始于 “Rancher 中国” 时期，在 SUSE 完成对 Rancher 的收购之后，SUSE 的本土化倾向也使得这一策略得到延续，本土客户也相对青睐这种开源产品的落地模式。和其他 SUSE 产品相比，Rancher 企业...
       </div>
     </div>
   </li>
@@ -376,148 +342,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000041564189" target="_blank" title="环保减排绿色工业：数字孪生垃圾焚烧发电站">环保减排绿色工业：数字孪生垃圾焚烧发电站</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/hightopo"  title="Programming Language">
-          <span>hightopo</span>
-        </a>
-      </div>
-      <div class="details">
-        随着城市建设的加速和城市人口的快速增长，城市垃圾成为发展的沉重负担。据不完全统计，我国每年生产近 1.5 亿吨城市垃圾，如何处理城市垃圾成为当今社会焦点之一。垃圾焚烧发电能以最快速度实现垃圾无公害、减量...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000041563705" target="_blank" title="万能PHP Curl封装类，适合多个场景，调用方便！">万能PHP Curl封装类，适合多个场景，调用方便！</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tanking"  title="Programming Language">
-          <span>TANKING</span>
-        </a>
-      </div>
-      <div class="details">
-        一个博主自己写的PHP Curl封装，适合多个场景，调用方便！ {代码...} 使用示例Get {代码...} Post {代码...} 文件上传 {代码...} 设置请求头 {代码...} *模拟UseaAgent {代码...} 携带Cookie {代码...}
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000041562724" target="_blank" title="求职特训营火热来袭 阿里大咖教你制作专业简历">求职特训营火热来袭 阿里大咖教你制作专业简历</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/alijishu"  title="Programming Language">
-          <span>阿里云开发者</span>
-        </a>
-      </div>
-      <div class="details">
-        简介：金三银四黄金求职季，阿里专家倾心打造五节求职精品课程，从面试官角度切入讲解，帮助同学们五天快速掌握简历过关的技能，更有资深专家直播在线答疑！
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000041562341" target="_blank" title="还在写SQL做SAP二开？通过RFC调用NetWeaver，让HANA数据库操作更可靠">还在写SQL做SAP二开？通过RFC调用NetWeaver，让HANA数据库操作更可靠</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
-          <span>葡萄城技术团队</span>
-        </a>
-      </div>
-      <div class="details">
-        相比于从零开始构建全套信息化系统，基于成熟的ERP等行业软件做二次开发是更多中大型企业应对个性化软件需求的首选方案。如何在二开模块中，可靠地对成品软件的数据库进行读写操作，以满足单据自动创建、元数据自...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 14">14</span>
-        <a href="https://segmentfault.com/a/1190000041561378" target="_blank" title="观点丨新经济 DTC 转型，一个简单而强大的数据平台至关重要">观点丨新经济 DTC 转型，一个简单而强大的数据平台至关重要</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/pingcap"  title="Programming Language">
-          <span>PingCAP</span>
-        </a>
-      </div>
-      <div class="details">
-        由此带来的是，身边的很多店铺因为转变慢，还没来得及去一次就关张了，不信你看看身边这两年有多少店铺都没了。与此同时，我们不难发现很多生存下来的门店经营模式和过去有了很大的分别，即从线下业务场景向全渠...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 15">15</span>
-        <a href="https://segmentfault.com/a/1190000041559988" target="_blank" title="读Flink源码谈设计：流批一体的实现与现状">读Flink源码谈设计：流批一体的实现与现状</a>
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000041567097" target="_blank" title="百度交易中台之账房系统架构浅析">百度交易中台之账房系统架构浅析</a>
       </div>
       <div class="sub-title followers">
         
@@ -531,12 +357,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/camile"  title="Programming Language">
-          <span>泊浮目</span>
+        <a target="_blank" href="https://segmentfault.com/u/baidujiagoushi"  title="Programming Language">
+          <span>百度Geek说</span>
         </a>
       </div>
       <div class="details">
-        由于早期的流处理框架并不支持Exactly Once，导致流处理的数据并不精准。在这个基础上，一旦数据出现问题，则要导致大量的数据重放——这是因为事件往往是有时序要求的。因此，Lambda往往会通过流处理框架获取不是...
+        导读：百度交易中台作为集团移动生态战略的基础设施，面向收银交易与清分结算场景，为赋能业务提供高效交易生态搭建。目前支持百度体系内多个产品线，主要包含：小程序，地图打车，百家号，招财猫，好看视频等。...
       </div>
     </div>
   </li>
@@ -544,8 +370,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 16">16</span>
-        <a href="https://segmentfault.com/a/1190000041561004" target="_blank" title="重新认识受控和非受控组件">重新认识受控和非受控组件</a>
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041566768" target="_blank" title="纯后端如何写前端？我用了低代码平台">纯后端如何写前端？我用了低代码平台</a>
       </div>
       <div class="sub-title followers">
         
@@ -556,15 +382,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>1</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan"  title="Programming Language">
-          <span>袋鼠云数栈前端</span>
+        <a target="_blank" href="https://segmentfault.com/u/java_3y"  title="Programming Language">
+          <span>Java3y</span>
         </a>
       </div>
       <div class="details">
-        作者：霜序校稿：袋鼠云数栈前端团队运营小组该文章包含如下内容受控与非受控组件非受控组件受控组件受控和非受控组件边界反模式解决方案前言在 HTML 中，表单元素(&lt;input&gt;/&lt;textarea&gt;/&lt;select&gt;...
+        我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为优质八股文选手花了几天搭了个后台管理页面，今天分享下我的搭建过程，全文非技术向，就当跟大家吹吹水吧。1、我的前端技术老读者可能知道我是上了大学...
       </div>
     </div>
   </li>
@@ -585,7 +411,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2022/3/18 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/3/19 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>