@wcj/github-rank 22.8.4 → 22.8.5

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/8/4 by 
+  <div class="time">Last cache created on 2022/8/5 by 
     
     
     
@@ -145,7 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042265021" target="_blank" title="如何查看所有测试历史？进来学习下">如何查看所有测试历史？进来学习下</a>
+        <a href="https://segmentfault.com/a/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</a>
       </div>
       <div class="sub-title followers">
         
@@ -156,15 +156,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/jiangdaoyidechahu"  title="Programming Language">
-          <span>eoapi</span>
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
         </a>
       </div>
       <div class="details">
-        当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：
+        本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...
       </div>
     </div>
   </li>
@@ -173,63 +173,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000042261453" 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>4</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/dragonir"  title="Programming Language">
-          <span>dragonir</span>
-        </a>
-      </div>
-      <div class="details">
-        如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000042261924" target="_blank" title="Driver.js - 开源无依赖的 web 新手交互引导工具库，功能强大、高度可定制">Driver.js - 开源无依赖的 web 新手交互引导工具库，功能强大、高度可定制</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/thosefree"  title="Programming Language">
-          <span>搬不要钱的砖</span>
-        </a>
-      </div>
-      <div class="details">
-        Driver.js 是一个可以轻松实现新手指引交互的 javascript 工具库，主要的作用是为刚接触应用的新手用户快速了解产品，帮助用户把注意力聚焦到某项功能，从而快速熟悉我们的开发的产品，截止发文 star 已经高达 13...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000042261401" target="_blank" title="type=&#34;module&#34; 你了解，但 type=&#34;importmap&#34; 你知道吗">type=&#34;module&#34; 你了解，但 type=&#34;importmap&#34; 你知道吗</a>
+        <a href="https://segmentfault.com/a/1190000042267659" target="_blank" title="OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持">OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持</a>
       </div>
       <div class="sub-title followers">
         
@@ -240,35 +184,7 @@
               <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/minnanitkong"  title="Programming Language">
-          <span>前端小智</span>
-        </a>
-      </div>
-      <div class="details">
-        微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000042262134" target="_blank" title="CED 2022 | 第二届 1024 中国工程师文化日正式启动">CED 2022 | 第二届 1024 中国工程师文化日正式启动</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>3</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
@@ -276,7 +192,7 @@
         </a>
       </div>
       <div class="details">
-        近几年，随着全球数字化转型的飞速进展，工程师文化在国内越来越被重视甚至普及。自去年“第一届 1024 中国工程师文化日 CCF CED ”举办以来，激发工程师潜力的活动便备受业界关注。今年，我们即将于 10 月 23 日在...
+        OpenInfra Days China 是由 OpenInfra 基金会（前身 OpenStack 基金会）授权，由全球各个地区的社区志愿者团队共同筹划组织的一次年度的开源基础设施技术与行业盛会。自 2016 年中国社区的志愿者们第一次筹办面向...
       </div>
     </div>
   </li>
@@ -284,36 +200,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042262023" target="_blank" title="SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效">SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效</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/beverly0"  title="Programming Language">
-          <span>Beverly</span>
-        </a>
-      </div>
-      <div class="details">
-        CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
+        <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
       </div>
       <div class="sub-title followers">
         
@@ -327,12 +215,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/justbecoder"  title="Programming Language">
-          <span>胡哥有话说</span>
+        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
+          <span>葡萄城技术团队</span>
         </a>
       </div>
       <div class="details">
-        本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
+        如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
       </div>
     </div>
   </li>
@@ -340,8 +228,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000042263209" target="_blank" title="【技术白皮书】第二章：OCR智能文字识别回顾——自然语言文本发展历程">【技术白皮书】第二章：OCR智能文字识别回顾——自然语言文本发展历程</a>
+        <span title="Ranking 4">4</span>
+        <a href="https://segmentfault.com/a/1190000042270044" target="_blank" title="分享几个公用的高清壁纸图片的API">分享几个公用的高清壁纸图片的API</a>
       </div>
       <div class="sub-title followers">
         
@@ -355,12 +243,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/huikaichedemianbao"  title="Programming Language">
-          <span>合合技术团队</span>
+        <a target="_blank" href="https://segmentfault.com/u/yishidemeihao_5b9ce075877c9"  title="Programming Language">
+          <span>遗失的美好灬</span>
         </a>
       </div>
       <div class="details">
-        从自然语言文本中获取结构化信息的研究最早开始于20世纪60年代中期，这被看作是信息抽取技术的初始研究，它以两个长期的、研究性的自然语言处理项目为代表。
+        我们可以根据它来获取这张图片的指定分辨率以及指定画质的图片，以上图为例，如果我们要获取分辨率为 1024*768 ，画质为 80 (最高为100)的图片，只需将上述链接的 “bdr/__85” 替换为 “bdm/1024_768_80” 即可。替...
       </div>
     </div>
   </li>
@@ -368,8 +256,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000042262749" target="_blank" title="【技术白皮书】第一章：OCR智能文字识别新发展——深度学习的文本信息抽取">【技术白皮书】第一章：OCR智能文字识别新发展——深度学习的文本信息抽取</a>
+        <span title="Ranking 5">5</span>
+        <a href="https://segmentfault.com/a/1190000042266889" target="_blank" title="互动接收端 UI 组件如何兼容 Vue2 和 Vue3">互动接收端 UI 组件如何兼容 Vue2 和 Vue3</a>
       </div>
       <div class="sub-title followers">
         
@@ -383,12 +271,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/huikaichedemianbao"  title="Programming Language">
-          <span>合合技术团队</span>
+        <a target="_blank" href="https://segmentfault.com/u/ws_62ea1cfe73328"  title="Programming Language">
+          <span>ws</span>
         </a>
       </div>
       <div class="details">
-        信息抽取 （Information Extraction） 是把原始数据中包含的信息进行结构化处理，变成表格一样的组织形式。输入信息抽取系统的是原始数据，输出的是固定格式的信息点，即从原始数据当中抽取有用的信息。信息抽取...
+        保利威云直播产品可以在直播过程发起签到、抽奖、问卷等互动。对应地，在观看端也需要呈现这些互动。为了让保利威云直播观看页以及客户定制观看页都能方便地接入这些功能，我们把互动功能做成了一个 SDK，即互动...
       </div>
     </div>
   </li>
@@ -409,7 +297,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/8/4 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/8/5 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>