@wcj/github-rank 22.8.24 → 22.8.27

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/8/24 by 
+  <div class="time">Last cache created on 2022/8/27 by 
     
     
     
@@ -145,7 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
+        <a href="https://segmentfault.com/a/1190000042385637" target="_blank" title="金山办公 2022 年技术开放日：文档云原生时代的规模之道">金山办公 2022 年技术开放日：文档云原生时代的规模之道</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>4</span>
+          <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
+        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
+          <span>MissD</span>
         </a>
       </div>
       <div class="details">
-        欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
+        8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...
       </div>
     </div>
   </li>
@@ -173,7 +173,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
+        <a href="https://segmentfault.com/a/1190000042381069" target="_blank" title="人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办">人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办</a>
       </div>
       <div class="sub-title followers">
         
@@ -184,15 +184,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>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
+        <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel"  title="Programming Language">
+          <span>六一</span>
         </a>
       </div>
       <div class="details">
-        本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
+        2022 年 8 月 19 日 - 20 日，为期 2 天的“ACE 智能云边共创生态”的年度盛会——“2022 智能云边开源峰会”（2022 Open Source AceCon）在线上圆满举办。本次峰会由 VMware 携手 Intel、EMQ、 Kyligence、江行智能、...
       </div>
     </div>
   </li>
@@ -201,7 +201,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
+        <a href="https://segmentfault.com/a/1190000042380412" target="_blank" title="常见的 Monorepo 框架大比较">常见的 Monorepo 框架大比较</a>
       </div>
       <div class="sub-title followers">
         
@@ -212,15 +212,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>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba"  title="Programming Language">
-          <span>前端小菜鸟</span>
+        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...
+        微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -229,7 +229,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000042366375" target="_blank" title="spring接口多实现类，该依赖注入哪一个？">spring接口多实现类，该依赖注入哪一个？</a>
+        <a href="https://segmentfault.com/a/1190000042379218" target="_blank" title="渗透攻防Web篇-深入浅出SQL注入">渗透攻防Web篇-深入浅出SQL注入</a>
       </div>
       <div class="sub-title followers">
         
@@ -243,12 +243,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/zimug"  title="Programming Language">
-          <span>字母哥博客</span>
+        <a target="_blank" href="https://segmentfault.com/u/jdcdevloper"  title="Programming Language">
+          <span>京东云开发者</span>
         </a>
       </div>
       <div class="details">
-        一、问题的描述在实际的系统应用开发中我经常会遇到这样的一类需求，相信大家在工作中也会经常遇到：同一个系统在多个省份部署。一个业务在北京是一种实现方式，是基于北京用户的需求。同样的业务在上海是另外一...
+        京东SRC(Security Response Center)收录大量外部白帽子提交的sql注入漏洞，漏洞发生的原因多为sql语句拼接和Mybatis使用不当导致。
       </div>
     </div>
   </li>
@@ -257,7 +257,35 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000042362468" target="_blank" title="延时任务-基于redis zset的完整实现">延时任务-基于redis zset的完整实现</a>
+        <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</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/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
+        </a>
+      </div>
+      <div class="details">
+        本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 6">6</span>
+        <a href="https://segmentfault.com/a/1190000042382085" target="_blank" title="[PostgreSql]生产级别数据库安装要考虑哪些问题？">[PostgreSql]生产级别数据库安装要考虑哪些问题？</a>
       </div>
       <div class="sub-title followers">
         
@@ -276,7 +304,63 @@
         </a>
       </div>
       <div class="details">
-        所谓的延时任务给大家举个例子：你买了一张火车票，必须在30分钟之内付款，否则该订单被自动取消。订单30分钟不付款自动取消，这个任务就是一个延时任务。 我之前已经写过2篇关于延时任务的文章：
+        我让公司的小伙伴写一个生产级别的PostgreSQL的安装文档，结果他和我说：“不是用一个命令就能安装好么？还用写文档么？”。我知道他想说的是这个命令：yum install postgresql-server，我也是挺无语的。要知道生产...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000042383192" 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/shawnphang"  title="Programming Language">
+          <span>罡风小天</span>
+        </a>
+      </div>
+      <div class="details">
+        假设一个宽度固定的div内有一段文字，那么浏览器默认处理方式会比较傻，纯中文下乍一看没问题，但英文与数字混搭等情况容易出现bug，此时解决方法有两种css方法：
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000042381012" 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/ligaai"  title="Programming Language">
+          <span>LigaAI</span>
+        </a>
+      </div>
+      <div class="details">
+        从赋能发力、撬动杠杆到降本增效、去肥增瘦，互联网行业正在经历前所未有的风波与挑战。全球范围的「裁员潮」席卷而来，行业去泡沫化和主业务收拢似乎正在为互联网「全员危机」拉开序幕。
       </div>
     </div>
   </li>
@@ -297,7 +381,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/24 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/8/27 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>