@wcj/github-rank 22.8.27 → 22.8.30

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.
Files changed (37) hide show
  1. package/dist/repos.json +37414 -37383
  2. package/dist/sifou-daily.json +38 -47
  3. package/dist/sifou-monthly.json +52 -52
  4. package/dist/sifou-weekly.json +149 -149
  5. package/dist/toutiao-30.json +89 -89
  6. package/dist/toutiao-7.json +125 -125
  7. package/dist/toutiao-90.json +54 -54
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +158 -158
  10. package/dist/trending-weekly.json +174 -174
  11. package/dist/users.china.json +2453 -2453
  12. package/dist/users.json +3849 -3849
  13. package/package.json +1 -1
  14. package/web/data/repos.json +37414 -37383
  15. package/web/data/sifou-daily.json +38 -47
  16. package/web/data/sifou-monthly.json +52 -52
  17. package/web/data/sifou-weekly.json +149 -149
  18. package/web/data/toutiao-30.json +89 -89
  19. package/web/data/toutiao-7.json +125 -125
  20. package/web/data/toutiao-90.json +54 -54
  21. package/web/data/trending-daily.json +167 -167
  22. package/web/data/trending-monthly.json +158 -158
  23. package/web/data/trending-weekly.json +174 -174
  24. package/web/data/users.china.json +2453 -2453
  25. package/web/data/users.json +3849 -3849
  26. package/web/index.html +1942 -1942
  27. package/web/repos.html +4143 -4147
  28. package/web/sifou-daily.html +32 -60
  29. package/web/sifou-monthly.html +59 -59
  30. package/web/sifou-weekly.html +143 -143
  31. package/web/toutiao-30.html +102 -102
  32. package/web/toutiao-7.html +92 -92
  33. package/web/toutiao-90.html +57 -57
  34. package/web/trending-monthly.html +140 -140
  35. package/web/trending-weekly.html +150 -154
  36. package/web/trending.html +150 -138
  37. package/web/users.china.html +1222 -1222
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/8/27 by
119
+ <div class="time">Last cache created on 2022/8/30 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042385637" target="_blank" title="金山办公 2022 年技术开放日：文档云原生时代的规模之道">金山办公 2022 年技术开放日：文档云原生时代的规模之道</a>
148
+ <a href="https://segmentfault.com/a/1190000042396742" target="_blank" title="实体关系图 (ERD)">实体关系图 (ERD)</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
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>3</span>
159
+ <span>2</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
163
- <span>MissD</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
163
+ <span>weiewiyi</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...
167
+ ERD, 即 entity Relationship diagram, 实体关系图。使用一组定义的符号，如矩形、菱形、椭圆和连接线来描述实体、关系及其属性的相互联系。
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042381069" target="_blank" title="人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办">人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办</a>
176
+ <a href="https://segmentfault.com/a/1190000042396908" target="_blank" title="Docker网络模型以及容器通信">Docker网络模型以及容器通信</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -187,12 +187,12 @@
187
187
  <span>1</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
191
- <span>六一</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xiaojt" title="Programming Language">
191
+ <span>甜点cc</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 2022 年 8 月 19 日 - 20 日，为期 2 天的“ACE 智能云边共创生态”的年度盛会——“2022 智能云边开源峰会”（2022 Open Source AceCon）在线上圆满举办。本次峰会由 VMware 携手 Intel、EMQ、 Kyligence、江行智能、...
195
+ 本篇接着上篇：【Docker0网络及原理探究】，继续深入探究容器网络通信原理，通过学习Docker网路驱动模型，更好地解决容器间的通信问题🎉🎉
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042380412" target="_blank" title="常见的 Monorepo 框架大比较">常见的 Monorepo 框架大比较</a>
204
+ <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -215,12 +215,12 @@
215
215
  <span>2</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
219
- <span>前端小智</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
219
+ <span>黄子毅</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
223
+ SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042379218" target="_blank" title="渗透攻防Web篇-深入浅出SQL注入">渗透攻防Web篇-深入浅出SQL注入</a>
232
+ <a href="https://segmentfault.com/a/1190000042396414" target="_blank" title="总结一下er图的设计">总结一下er图的设计</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -243,12 +243,12 @@
243
243
  <span>1</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/jdcdevloper" title="Programming Language">
247
- <span>京东云开发者</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
247
+ <span>李明</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 京东SRC(Security Response Center)收录大量外部白帽子提交的sql注入漏洞，漏洞发生的原因多为sql语句拼接和Mybatis使用不当导致。
251
+ er图中的er是entity relationship的简写即实体关系，一个好的er图会使整个项目编写起来都会比较轻松。er图的首要任务就是理清实体间的关系，而不是去关心实体中的属性，即各个实体是1：1，1：n，还是n：m。并且各...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
260
+ <a href="https://segmentfault.com/a/1190000042396412" target="_blank" title="记录一次用docker-compose配置 mysql的过程">记录一次用docker-compose配置 mysql的过程</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>2</span>
271
+ <span>1</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
275
- <span>chokcoco</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
275
+ <span>李明</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。
279
+ 本周主要事件都在设计原型或者是设计er图，没有出现什么技术上的问题。但是本周在学第的提问中却出现了问题，我本来想直接在学第给的远程代码拉到本地执行来解决问题，但是在运行时出现了问题，mysql又出问题了。
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042382085" target="_blank" title="[PostgreSql]生产级别数据库安装要考虑哪些问题？">[PostgreSql]生产级别数据库安装要考虑哪些问题？</a>
288
+ <a href="https://segmentfault.com/a/1190000042397748" target="_blank" title="elementui源码学习之仿写一个el-collapse">elementui源码学习之仿写一个el-collapse</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -299,12 +299,12 @@
299
299
  <span>1</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/zimug" title="Programming Language">
303
- <span>字母哥博客</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
303
+ <span>水冗水孚</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 我让公司的小伙伴写一个生产级别的PostgreSQL的安装文档，结果他和我说：“不是用一个命令就能安装好么？还用写文档么？”。我知道他想说的是这个命令：yum install postgresql-server，我也是挺无语的。要知道生产...
307
+ 本篇文章记录仿写一个el-collapse组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。源码在github上，大家可...
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,35 +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/1190000042383192" target="_blank" title="总会用到的前端小姿势">总会用到的前端小姿势</a>
317
- </div>
318
- <div class="sub-title followers">
319
-
320
- <span title="Stargazers Count">
321
- <svg width="12" height="12" viewBox="0 0 16 16">
322
- <g fill="none" fill-rule="evenodd">
323
- <path d="M0 0h16v16H0z"/>
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
- </g>
326
- </svg>
327
- <span>2</span>
328
- </span>
329
- &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
331
- <span>罡风小天</span>
332
- </a>
333
- </div>
334
- <div class="details">
335
- 假设一个宽度固定的div内有一段文字，那么浏览器默认处理方式会比较傻，纯中文下乍一看没问题，但英文与数字混搭等情况容易出现bug，此时解决方法有两种css方法：
336
- </div>
337
- </div>
338
- </li>
339
-
340
- <li>
341
- <div class="info">
342
- <div class="rank">
343
- <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042381012" target="_blank" title="程序员提升要「硬实力」和「软实力」两手抓">程序员提升要「硬实力」和「软实力」两手抓</a>
316
+ <a href="https://segmentfault.com/a/1190000042396155" target="_blank" title="【Java面试】这也太卷了~面试竟然问，HTTP协议和RPC协议的区别">【Java面试】这也太卷了~面试竟然问，HTTP协议和RPC协议的区别</a>
345
317
  </div>
346
318
  <div class="sub-title followers">
347
319
 
@@ -355,12 +327,12 @@
355
327
  <span>1</span>
356
328
  </span>
357
329
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/ligaai" title="Programming Language">
359
- <span>LigaAI</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
331
+ <span>跟着Mic学架构</span>
360
332
  </a>
361
333
  </div>
362
334
  <div class="details">
363
- 从赋能发力、撬动杠杆到降本增效、去肥增瘦，互联网行业正在经历前所未有的风波与挑战。全球范围的「裁员潮」席卷而来，行业去泡沫化和主业务收拢似乎正在为互联网「全员危机」拉开序幕。
335
+ “Http协议和RPC协议有什么区别？”最近很多人问我这个问题，他们都不知道怎么回答。今天我们就来了解一下这个问题的高手回答。另外，我把文字版本的内容整理到了一个15W字的面试文档里了。大家可以看文章尾端领取...
364
336
  </div>
365
337
  </div>
366
338
  </li>
@@ -381,7 +353,7 @@
381
353
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
382
354
  </a>
383
355
  </div>
384
- <div class="time">Last cache created on 2022/8/27 by Github API v3.</div>
356
+ <div class="time">Last cache created on 2022/8/30 by Github API v3.</div>
385
357
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
386
358
  </div>
387
359
  </body>
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/8/27 by
119
+ <div class="time">Last cache created on 2022/8/30 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
148
+ <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
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>32</span>
159
+ <span>26</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
- <span>XboxYan</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
+ <span>chokcoco</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
167
+ 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
176
+ <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>24</span>
187
+ <span>33</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
- <span>chokcoco</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
+ <span>XboxYan</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
195
+ 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -296,7 +296,7 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>19</span>
299
+ <span>20</span>
300
300
  </span>
301
301
  &nbsp;
302
302
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -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/1190000042232699" target="_blank" title="梳理 Webpack 知识体系与学习资源推荐">梳理 Webpack 知识体系与学习资源推荐</a>
624
+ <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
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>16</span>
635
+ <span>14</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/jackysummer" title="Programming Language">
639
- <span>JackySummer</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
639
+ <span>chokcoco</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...
643
+ 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -660,7 +660,7 @@
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>7</span>
663
+ <span>8</span>
664
664
  </span>
665
665
  &nbsp;
666
666
  <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
@@ -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/1190000042238526" target="_blank" title="你的 Tap bar 不够花里胡哨，试试这个！">你的 Tap bar 不够花里胡哨，试试这个！</a>
708
+ <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</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>8</span>
719
+ <span>5</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
- <span>前端小智</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
723
+ <span>葡萄城技术团队</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
727
+ 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
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/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
736
+ <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</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>8</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
751
- <span>葡萄城技术团队</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
751
+ <span>杨成功</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
755
+ 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
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/1190000042229850" target="_blank" title="低代码是开发的未来吗？浅谈低代码平台">低代码是开发的未来吗？浅谈低代码平台</a>
764
+ <a href="https://segmentfault.com/a/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</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>11</span>
775
+ <span>8</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
779
- <span>云叔_又拍云</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
779
+ <span>卡颂</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...
783
+ 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
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/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</a>
792
+ <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</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>8</span>
803
+ <span>6</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
807
- <span>卡颂</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
807
+ <span>冴羽</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
811
+ 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
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/1190000042281991" target="_blank" title="我做了一个在线白板（二）">我做了一个在线白板（二）</a>
820
+ <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <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"/>
829
829
  </g>
830
830
  </svg>
831
- <span>5</span>
831
+ <span>6</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
835
- <span>街角小林</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
835
+ <span>Gopal</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...
839
+ 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
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/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
848
+ <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</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>6</span>
859
+ <span>10</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/yayu" 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
- 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
867
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
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/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
876
+ <a href="https://segmentfault.com/a/1190000042281991" target="_blank" title="我做了一个在线白板（二）">我做了一个在线白板（二）</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>5</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
891
- <span>Gopal</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
891
+ <span>街角小林</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
895
+ 上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
960
+ <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <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"/>
969
969
  </g>
970
970
  </svg>
971
- <span>10</span>
971
+ <span>8</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
975
- <span>XboxYan</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
975
+ <span>vivo互联网技术</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
979
+ 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
980
980
  </div>
981
981
  </div>
982
982
  </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/8/27 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/30 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>