@wcj/github-rank 22.6.11 → 22.6.14

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/6/11 by 
+  <div class="time">Last cache created on 2022/6/14 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
+        <a href="https://segmentfault.com/a/1190000041974556" target="_blank" title="【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新">【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新</a>
       </div>
       <div class="sub-title followers">
         
@@ -158,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>6</span>
+          <span>5</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ruidoc"  title="Programming Language">
-          <span>杨成功</span>
+        <a target="_blank" href="https://segmentfault.com/u/yunshu_blog"  title="Programming Language">
+          <span>云叔_又拍云</span>
         </a>
       </div>
       <div class="details">
-        前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
+        大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...
       </div>
     </div>
   </li>
@@ -175,7 +175,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041967735" target="_blank" title="前端视角看视频处理">前端视角看视频处理</a>
+        <a href="https://segmentfault.com/a/1190000041974425" target="_blank" title="巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）">巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）</a>
       </div>
       <div class="sub-title followers">
         
@@ -186,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>1</span>
+          <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tnfe"  title="Programming Language">
-          <span>TNTWEB</span>
+        <a target="_blank" href="https://segmentfault.com/u/shuirongshui"  title="Programming Language">
+          <span>水冗水孚</span>
         </a>
       </div>
       <div class="details">
-        视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。
+        看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...
       </div>
     </div>
   </li>
@@ -203,7 +203,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041967393" target="_blank" title="Spring Security整合企业微信的扫码登录，企微的API惊讶到我了">Spring Security整合企业微信的扫码登录，企微的API惊讶到我了</a>
+        <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
       </div>
       <div class="sub-title followers">
         
@@ -214,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>1</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/10000000"  title="Programming Language">
-          <span>码农小胖哥</span>
+        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
+          <span>卡颂</span>
         </a>
       </div>
       <div class="details">
-        现在很多企业都接入了企业微信，作为私域社群工具，企业微信开放了很多API，可以打通很多自有的应用。既然是应用，那肯定需要做登录。正好企业微信提供了企业微信扫码授权登录功能，而且号称使用了OAuth，正好拿...
+        在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
       </div>
     </div>
   </li>
@@ -231,7 +231,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041965539" target="_blank" title="【Java面试】请你简单说一下Mysql的事务隔离级别">【Java面试】请你简单说一下Mysql的事务隔离级别</a>
+        <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
       </div>
       <div class="sub-title followers">
         
@@ -242,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>1</span>
+          <span>4</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/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        一个工作了6年的粉丝，去阿里面试，在第一面的时候被问到”Mysql的事务隔离级别“。他竟然没有回答上来，一直在私信向我诉苦。我说，你只能怪年轻时候的你，那个时候不够努力导致现在的你技术水平不够。好吧，关于...
+        欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
       </div>
     </div>
   </li>
@@ -259,7 +259,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041964006" target="_blank" title="OAuth2学习中的一些高频问题的QA">OAuth2学习中的一些高频问题的QA</a>
+        <a href="https://segmentfault.com/a/1190000041973838" target="_blank" title="项目中关于解构的常用用法">项目中关于解构的常用用法</a>
       </div>
       <div class="sub-title followers">
         
@@ -270,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>1</span>
+          <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/10000000"  title="Programming Language">
-          <span>码农小胖哥</span>
+        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        A： OAuth2主要用于API授权，是跨API服务之间授权的解决方案。它适用于单点登录（SSO）、微服务之间的授权鉴权、API开放平台等场景。
+        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -287,7 +287,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041963752" target="_blank" title="基于Gin框架的web后端开发（十）: Gin框架-中间件">基于Gin框架的web后端开发（十）: Gin框架-中间件</a>
+        <a href="https://segmentfault.com/a/1190000041976000" target="_blank" title="本周三晚19：00Hello HarmonyOS应用篇第7课—分布式应用开发">本周三晚19：00Hello HarmonyOS应用篇第7课—分布式应用开发</a>
       </div>
       <div class="sub-title followers">
         
@@ -298,15 +298,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/liberhome"  title="Programming Language">
-          <span>LiberHome</span>
+        <a target="_blank" href="https://segmentfault.com/u/harmonyos"  title="Programming Language">
+          <span>HarmonyOS开发者</span>
         </a>
       </div>
       <div class="details">
-        Gin-中间件：Gin框架的作者为开发者们提供的一种机制，可以让开发者自定义请求执行的Hook函数，中间件函数（或者叫Hook函数、钩子函数）适合处理很多重复的操作的场景（比如登录认证，权限校验，数据分页，耗时统...
+        6月15日19:00 Hello HarmonyOS系列应用篇迎来的本系列直播课的最后一课，将会有怎样的精彩呈现呢？万物互联的时代已经来临，如果你想运用过往的技术，开发一个有“跨设备操作、多设备协同”功能的应用，那么你一定...
       </div>
     </div>
   </li>
@@ -315,7 +315,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041963603" target="_blank" title="基于Gin框架的web后端开发（九）: Gin框架的路由和路由组">基于Gin框架的web后端开发（九）: Gin框架的路由和路由组</a>
+        <a href="https://segmentfault.com/a/1190000041975376" target="_blank" title="View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件">View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件</a>
       </div>
       <div class="sub-title followers">
         
@@ -326,15 +326,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/liberhome"  title="Programming Language">
-          <span>LiberHome</span>
+        <a target="_blank" href="https://segmentfault.com/u/aresn"  title="Programming Language">
+          <span>Aresn</span>
         </a>
       </div>
       <div class="details">
-        tips: 如果用浏览器测试的时候出现之前几篇博客编码的结果，可以删除一下cookie，或者打开无痕模式。一般的路由可以这么写： {代码...} 路由组可以这么写： {代码...} 另外，路由组支持嵌套，在划分API层级or业务...
+        新增排版组件 Typography，内置丰富的内容排版 UI，支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件：Typography 内容结构
       </div>
     </div>
   </li>
@@ -343,7 +343,63 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041967894" target="_blank" title="200、岛屿数量 | 算法（leetcode，附思维导图 + 全部解法）300题">200、岛屿数量 | 算法（leetcode，附思维导图 + 全部解法）300题</a>
+        <a href="https://segmentfault.com/a/1190000041978372" target="_blank" title="Java 基础常见知识点&amp;面试题总结(中)，2022 最新版！| JavaGuide">Java 基础常见知识点&amp;面试题总结(中)，2022 最新版！| JavaGuide</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/javaguide"  title="Programming Language">
+          <span>JavaGuide</span>
+        </a>
+      </div>
+      <div class="details">
+        你好，我是 Guide。秋招即将到来，我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。上篇：Java 基础常见知识点&amp;面试题总结(上)，2022 最新版！原文地址： [链接]面向对象基础面向...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041974878" target="_blank" title="【服务器数据恢复】RAID5无法识别的数据恢复案例">【服务器数据恢复】RAID5无法识别的数据恢复案例</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/beiyashujuhuifu"  title="Programming Language">
+          <span>北亚数据恢复</span>
+        </a>
+      </div>
+      <div class="details">
+        服务器数据恢复环境：一台HP服务器借助hp smart array控制器组建了一组由14块146G SCSI硬盘组成RAID5；服务器操作系统为LINUX，在服务器上搭建了NFS+FTP，作为公司内部文件服务器使用。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041974376" target="_blank" title="实战模拟│企业微信机器人实时报错预警">实战模拟│企业微信机器人实时报错预警</a>
       </div>
       <div class="sub-title followers">
         
@@ -357,12 +413,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chenyob"  title="Programming Language">
-          <span>码农三少</span>
+        <a target="_blank" href="https://segmentfault.com/u/cxyliangzai"  title="Programming Language">
+          <span>程序员亮仔</span>
         </a>
       </div>
       <div class="details">
-        零 标题：算法（leetcode，附思维导图 + 全部解法）300题之（200）岛屿数量一 题目描述二 解法总览（思维导图）三 全部解法1 方案11)代码： {代码...} 2 方案21)代码： {代码...} 3 方案31)代码： {代码...} 4 方...
+        一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...
       </div>
     </div>
   </li>
@@ -383,7 +439,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/6/11 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/6/14 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>