@wcj/github-rank 22.1.16 → 22.1.20

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/1/16 by 
+  <div class="time">Last cache created on 2022/1/20 by 
     
     
     
@@ -125,7 +125,63 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041287792" target="_blank" title="JZ-057-二叉树的下一个结点">JZ-057-二叉树的下一个结点</a>
+        <a href="https://segmentfault.com/a/1190000041307924" target="_blank" title="PWA 技术落地！让你的站点（Web）秒变APP（应用程序）">PWA 技术落地！让你的站点（Web）秒变APP（应用程序）</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>5</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
+          <span>葡萄城技术团队</span>
+        </a>
+      </div>
+      <div class="details">
+        Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 2">2</span>
+        <a href="https://segmentfault.com/a/1190000041306193" target="_blank" title="巧用 CSS 实现动态线条 Loading 动画">巧用 CSS 实现动态线条 Loading 动画</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>4</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
+        </a>
+      </div>
+      <div class="details">
+        有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000041307813" target="_blank" title="LeetCode-139-单词拆分">LeetCode-139-单词拆分</a>
       </div>
       <div class="sub-title followers">
         
@@ -144,7 +200,7 @@
         </a>
       </div>
       <div class="details">
-        给定一个二叉树和其中的一个结点，请找出中序遍历顺序的下一个结点并且返回。注意，树中的结点不仅包含左右子结点，同时包含指向父结点的指针。题目链接: 二叉树的下一个结点
+        题目描述：给定一个非空字符串 s 和一个包含非空单词的列表 wordDict，判定 s 是否可以被空格拆分为一个或多个在字典中出现的单词。说明：拆分时可以重复使用字典中的单词。你可以假设字典中没有重复的单词。示例...
       </div>
     </div>
   </li>
@@ -152,8 +208,92 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041289603" target="_blank" title="前端规范与思考(二)———css规范">前端规范与思考(二)———css规范</a>
+        <span title="Ranking 4">4</span>
+        <a href="https://segmentfault.com/a/1190000041305855" target="_blank" title="SegmentFault 新手上路">SegmentFault 新手上路</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>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/fenbox"  title="Programming Language">
+          <span>fenbox</span>
+        </a>
+      </div>
+      <div class="details">
+        欢迎来到 SegmentFault 思否社区。SegmentFault 是一个面向专业程序员和编程爱好者的技术社区。它由问答和专栏两大块组成，由热心的程序员们创建和维护。在大家的帮助和努力下，我们正在建立一个详细、严谨、高质...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 5">5</span>
+        <a href="https://segmentfault.com/a/1190000041311287" target="_blank" title="【重构前端知识体系之HTML】讲讲对HTML5的一大特性——语义化的理解">【重构前端知识体系之HTML】讲讲对HTML5的一大特性——语义化的理解</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>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/guizimo"  title="Programming Language">
+          <span>归子莫</span>
+        </a>
+      </div>
+      <div class="details">
+        在之前的文章中提到HTML最重要的特性，那就是标签。但是项目一大，标签多的看不懂，一堆叠着一堆。一些命名奇奇怪怪，想维护被劝退，团队协作导致团战开始！
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 6">6</span>
+        <a href="https://segmentfault.com/a/1190000041307795" target="_blank" title="Faker.js 作者“删库跑路”引开源圈“震动”：该开源项目现已被社区控制">Faker.js 作者“删库跑路”引开源圈“震动”：该开源项目现已被社区控制</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>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
+          <span>MissD</span>
+        </a>
+      </div>
+      <div class="details">
+        5 年前，一位程序员因删除了自己开源项目 left pad 中的一些代码而让大半个互联网瘫痪、导致无数代码库崩溃并引发热议。现在，同样的事情再次发生了 —— 上上周，知名工具库 Faker.js 的作者做了同样的事情，现在...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000041305104" target="_blank" title="从【预编译】到【声明提升】到【作用域链】再到【闭包】">从【预编译】到【声明提升】到【作用域链】再到【闭包】</a>
       </div>
       <div class="sub-title followers">
         
@@ -167,12 +307,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tyxp"  title="Programming Language">
-          <span>桃源小盼聊技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/zhouhaiyang"  title="Programming Language">
+          <span>海洋饼干</span>
         </a>
       </div>
       <div class="details">
-        本文属于原创文章，转载请注明--来自桃源小盼的博客前言由于团队使用了vue框架，所以有些规范是在vue规则下制定的。命名规则参考上一篇文章前端规范与思考(一)———命名规范。标准规范1.组件中的style标签使用scope...
+        先进行分词/词法分析将语句分割成词法单元 token，在对当前的整个作用域分析完成后，JS引擎会将 token进行解析/语法分析翻译成 AST（抽象语法树）
       </div>
     </div>
   </li>
@@ -180,8 +320,36 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041289600" target="_blank" title="前端规范与思考(一)———命名规范">前端规范与思考(一)———命名规范</a>
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000041305629" 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>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/java_3y"  title="Programming Language">
+          <span>Java3y</span>
+        </a>
+      </div>
+      <div class="details">
+        我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为优质八股文选手今天要做的就是实现austin-api和austin-api-impl模块的部分代码，这块完成了之后模块之间的一整条链路就打通咯austin项目核心功能：发送...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041307134" target="_blank" title="Committer 郭吉伟专访：做开源不是搞慈善，用开源也不是薅羊毛">Committer 郭吉伟专访：做开源不是搞慈善，用开源也不是薅羊毛</a>
       </div>
       <div class="sub-title followers">
         
@@ -195,12 +363,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tyxp"  title="Programming Language">
-          <span>桃源小盼聊技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/apachepulsar"  title="Programming Language">
+          <span>ApachePulsar</span>
         </a>
       </div>
       <div class="details">
-        其实这并不是第一次制定这个规范了，但这次我想制定一个有具备集大师之所长，还接地气的前端命名规范，希望是得到他人的认可，还能触动一些人去写出更优秀的代码。
+        踩着 11 月的尾巴，Apache Pulsar 迎来了一位新 committer——郭吉伟。郭吉伟目前在 StreamNative 做 Pulsar 主项目与其周边生态的开发工作，也是 MoP（MQTT-on-Pulsar）的 maintainer。同时，他也是 Apache Dolphi...
       </div>
     </div>
   </li>
@@ -208,8 +376,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041289500" target="_blank" title="深入浅出 Golang 资源嵌入方案：前篇">深入浅出 Golang 资源嵌入方案：前篇</a>
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041311266" target="_blank" title="【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签">【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签</a>
       </div>
       <div class="sub-title followers">
         
@@ -223,12 +391,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/soulteary"  title="Programming Language">
-          <span>soulteary</span>
+        <a target="_blank" href="https://segmentfault.com/u/guizimo"  title="Programming Language">
+          <span>归子莫</span>
         </a>
       </div>
       <div class="details">
-        非常多的语言都具备资源嵌入方案，在 Golang 中，资源嵌入相关的开源方案更是百家争鸣。网络上关于 Golang 资源嵌入的使用方案很多，但是鲜有人剖析原理，以及将原生实现和开源实现进行性能比较，适用场景分析。
+        【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签引言上节，说了HTML是标记语言，那么最重要的就是标记，也就是标签。那标签那么多？要在这里全部写出来？当然否。这里会讲解常用的标签。（常用达到70%...
       </div>
     </div>
   </li>
@@ -236,8 +404,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041288407" target="_blank" title="一种基于Flink Window的实时指标统计方法">一种基于Flink Window的实时指标统计方法</a>
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000041310810" target="_blank" title="Markdown-it 原理解析">Markdown-it 原理解析</a>
       </div>
       <div class="sub-title followers">
         
@@ -251,12 +419,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/deepexicode"  title="Programming Language">
-          <span>滴普科技DEEPEXI</span>
+        <a target="_blank" href="https://segmentfault.com/u/yayu"  title="Programming Language">
+          <span>冴羽</span>
         </a>
       </div>
       <div class="details">
-        假设有一种数据源（比如CDC binlog Events、Kafka 实时数据流等），需要实时展示时序数据的摄入数量趋势，并能查看任意时间范围内的数据分布质量（比如每个字段的数据密度、总取值数量、去重后的数据取值总量等）...
+        在搭建博客的过程中，我们出于实际的需求，在《VuePress 博客优化之拓展 Markdown 语法》中讲解了如何写一个 markdown-it插件，本篇我们将深入markdown-it的源码，讲解 markdown-it的执行原理，旨在让大家对 mark...
       </div>
     </div>
   </li>
@@ -264,8 +432,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041288391" target="_blank" title="Flink Checkpoint是否支持Kafka 数据消费状态的维护？">Flink Checkpoint是否支持Kafka 数据消费状态的维护？</a>
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000041308991" target="_blank" title="gpushare.com_基于去噪Transformer的无监督句子编码【EMNLP 2021】">gpushare.com_基于去噪Transformer的无监督句子编码【EMNLP 2021】</a>
       </div>
       <div class="sub-title followers">
         
@@ -279,12 +447,40 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/deepexicode"  title="Programming Language">
-          <span>滴普科技DEEPEXI</span>
+        <a target="_blank" href="https://segmentfault.com/u/gpushare"  title="Programming Language">
+          <span>恒源云</span>
+        </a>
+      </div>
+      <div class="details">
+        这几天忙里偷闲去社区看了看各位版主一开始发的文章。重点找了我最喜欢的版主Mathor的文章，仔细一查，竟然已经发了90多篇，不愧是社区大佬本佬了！
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041305970" target="_blank" title="为了让你们进阶Canvas，我花7小时写了3个有趣的小游戏！！！">为了让你们进阶Canvas，我花7小时写了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>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
+          <span>Sunshine_Lin</span>
         </a>
       </div>
       <div class="details">
-        使用Flink实时消费kafka数据时候，涉及到offset的状态维护，为了保证Flink作业重启或者运行时的Operator级别的失败重试，如果要做到“断点续跑”，需要Flink的Checkpoint的支持。问题是，如果简单的开启Flink的Chec...
+        大家好，我是林三心，相信大家看了我前一篇canvas入门文章为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章，对canvas已经有了入门级的了解。今天，我又用canvas写了三个有趣的小游戏，来哄你们开心，没...
       </div>
     </div>
   </li>
@@ -305,7 +501,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/1/16 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/1/20 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>