@wcj/github-rank 22.6.21 → 22.6.24

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/6/21 by 
+  <div class="time">Last cache created on 2022/6/24 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
+        <a href="https://segmentfault.com/a/1190000042025141" target="_blank" title="蜻蜓低代码安全工具平台开发之路">蜻蜓低代码安全工具平台开发之路</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>12</span>
+          <span>1</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/songboy"  title="Programming Language">
+          <span>汤青松</span>
         </a>
       </div>
       <div class="details">
-        很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
+        蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...
       </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/1190000042007938" target="_blank" title="Go 内联优化能让程序快多少？">Go 内联优化能让程序快多少？</a>
+        <a href="https://segmentfault.com/a/1190000042024859" target="_blank" title="基于Vite+React构建在线Excel">基于Vite+React构建在线Excel</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>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/eddycjy"  title="Programming Language">
-          <span>煎鱼</span>
+        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
+          <span>葡萄城技术团队</span>
         </a>
       </div>
       <div class="details">
-        最近周末在家学习时看到 @Dave Cheney 的《Inlining optimisations in Go》还是有不少养分的，翻译分享给大家，有所修整、删减。
+        Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成：（1）一个开发服务器，它基于*原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（*HMR）。（2）...
       </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/1190000042008391" target="_blank" title="开源工具 SAP UI5 Tools 介绍">开源工具 SAP UI5 Tools 介绍</a>
+        <a href="https://segmentfault.com/a/1190000042024352" target="_blank" title="Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！">Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！</a>
       </div>
       <div class="sub-title followers">
         
@@ -217,12 +217,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jerrywangsap"  title="Programming Language">
-          <span>JerryWang_汪子熙</span>
+        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
+          <span>MissD</span>
         </a>
       </div>
       <div class="details">
-        大多数 UI5 工具模块提供了 JavaScript api，供其他 Node.js项目直接使用。这允许开发人员通过编程的方式，依赖于UI5工具来实现特定于UI5的构建功能和项目处理，同时创建属于自己的工具来完美匹配项目的需求。
+        据官方介绍，GitHub 副产品 AI 编码辅助工具 Copilot 最早于 2021 年 6 月在技术预览中发布，旨在帮助软件开发者在 Visual Studio、Visual Studio code、Neovim 和 JetBrains IDE 等开发环境中编写代码时通过自动...
       </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/1190000042007692" target="_blank" title="react入门练习2">react入门练习2</a>
+        <a href="https://segmentfault.com/a/1190000042027893" target="_blank" title="面试官问我一条update语句加了多少锁？我总结了全套八股文">面试官问我一条update语句加了多少锁？我总结了全套八股文</a>
       </div>
       <div class="sub-title followers">
         
@@ -245,12 +245,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/guanine_625792bcb3373"  title="Programming Language">
-          <span>Guanine</span>
+        <a target="_blank" href="https://segmentfault.com/u/huazhen_6295e0b518e5c"  title="Programming Language">
+          <span>一灯架构</span>
         </a>
       </div>
       <div class="details">
-        主要内容：游戏难度分成三个等级，改变变量level的具体数值，传给gameA和gameB两个页面。重点：1.在src文件夹中创建一个新的文件夹models，使用useModel，创建一个全局变量level，所有页面均可以使用。2.按钮点击...
+        迎面走来了你的面试官，身穿格子衫，挺着啤酒肚，发际线严重后移的中年男子。手拿泡着枸杞的保温杯，胳膊夹着MacBook，MacBook上还贴着公司标语：“我爱加班”。
       </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/1190000042006317" target="_blank" title="Vue3 Teleport，这个是真的好用！">Vue3 Teleport，这个是真的好用！</a>
+        <a href="https://segmentfault.com/a/1190000042027403" target="_blank" title="脚本之美│VBS 入门交互实战">脚本之美│VBS 入门交互实战</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>2</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
-          <span>前端小智</span>
+        <a target="_blank" href="https://segmentfault.com/u/autofelix"  title="Programming Language">
+          <span>极客飞兔</span>
         </a>
       </div>
       <div class="details">
-        点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。
+        VBS 是一种 Windows 脚本语言，全称是 Microsoft Visual Basic Script Editon，微软公司可视化 BASIC 脚本版
       </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/1190000042007970" target="_blank" title="Vue3如何通过ref获取真实DOM元素">Vue3如何通过ref获取真实DOM元素</a>
+        <a href="https://segmentfault.com/a/1190000042027240" target="_blank" title="元宇宙 3D 开荒场 - 探味奇遇记">元宇宙 3D 开荒场 - 探味奇遇记</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>1</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jiaolvdekaixinguo"  title="Programming Language">
-          <span>韩xiao方MY</span>
+        <a target="_blank" href="https://segmentfault.com/u/o2team"  title="Programming Language">
+          <span>凹凸实验室</span>
         </a>
       </div>
       <div class="details">
-        在Vue2中我们可以在&lt;template&gt;中的元素标签使用ref属性（类似于原生HTML标签的id属性）在&lt;script&gt;标签通过this.$refs拿到真实DOM标签的元素。
+        这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元...
       </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/1190000042009625" target="_blank" title="走过路过不要错过薅羊毛的好机会！想冲HarmonyOS周边的看过来！规则简单机会大！">走过路过不要错过薅羊毛的好机会！想冲HarmonyOS周边的看过来！规则简单机会大！</a>
+        <a href="https://segmentfault.com/a/1190000042025507" target="_blank" title="如果后端API一次返回10万条数据，前端应该如何优化">如果后端API一次返回10万条数据，前端应该如何优化</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>3</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb"  title="Programming Language">
-          <span>不会写代码的小白</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42"  title="Programming Language">
+          <span>墨城</span>
         </a>
       </div>
       <div class="details">
-        想冲HarmonyOS周边的看过来！规则简单机会大！ 刚发现了一个新活动，重点是礼品多门槛低机会大！先看看奖品有没有你想要的： 足足有50份奖品！冲个四等奖还能白piao一个实用的T恤啊！！！而且这个是按点赞进行排...
+        创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码： {代码...} 我们可以使用 node 或 nodemon 启动服务器： {代码...} 创建前端模板页面然后我们的前端由一个 HTML 文件和一个 J...
       </div>
     </div>
   </li>
@@ -343,7 +343,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000042007751" target="_blank" title="微软更新 Microsoft Store 策略：重点“打击”欺诈付费版的非官方开源程序">微软更新 Microsoft Store 策略：重点“打击”欺诈付费版的非官方开源程序</a>
+        <a href="https://segmentfault.com/a/1190000042025374" target="_blank" title="js实现动态数值的colorscale">js实现动态数值的colorscale</a>
       </div>
       <div class="sub-title followers">
         
@@ -357,12 +357,124 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
-          <span>MissD</span>
+        <a target="_blank" href="https://segmentfault.com/u/kekelezizi"  title="Programming Language">
+          <span>可可乐滋滋</span>
+        </a>
+      </div>
+      <div class="details">
+        第一步：首先模拟等长单位的刻度。设刻度尺总长度为100px，那么单位长度为20px，总共5个格子。通过使用伪类的方式给刻度尺添加刻度线，最后给单位刻度添加数值就完成了第一步刻度尺。（片段代码如下）
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000042025080" target="_blank" title="Vue基础点梳理">Vue基础点梳理</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">
+        1、vue指令-v-model修饰符语法:v-model.修饰符=&#34;vue数据变量&#34; {代码...} 2、计算属性计算属性有缓存，提高渲染性能。如果在页面上需要用到 对现有的数据进行加工得到新数据，则时要使用计算属性。写法： {代码......
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000042024769" target="_blank" title="js判断两个对象是否相等">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>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42"  title="Programming Language">
+          <span>墨城</span>
+        </a>
+      </div>
+      <div class="details">
+        1.首先要先有两个对象，如下举例： {代码...} 2.判断两个对象是否相等： {代码...} 3.做出相应的操作： {代码...}
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000042023745" 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/jingdongshejizhongxin"  title="Programming Language">
+          <span>京东设计中心JDC</span>
+        </a>
+      </div>
+      <div class="details">
+        NutUI，大家应该不陌生吧 [鬼脸]，前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000042023094" target="_blank" title="ECMAScript 提案:.findLast()和.findLastIndex()从尾到头搜索数组">ECMAScript 提案:.findLast()和.findLastIndex()从尾到头搜索数组</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/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        近日，微软更新了其针对 Microsoft Store（微软应用商店）的策略 7.16 版。该版本策略的一个关键亮点就是 —— 打击了那些重新包装免费开源软件并为其贴上价格标签的非官方开发人员。
+        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -383,7 +495,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/21 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/6/24 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>