@wcj/github-rank 22.10.18 → 22.10.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/10/18 by
119
+ <div class="time">Last cache created on 2022/10/19 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>24</span>
159
+ <span>25</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042589774" target="_blank" title="超强的纯 CSS 鼠标点击拖拽效果">超强的纯 CSS 鼠标点击拖拽效果</a>
316
+ <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+,如果面试让我手写红黑树!">35+,如果面试让我手写红黑树!</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>13</span>
327
+ <span>11</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
331
- <span>chokcoco</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
331
+ <span>小傅哥</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 背景鼠标拖拽元素移动,算是一个稍微有点点复杂的交互。而在本文,我们就将打破常规,向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...
335
+ 为啥,面试官那么喜欢让你聊聊 HashMap?因为 HashMap 涉及的东西广,用到的数据结构多,问题延展性好,一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
344
+ <a href="https://segmentfault.com/a/1190000042598682" target="_blank" title="致「独一无二」的你|1024 程序员节系列活动启动">致「独一无二」的你|1024 程序员节系列活动启动</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <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"/>
353
353
  </g>
354
354
  </svg>
355
- <span>10</span>
355
+ <span>12</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
359
- <span>XboxYan</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
359
+ <span>SegmentFault思否</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 前不久在这篇文章:CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景,可以说大大颠覆了 CSS 选择器的认知,让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例,3d 轮播图,...
363
+ 不知道刚过完小长假的大家,有没有假期模式切换回(连上 7 天班的)工作模式呢?😶‍🌫️ 10 月可不止有国庆节,还有咱们开发者群体不可错过的「1024 程序员节」~
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042554569" target="_blank" title="漫画 | Serverless + Data,让后端告别搬砖!">漫画 | Serverless + Data,让后端告别搬砖!</a>
372
+ <a href="https://segmentfault.com/a/1190000042589774" target="_blank" title="超强的纯 CSS 鼠标点击拖拽效果">超强的纯 CSS 鼠标点击拖拽效果</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
380
  <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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>12</span>
383
+ <span>13</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
387
- <span>六一</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
387
+ <span>chokcoco</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 文章来源:码农翻身上古时期,软件系统都比较简单。随着时代的发展,系统越来越复杂。移动互联网时代来临,流量越来越大,尤其是搞促销活动的时候。促销活动过后,领导到机房视察。很快, 云计算时代来临了!又到...
391
+ 背景鼠标拖拽元素移动,算是一个稍微有点点复杂的交互。而在本文,我们就将打破常规,向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042550192" target="_blank" title="见微知著,从两道有意思的 CSS 面试题,考察你的基础">见微知著,从两道有意思的 CSS 面试题,考察你的基础</a>
400
+ <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -411,12 +411,12 @@
411
411
  <span>10</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
415
- <span>chokcoco</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
415
+ <span>XboxYan</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 今天在论坛,有看到这样一道非常有意思的题目,简单的代码如下: {代码...} 样式如下: {代码...} 试问,标签 &lt;p&gt; 内的文字的颜色,是 green 还是 blue 呢?有趣的是,这里的最终结果是蓝色,也就是 color:...
419
+ 前不久在这篇文章:CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景,可以说大大颠覆了 CSS 选择器的认知,让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例,3d 轮播图,...
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解,学以致用,实战案例,虽不及万字,但也已有近8000字">Java反射真正的详解,学以致用,实战案例,虽不及万字,但也已有近8000字</a>
428
+ <a href="https://segmentfault.com/a/1190000042554569" target="_blank" title="漫画 | Serverless + Data,让后端告别搬砖!">漫画 | Serverless + Data,让后端告别搬砖!</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>16</span>
439
+ <span>12</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
443
- <span>宁在春</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
443
+ <span>六一</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 作为Java开发者,你认为反射这个知识点重要程度,在你心里是什么样的呢?以前我也只觉得反射非常重要,但总归是听这个文章说,听那个朋友说,学是学了,但却没怎么应用。当我正式进入到社会当 cv 仔的时候,需要...
447
+ 文章来源:码农翻身上古时期,软件系统都比较简单。随着时代的发展,系统越来越复杂。移动互联网时代来临,流量越来越大,尤其是搞促销活动的时候。促销活动过后,领导到机房视察。很快, 云计算时代来临了!又到...
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+,如果面试让我手写红黑树!">35+,如果面试让我手写红黑树!</a>
456
+ <a href="https://segmentfault.com/a/1190000042550192" target="_blank" title="见微知著,从两道有意思的 CSS 面试题,考察你的基础">见微知著,从两道有意思的 CSS 面试题,考察你的基础</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -467,12 +467,12 @@
467
467
  <span>10</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
471
- <span>小傅哥</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
471
+ <span>chokcoco</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 为啥,面试官那么喜欢让你聊聊 HashMap?因为 HashMap 涉及的东西广,用到的数据结构多,问题延展性好,一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...
475
+ 今天在论坛,有看到这样一道非常有意思的题目,简单的代码如下: {代码...} 样式如下: {代码...} 试问,标签 &lt;p&gt; 内的文字的颜色,是 green 还是 blue 呢?有趣的是,这里的最终结果是蓝色,也就是 color:...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -492,7 +492,7 @@
492
492
  <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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>9</span>
495
+ <span>10</span>
496
496
  </span>
497
497
  &nbsp;
498
498
  <a target="_blank" href="https://segmentfault.com/u/jihu_gitlab" title="Programming Language">
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
512
+ <a href="https://segmentfault.com/a/1190000042632786" target="_blank" title="思否猫拼接怪编辑器">思否猫拼接怪编辑器</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>8</span>
523
+ <span>9</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
527
- <span>凹凸实验室</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
527
+ <span>JenK</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 一、背景本文介绍 5 种瀑布流场景的实现,大家可以根据自身的需求场景进行选择。5 种场景分别是:瀑布流特点纵向+高度排序纯 CSS 多列实现,是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
531
+ 1024程序员节马上就要来了,我们借着这个机会实现一个社区的吉祥物思否猫的编辑器,暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些js原型及原型链面试题你能做对几道</a>
540
+ <a href="https://segmentfault.com/a/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>18</span>
551
+ <span>9</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
555
- <span>腹黑的可乐</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
555
+ <span>凹凸实验室</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 一、前言在面试过程中,频频被原型相关知识问住,每次回答都支支吾吾。后来有家非常心仪的公司,在二面时,果不其然,又问原型了!我痛下决心用了两天时间钻研了下原型,弄明白后发现世界都明亮了,原来这么简单 ...
559
+ 一、背景本文介绍 5 种瀑布流场景的实现,大家可以根据自身的需求场景进行选择。5 种场景分别是:瀑布流特点纵向+高度排序纯 CSS 多列实现,是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042531829" target="_blank" title="技术征文中奖名单公布 浅谈 Java 进阶之路">技术征文中奖名单公布 浅谈 Java 进阶之路</a>
568
+ <a href="https://segmentfault.com/a/1190000042567232" target="_blank" title="Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动,快来 DIY 你的专属表情包!">Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动,快来 DIY 你的专属表情包!</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,7 +576,7 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>5</span>
579
+ <span>7</span>
580
580
  </span>
581
581
  &nbsp;
582
582
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -584,7 +584,7 @@
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 哈喽各位社区的小伙伴!SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说,我们直接来揭晓获奖名单!强势插播一条预告:技术征文活动每月都有哦,大家多多关注「SegmentFault思否」参与技术征...
587
+ 关注我们的朋友们都知道,SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;)独角猫,也是社区的首席摸鱼官。
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042563735" target="_blank" title="[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem,而用&#34;灵活设计稿&#34;+px">[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem,而用&#34;灵活设计稿&#34;+px</a>
596
+ <a href="https://segmentfault.com/a/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些js原型及原型链面试题你能做对几道</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <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"/>
605
605
  </g>
606
606
  </svg>
607
- <span>7</span>
607
+ <span>18</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/hullqin" title="Programming Language">
611
- <span>HullQin</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
611
+ <span>腹黑的可乐</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,发送加微信,交个朋友),转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
615
+ 一、前言在面试过程中,频频被原型相关知识问住,每次回答都支支吾吾。后来有家非常心仪的公司,在二面时,果不其然,又问原型了!我痛下决心用了两天时间钻研了下原型,弄明白后发现世界都明亮了,原来这么简单 ...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042535848" target="_blank" title="特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事">特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事</a>
624
+ <a href="https://segmentfault.com/a/1190000042531829" target="_blank" title="技术征文中奖名单公布 浅谈 Java 进阶之路">技术征文中奖名单公布 浅谈 Java 进阶之路</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,7 +632,7 @@
632
632
  <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"/>
633
633
  </g>
634
634
  </svg>
635
- <span>4</span>
635
+ <span>5</span>
636
636
  </span>
637
637
  &nbsp;
638
638
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -640,7 +640,7 @@
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 2022 9 16 日,2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题,在“共码未来”的号召下,本届 Hackathon 大赛涌现出一大批针对多类型现实难...
643
+ 哈喽各位社区的小伙伴!SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说,我们直接来揭晓获奖名单!强势插播一条预告:技术征文活动每月都有哦,大家多多关注「SegmentFault思否」参与技术征...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
652
+ <a href="https://segmentfault.com/a/1190000042563735" target="_blank" title="[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem,而用&#34;灵活设计稿&#34;+px">[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem,而用&#34;灵活设计稿&#34;+px</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <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"/>
661
661
  </g>
662
662
  </svg>
663
- <span>6</span>
663
+ <span>7</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
667
- <span>程序员秋风</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/hullqin" title="Programming Language">
667
+ <span>HullQin</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- AI绘画门槛又又又降低了,从最开始需要花半天时间折腾的 Disco-Diffusion ,紧接着 Stable Diffusion 在 github 上开源,各家平台都推出了云平台,让用户通过轻松的点击、选择、输入就能生成一张张AI图。
671
+ 我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,发送加微信,交个朋友),转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042567232" target="_blank" title="Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动,快来 DIY 你的专属表情包!">Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动,快来 DIY 你的专属表情包!</a>
680
+ <a href="https://segmentfault.com/a/1190000042535848" target="_blank" title="特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事">特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,7 +688,7 @@
688
688
  <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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>5</span>
691
+ <span>4</span>
692
692
  </span>
693
693
  &nbsp;
694
694
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -696,7 +696,7 @@
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 关注我们的朋友们都知道,SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;)独角猫,也是社区的首席摸鱼官。
699
+ 2022 年 9 月 16 日,2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题,在“共码未来”的号召下,本届 Hackathon 大赛涌现出一大批针对多类型现实难...
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042539876" target="_blank" title="面试说:聊聊JavaScript中的数据类型">面试说:聊聊JavaScript中的数据类型</a>
708
+ <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <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"/>
717
717
  </g>
718
718
  </svg>
719
- <span>9</span>
719
+ <span>6</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
723
- <span>Gopal</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
723
+ <span>程序员秋风</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 答:Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。
727
+ AI绘画门槛又又又降低了,从最开始需要花半天时间折腾的 Disco-Diffusion ,紧接着 Stable Diffusion 在 github 上开源,各家平台都推出了云平台,让用户通过轻松的点击、选择、输入就能生成一张张AI图。
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042566696" target="_blank" title="2022 SegmentFault 思否程序员大调查">2022 SegmentFault 思否程序员大调查</a>
736
+ <a href="https://segmentfault.com/a/1190000042539876" target="_blank" title="面试说:聊聊JavaScript中的数据类型">面试说:聊聊JavaScript中的数据类型</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>5</span>
747
+ <span>9</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
751
- <span>SegmentFault思否</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
751
+ <span>Gopal</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 程序员,作为用代码创造世界的工作者,在大众眼里往往是「加班狂」的典型代表;在面对激烈的职场竞争与压力时,作为程序员的你会选择 or 躺平呢?
755
+ 答:Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042507363" target="_blank" title="与小程序的 2M 空间斗智斗勇之图片优化">与小程序的 2M 空间斗智斗勇之图片优化</a>
764
+ <a href="https://segmentfault.com/a/1190000042566696" target="_blank" title="2022 SegmentFault 思否程序员大调查">2022 SegmentFault 思否程序员大调查</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>4</span>
775
+ <span>5</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
779
- <span>林小志</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
779
+ <span>SegmentFault思否</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 现在的网站或者 app 等各类应用,但凡有图片资源,基本上都是通过 CDN 的方式加载,而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情,必然是对图片资源的优化、压缩。久而久之,大家似乎也...
783
+ 程序员,作为用代码创造世界的工作者,在大众眼里往往是「加班狂」的典型代表;在面对激烈的职场竞争与压力时,作为程序员的你会选择 or 躺平呢?
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
792
+ <a href="https://segmentfault.com/a/1190000042517735" target="_blank" title="从前端到全栈 -- 最全面向对象总结">从前端到全栈 -- 最全面向对象总结</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
800
  <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"/>
801
801
  </g>
802
802
  </svg>
803
- <span>5</span>
803
+ <span>7</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
807
- <span>XboxYan</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
807
+ <span>程序员海军</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 欢迎关注我的公众号:前端侦探介绍一个全新的、和用户行为息息相关的属性:inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性,可以更加轻易地控制很多交互行为,花几分钟了解一下吧一、iner...
811
+ 从事前端的这两年中,也接触了后端领域,像 PHP Node, 并且都用它们做过一些 demo 私活 ,站在职业发展道路上来讲,了解后端是好的,自己可以熟练前后的开发流程,整条链路下来,很清晰,懂了后端,在自己以后...
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042503461" target="_blank" title="微信小程序转为App并上架应用市场">微信小程序转为App并上架应用市场</a>
820
+ <a href="https://segmentfault.com/a/1190000042507363" target="_blank" title="与小程序的 2M 空间斗智斗勇之图片优化">与小程序的 2M 空间斗智斗勇之图片优化</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>4</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
835
- <span>xiangzhihong</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
835
+ <span>林小志</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 先说说背景吧,笔者开发了一款微信工具类小程序,刚开始,小程序的日访问量和用户数都还可以,但后面慢慢的发现,受限于微信小程序平台规则,很难对用户进行更深入的运营,用户流失问题也将逐渐凸显出来。另一方...
839
+ 现在的网站或者 app 等各类应用,但凡有图片资源,基本上都是通过 CDN 的方式加载,而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情,必然是对图片资源的优化、压缩。久而久之,大家似乎也...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042531062" target="_blank" title="「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚">「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚</a>
848
+ <a href="https://segmentfault.com/a/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>3</span>
859
+ <span>5</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
863
- <span>皮小蛋</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
863
+ <span>XboxYan</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 上一轮优化 里, 我们通过优化一些构建工具和流程, 把构建耗时优化到了 4min 左右,整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升, 但是依旧存在提升空间。
867
+ 欢迎关注我的公众号:前端侦探介绍一个全新的、和用户行为息息相关的属性:inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性,可以更加轻易地控制很多交互行为,花几分钟了解一下吧一、iner...
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042517735" target="_blank" title="从前端到全栈 -- 最全面向对象总结">从前端到全栈 -- 最全面向对象总结</a>
876
+ <a href="https://segmentfault.com/a/1190000042531062" target="_blank" title="「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚">「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>6</span>
887
+ <span>3</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
891
- <span>程序员海军</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
891
+ <span>皮小蛋</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 从事前端的这两年中,也接触了后端领域,像 PHP Node, 并且都用它们做过一些 demo 私活 ,站在职业发展道路上来讲,了解后端是好的,自己可以熟练前后的开发流程,整条链路下来,很清晰,懂了后端,在自己以后...
895
+ 上一轮优化 里, 我们通过优化一些构建工具和流程, 把构建耗时优化到了 4min 左右,整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升, 但是依旧存在提升空间。
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/10/18 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/19 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>