@wcj/github-rank 22.5.23 → 22.5.26

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/5/23 by 
+  <div class="time">Last cache created on 2022/5/26 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
+        <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</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>4</span>
+          <span>6</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin"  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">
-        随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
+        现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
       </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/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
+        <a href="https://segmentfault.com/a/1190000041782911" target="_blank" title="13 个Typescript 实用类型：开发人员的备忘单">13 个Typescript 实用类型：开发人员的备忘单</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>2</span>
+          <span>6</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/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
+        我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。
       </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/1190000041881238" target="_blank" title="Golang RocketMq安装及简单应用（Mac环境）">Golang RocketMq安装及简单应用（Mac环境）</a>
+        <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</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/heng_5f357c3b3d0ef"  title="Programming Language">
-          <span>Banmi</span>
+        <a target="_blank" href="https://segmentfault.com/u/beverly0"  title="Programming Language">
+          <span>Beverly</span>
         </a>
       </div>
       <div class="details">
-        一、下载安装RocketMq {代码...} 我选择的是这个二进制版本安装：选择一个目录解压，一般情况路径是:/usr/local/bin，下面是我自己的路径是：由于RocketMq是纯java编写，确认自己是否有jdk环境，执行如下命令： {...
+        React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
       </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/1190000041880719" target="_blank" title="面向对象与设计原则">面向对象与设计原则</a>
+        <a href="https://segmentfault.com/a/1190000041896607" target="_blank" title="如何基于Promise设计简单的请求/响应拦截器">如何基于Promise设计简单的请求/响应拦截器</a>
       </div>
       <div class="sub-title followers">
         
@@ -245,12 +245,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiaoyongyong"  title="Programming Language">
-          <span>eacape</span>
+        <a target="_blank" href="https://segmentfault.com/u/niaogege"  title="Programming Language">
+          <span>niaogege</span>
         </a>
       </div>
       <div class="details">
-        三大特性抽象类和接口抽象类的三个特性(abstract)接口的三个属性(interface)抽象类和接口的区别两者再区别总结基于接口而非实现编程SOLID原则三大特性封装：封装也叫做信息隐匿或者数据访问保护，类通过暴露有限...
+        如何基于Promise设计简单的请求/响应拦截器面试官问你，如何才能设计出像 Axios 这样牛皮的请求和响应拦截器? 能不能简单手写其中的原理 {代码...} 之前一直不是特别能理解拦截器的核心实现原理，也就是下面这几...
       </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/1190000041879966" target="_blank" title="js获取页面尺寸">js获取页面尺寸</a>
+        <a href="https://segmentfault.com/a/1190000041896595" target="_blank" title="Go学习笔记-Gin常用功能">Go学习笔记-Gin常用功能</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>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/huaming"  title="Programming Language">
-          <span>welsen</span>
+        <a target="_blank" href="https://segmentfault.com/u/itxiaoma"  title="Programming Language">
+          <span>IT小马</span>
         </a>
       </div>
       <div class="details">
-        在开发中经常用到获取元素位置和大小的需求，我最近在vue2.x上写了一个图片查看组件，它有拖动，定点缩放功能，这就需要获取视口大小，元素位置和大小。看了阮老师的相关文章，实现了这个组件，也顺便在阮老师的...
+        路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...
       </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/1190000041879813" target="_blank" title="各种Buffer傻傻分不清，今天终于有点悟了">各种Buffer傻傻分不清，今天终于有点悟了</a>
+        <a href="https://segmentfault.com/a/1190000041895135" target="_blank" title="Go 缓冲通道（bufchan）用法">Go 缓冲通道（bufchan）用法</a>
       </div>
       <div class="sub-title followers">
         
@@ -301,12 +301,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/wajueji9527"  title="Programming Language">
-          <span>开翻挖掘机</span>
+        <a target="_blank" href="https://segmentfault.com/u/liberhome"  title="Programming Language">
+          <span>LiberHome</span>
         </a>
       </div>
       <div class="details">
-        参考知乎问答 Java NIO中，关于DirectBuffer，HeapBuffer的疑问？DirectBuffer本身这个对象是在堆中，但是引用了一块非堆的native memory，这块内存实际上还是属于java进程的内存中，这个角度说的话，DirectBuffe...
+        非缓冲通道： {代码...} 缓冲通道： {代码...} 举个例子： {代码...} 运行结果是： {代码...} 其实就是缓冲区大小我们设为4导致的。参考：bilibili
       </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/1190000041879583" target="_blank" title="Spring 中 @EnableXXX 注解的套路">Spring 中 @EnableXXX 注解的套路</a>
+        <a href="https://segmentfault.com/a/1190000041897432" target="_blank" title="HTML语义化，一图以蔽之">HTML语义化，一图以蔽之</a>
       </div>
       <div class="sub-title followers">
         
@@ -329,12 +329,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/mghio"  title="Programming Language">
-          <span>mghio</span>
+        <a target="_blank" href="https://segmentfault.com/u/007008"  title="Programming Language">
+          <span>沉静地闪光</span>
         </a>
       </div>
       <div class="details">
-        在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...
+        HTML语义化，一图以蔽之图片来源于网络
       </div>
     </div>
   </li>
@@ -343,7 +343,35 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041878635" target="_blank" title="golang  sync 包">golang  sync 包</a>
+        <a href="https://segmentfault.com/a/1190000041895680" target="_blank" title="js 生成UUID的几种方法">js 生成UUID的几种方法</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/xiaomogu_5f2124ad3ad42"  title="Programming Language">
+          <span>墨城</span>
+        </a>
+      </div>
+      <div class="details">
+        UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041895397" target="_blank" title="Go 定向通道（单向通道）">Go 定向通道（单向通道）</a>
       </div>
       <div class="sub-title followers">
         
@@ -357,12 +385,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fengyun_58aa59db14dcd"  title="Programming Language">
-          <span>风云</span>
+        <a target="_blank" href="https://segmentfault.com/u/liberhome"  title="Programming Language">
+          <span>LiberHome</span>
         </a>
       </div>
       <div class="details">
-        当多个 goroutine 都需要创建同⼀个对象的时候，如果 goroutine 数过多，导致对象的创建数⽬剧增，进⽽导致 GC 压⼒增大。形成 “并发⼤－占⽤内存⼤－GC 缓慢－处理并发能⼒降低－并发更⼤”这样的恶性循环。 在这...
+        定向通道是只能发送or只能接收数据的通道。双向通道是这样的： {代码...} 运行结果是这样的： {代码...} 未完待续。。。。
       </div>
     </div>
   </li>
@@ -383,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/5/23 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/5/26 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>