@wcj/github-rank 22.9.15 → 22.9.17

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/9/15 by 
+  <div class="time">Last cache created on 2022/9/17 by 
     
     
     
@@ -145,7 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
+        <a href="https://segmentfault.com/a/1190000042501529" target="_blank" title="共码未来 | 助力打造现代、高效、流畅的开发体验">共码未来 | 助力打造现代、高效、流畅的开发体验</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>7</span>
+          <span>2</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/writers"  title="Programming Language">
+          <span>思否编辑部</span>
         </a>
       </div>
       <div class="details">
-        平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
+        谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...
       </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/1190000042478842" target="_blank" title="Taro源码-cli项目创建的过程">Taro源码-cli项目创建的过程</a>
+        <a href="https://segmentfault.com/a/1190000042500419" target="_blank" title="共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！">共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！</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>8</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/zhoumo_62382eba4b454"  title="Programming Language">
-          <span>perkz</span>
+        <a target="_blank" href="https://segmentfault.com/u/writers"  title="Programming Language">
+          <span>思否编辑部</span>
         </a>
       </div>
       <div class="details">
-        packages/taro-cli/src/cli.ts这个文件的作用就是接受内置命令、分解内置命令、针对不同的内置命令注册对应的命令插件。
+        2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...
       </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/1190000042475705" target="_blank" title="新时代布局新特性 -- 容器查询">新时代布局新特性 -- 容器查询</a>
+        <a href="https://segmentfault.com/a/1190000042502058" target="_blank" title="Taro源码-项目build一个weapp的过程">Taro源码-项目build一个weapp的过程</a>
       </div>
       <div class="sub-title followers">
         
@@ -215,12 +215,12 @@
           <span>3</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/zhoumo_62382eba4b454"  title="Programming Language">
+          <span>perkz</span>
         </a>
       </div>
       <div class="details">
-        而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。
+        基于Taro3.5.5此前，我们学习了cli创建一个Taro项目，并在packages/taro-cli/bin文件夹下创建了简单的Taro项目appname，接着看一下用Taro项目去build一个微信小程序weapp的过程
       </div>
     </div>
   </li>
@@ -229,91 +229,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000042475152" target="_blank" title="1000粉！使用Three.js实现一个创意纪念页面 🏆">1000粉！使用Three.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>2</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/dragonir"  title="Programming Language">
-          <span>dragonir</span>
-        </a>
-      </div>
-      <div class="details">
-        不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000042482415" 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/writers"  title="Programming Language">
-          <span>思否编辑部</span>
-        </a>
-      </div>
-      <div class="details">
-        各路科技大咖、行业精英与热爱科技的开发者们齐聚 2022 Google 开发者大会共同解锁海量技术干货体验更全面的互动交流收获更丰富的创作灵感合力构建更美好的科技未来！ 致力于帮助开发者打造面对当今和未来的产品...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042482325" target="_blank" title="共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾">共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾</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/writers"  title="Programming Language">
-          <span>思否编辑部</span>
-        </a>
-      </div>
-      <div class="details">
-        终于等到你！ 2022 Google 开发者大会今日如约重聚主旨演讲干货新鲜出炉快来一起回顾！谷歌一直积极帮助开发者灵活运用前沿科技，探索创新的方式以解决现实问题，以科技之力应对变化，帮助他人，如 Google 大中华...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000042479470" target="_blank" title="Resemi Admin - 一个漂亮的开箱即用的前端框架">Resemi Admin - 一个漂亮的开箱即用的前端框架</a>
+        <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
       </div>
       <div class="sub-title followers">
         
@@ -327,12 +243,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/anguer"  title="Programming Language">
-          <span>Anguer</span>
+        <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484"  title="Programming Language">
+          <span>夕水</span>
         </a>
       </div>
       <div class="details">
-        简介Resemi Admin 是一个免费开源的中后台模版, 使用了最新的NextJS 12，React 18，TypeScript等主流技术开发。特性最新技术栈：使用最新的NextJS 12，React 18等前沿技术开发TypeScript：更安全的类型检查主题定...
+        这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
       </div>
     </div>
   </li>
@@ -340,8 +256,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000042476118" target="_blank" title="前端常用的js函数方法">前端常用的js函数方法</a>
+        <span title="Ranking 5">5</span>
+        <a href="https://segmentfault.com/a/1190000042490237" target="_blank" title="CSS 有了:has伪类可以做些什么？">CSS 有了:has伪类可以做些什么？</a>
       </div>
       <div class="sub-title followers">
         
@@ -355,12 +271,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fzijiyip_weixiao"  title="Programming Language">
-          <span>給自己一個微笑</span>
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        1.判断类型集合 {代码...} 2.严格的身份证校验 {代码...} 3.将阿拉伯数字翻译成中文的大写数字 {代码...} 5.将数字转换为大写金额 {代码...} 6.是否数字 {代码...} 7.是否boolean {代码...} 8.是否函数 {代码...}...
+        :has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧
       </div>
     </div>
   </li>
@@ -381,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/9/15 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/9/17 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>