@wcj/github-rank 22.9.19 → 22.9.20

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 +19955 -19955
  2. package/dist/sifou-daily.json +47 -11
  3. package/dist/sifou-monthly.json +57 -57
  4. package/dist/sifou-weekly.json +86 -86
  5. package/dist/toutiao-30.json +23 -23
  6. package/dist/toutiao-7.json +95 -95
  7. package/dist/toutiao-90.json +17 -17
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +134 -134
  10. package/dist/trending-weekly.json +154 -154
  11. package/dist/users.china.json +1343 -1343
  12. package/dist/users.json +2165 -2165
  13. package/package.json +1 -1
  14. package/web/data/repos.json +19955 -19955
  15. package/web/data/sifou-daily.json +47 -11
  16. package/web/data/sifou-monthly.json +57 -57
  17. package/web/data/sifou-weekly.json +86 -86
  18. package/web/data/toutiao-30.json +23 -23
  19. package/web/data/toutiao-7.json +95 -95
  20. package/web/data/toutiao-90.json +17 -17
  21. package/web/data/trending-daily.json +173 -173
  22. package/web/data/trending-monthly.json +134 -134
  23. package/web/data/trending-weekly.json +154 -154
  24. package/web/data/users.china.json +1343 -1343
  25. package/web/data/users.json +2165 -2165
  26. package/web/index.html +1154 -1154
  27. package/web/repos.html +2556 -2556
  28. package/web/sifou-daily.html +122 -10
  29. package/web/sifou-monthly.html +84 -84
  30. package/web/sifou-weekly.html +95 -95
  31. package/web/toutiao-30.html +26 -26
  32. package/web/toutiao-7.html +76 -76
  33. package/web/toutiao-90.html +19 -19
  34. package/web/trending-monthly.html +127 -127
  35. package/web/trending-weekly.html +130 -142
  36. package/web/trending.html +156 -148
  37. package/web/users.china.html +692 -692
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/9/19 by
119
+ <div class="time">Last cache created on 2022/9/20 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/1190000042506518" target="_blank" title="Docker部署SpringBoot+Redis+RabbitMQ+MySQL+Nginx+Minio">Docker部署SpringBoot+Redis+RabbitMQ+MySQL+Nginx+Minio</a>
148
+ <a href="https://segmentfault.com/a/1190000042442388" target="_blank" title="新指令 v-memo，提高性能的又一利器">新指令 v-memo，提高性能的又一利器</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -159,12 +159,12 @@
159
159
  <span>1</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/chengzhongyue" title="Programming Language">
163
- <span>城中月</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
163
+ <span>前端小智</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 1.项目简介动物实验管理系统面向生物科技相关人员提供了一系列动物实验相关功能。2.项目架构3.部署平台Win10-&gt;VMware-&gt;CentOS7-&gt;Docker4.具体部署前端部分:dist.zip后端部分:animal.jar、animal.propert...
167
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,63 @@
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/1190000042506660" target="_blank" title="【Java面试】面试遇到宽泛的问题，这么回答就稳了，谈谈你对Redis的理解">【Java面试】面试遇到宽泛的问题，这么回答就稳了，谈谈你对Redis的理解</a>
176
+ <a href="https://segmentfault.com/a/1190000042509082" target="_blank" title="50天用vue3完成了50个web项目，我学到了什么?">50天用vue3完成了50个web项目，我学到了什么?</a>
177
+ </div>
178
+ <div class="sub-title followers">
179
+
180
+ <span title="Stargazers Count">
181
+ <svg width="12" height="12" viewBox="0 0 16 16">
182
+ <g fill="none" fill-rule="evenodd">
183
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
186
+ </svg>
187
+ <span>5</span>
188
+ </span>
189
+ &nbsp;
190
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
191
+ <span>夕水</span>
192
+ </a>
193
+ </div>
194
+ <div class="details">
195
+ 通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...
196
+ </div>
197
+ </div>
198
+ </li>
199
+
200
+ <li>
201
+ <div class="info">
202
+ <div class="rank">
203
+ <span title="Ranking 3">3</span>
204
+ <a href="https://segmentfault.com/a/1190000042507985" target="_blank" title="精读《State of CSS 2022》">精读《State of CSS 2022》</a>
205
+ </div>
206
+ <div class="sub-title followers">
207
+
208
+ <span title="Stargazers Count">
209
+ <svg width="12" height="12" viewBox="0 0 16 16">
210
+ <g fill="none" fill-rule="evenodd">
211
+ <path d="M0 0h16v16H0z"/>
212
+ <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"/>
213
+ </g>
214
+ </svg>
215
+ <span>2</span>
216
+ </span>
217
+ &nbsp;
218
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
219
+ <span>黄子毅</span>
220
+ </a>
221
+ </div>
222
+ <div class="details">
223
+ 解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...
224
+ </div>
225
+ </div>
226
+ </li>
227
+
228
+ <li>
229
+ <div class="info">
230
+ <div class="rank">
231
+ <span title="Ranking 4">4</span>
232
+ <a href="https://segmentfault.com/a/1190000042509466" target="_blank" title="深入浅出 JavaScript 中的 this">深入浅出 JavaScript 中的 this</a>
177
233
  </div>
178
234
  <div class="sub-title followers">
179
235
 
@@ -187,12 +243,68 @@
187
243
  <span>1</span>
188
244
  </span>
189
245
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
191
- <span>跟着Mic学架构</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
247
+ <span>Gopal</span>
248
+ </a>
249
+ </div>
250
+ <div class="details">
251
+ 笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...
252
+ </div>
253
+ </div>
254
+ </li>
255
+
256
+ <li>
257
+ <div class="info">
258
+ <div class="rank">
259
+ <span title="Ranking 5">5</span>
260
+ <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
261
+ </div>
262
+ <div class="sub-title followers">
263
+
264
+ <span title="Stargazers Count">
265
+ <svg width="12" height="12" viewBox="0 0 16 16">
266
+ <g fill="none" fill-rule="evenodd">
267
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
270
+ </svg>
271
+ <span>1</span>
272
+ </span>
273
+ &nbsp;
274
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
275
+ <span>程序员秋风</span>
276
+ </a>
277
+ </div>
278
+ <div class="details">
279
+ AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
280
+ </div>
281
+ </div>
282
+ </li>
283
+
284
+ <li>
285
+ <div class="info">
286
+ <div class="rank">
287
+ <span title="Ranking 6">6</span>
288
+ <a href="https://segmentfault.com/a/1190000042509913" target="_blank" title="微服务开发系列：为什么选择 kotlin">微服务开发系列：为什么选择 kotlin</a>
289
+ </div>
290
+ <div class="sub-title followers">
291
+
292
+ <span title="Stargazers Count">
293
+ <svg width="12" height="12" viewBox="0 0 16 16">
294
+ <g fill="none" fill-rule="evenodd">
295
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
298
+ </svg>
299
+ <span>2</span>
300
+ </span>
301
+ &nbsp;
302
+ <a target="_blank" href="https://segmentfault.com/u/zxdposter" title="Programming Language">
303
+ <span>zxdposter</span>
192
304
  </a>
193
305
  </div>
194
306
  <div class="details">
195
- “谈谈你对Redis的理解”!面试的时候遇到这类比较宽泛的问题，是不是很抓狂？是不是不知道从何开始说起？没关系，今天我用3分钟教你怎么回答。大家好，我是Mic，一个工作了14年的Java程序员。这个问题面试官考察的...
307
+ 开发人员可以根据自己需要采用 java 语言开发，但是很明显的，项目中各种工具类已经为了 kotlin 做出了很多修改，如果大量采用 java 开发， 结果可能是比纯 java 开发的速度还要慢。
196
308
  </div>
197
309
  </div>
198
310
  </li>
@@ -213,7 +325,7 @@
213
325
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
214
326
  </a>
215
327
  </div>
216
- <div class="time">Last cache created on 2022/9/19 by Github API v3.</div>
328
+ <div class="time">Last cache created on 2022/9/20 by Github API v3.</div>
217
329
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
218
330
  </div>
219
331
  </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/9/19 by
119
+ <div class="time">Last cache created on 2022/9/20 by
120
120
 
121
121
 
122
122
 
@@ -229,6 +229,34 @@
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/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
233
+ </div>
234
+ <div class="sub-title followers">
235
+
236
+ <span title="Stargazers Count">
237
+ <svg width="12" height="12" viewBox="0 0 16 16">
238
+ <g fill="none" fill-rule="evenodd">
239
+ <path d="M0 0h16v16H0z"/>
240
+ <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"/>
241
+ </g>
242
+ </svg>
243
+ <span>16</span>
244
+ </span>
245
+ &nbsp;
246
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
247
+ <span>XboxYan</span>
248
+ </a>
249
+ </div>
250
+ <div class="details">
251
+ 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
252
+ </div>
253
+ </div>
254
+ </li>
255
+
256
+ <li>
257
+ <div class="info">
258
+ <div class="rank">
259
+ <span title="Ranking 5">5</span>
232
260
  <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
233
261
  </div>
234
262
  <div class="sub-title followers">
@@ -256,8 +284,8 @@
256
284
  <li>
257
285
  <div class="info">
258
286
  <div class="rank">
259
- <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
287
+ <span title="Ranking 6">6</span>
288
+ <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
261
289
  </div>
262
290
  <div class="sub-title followers">
263
291
 
@@ -268,15 +296,15 @@
268
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"/>
269
297
  </g>
270
298
  </svg>
271
- <span>15</span>
299
+ <span>14</span>
272
300
  </span>
273
301
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
275
- <span>XboxYan</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
303
+ <span>wuwhs</span>
276
304
  </a>
277
305
  </div>
278
306
  <div class="details">
279
- 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
307
+ 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
280
308
  </div>
281
309
  </div>
282
310
  </li>
@@ -284,7 +312,7 @@
284
312
  <li>
285
313
  <div class="info">
286
314
  <div class="rank">
287
- <span title="Ranking 6">6</span>
315
+ <span title="Ranking 7">7</span>
288
316
  <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
289
317
  </div>
290
318
  <div class="sub-title followers">
@@ -312,7 +340,7 @@
312
340
  <li>
313
341
  <div class="info">
314
342
  <div class="rank">
315
- <span title="Ranking 7">7</span>
343
+ <span title="Ranking 8">8</span>
316
344
  <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
317
345
  </div>
318
346
  <div class="sub-title followers">
@@ -340,7 +368,7 @@
340
368
  <li>
341
369
  <div class="info">
342
370
  <div class="rank">
343
- <span title="Ranking 8">8</span>
371
+ <span title="Ranking 9">9</span>
344
372
  <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
345
373
  </div>
346
374
  <div class="sub-title followers">
@@ -368,8 +396,8 @@
368
396
  <li>
369
397
  <div class="info">
370
398
  <div class="rank">
371
- <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
399
+ <span title="Ranking 10">10</span>
400
+ <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
373
401
  </div>
374
402
  <div class="sub-title followers">
375
403
 
@@ -380,15 +408,15 @@
380
408
  <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
409
  </g>
382
410
  </svg>
383
- <span>12</span>
411
+ <span>10</span>
384
412
  </span>
385
413
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
387
- <span>wuwhs</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
415
+ <span>lulu_up</span>
388
416
  </a>
389
417
  </div>
390
418
  <div class="details">
391
- 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
419
+ 可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:&#34;会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力&#34;, 就像发明 车 之前大多数人会认...
392
420
  </div>
393
421
  </div>
394
422
  </li>
@@ -396,8 +424,8 @@
396
424
  <li>
397
425
  <div class="info">
398
426
  <div class="rank">
399
- <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
427
+ <span title="Ranking 11">11</span>
428
+ <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
401
429
  </div>
402
430
  <div class="sub-title followers">
403
431
 
@@ -408,15 +436,15 @@
408
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"/>
409
437
  </g>
410
438
  </svg>
411
- <span>10</span>
439
+ <span>11</span>
412
440
  </span>
413
441
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
415
- <span>lulu_up</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
443
+ <span>散一群逗逼</span>
416
444
  </a>
417
445
  </div>
418
446
  <div class="details">
419
- 可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:&#34;会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力&#34;, 就像发明 车 之前大多数人会认...
447
+ transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
420
448
  </div>
421
449
  </div>
422
450
  </li>
@@ -424,8 +452,8 @@
424
452
  <li>
425
453
  <div class="info">
426
454
  <div class="rank">
427
- <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
455
+ <span title="Ranking 12">12</span>
456
+ <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
429
457
  </div>
430
458
  <div class="sub-title followers">
431
459
 
@@ -436,15 +464,15 @@
436
464
  <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
465
  </g>
438
466
  </svg>
439
- <span>10</span>
467
+ <span>11</span>
440
468
  </span>
441
469
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
443
- <span>散一群逗逼</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
471
+ <span>夕水</span>
444
472
  </a>
445
473
  </div>
446
474
  <div class="details">
447
- transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
475
+ 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
448
476
  </div>
449
477
  </div>
450
478
  </li>
@@ -452,7 +480,7 @@
452
480
  <li>
453
481
  <div class="info">
454
482
  <div class="rank">
455
- <span title="Ranking 12">12</span>
483
+ <span title="Ranking 13">13</span>
456
484
  <a href="https://segmentfault.com/a/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
457
485
  </div>
458
486
  <div class="sub-title followers">
@@ -464,7 +492,7 @@
464
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"/>
465
493
  </g>
466
494
  </svg>
467
- <span>12</span>
495
+ <span>13</span>
468
496
  </span>
469
497
  &nbsp;
470
498
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -480,7 +508,7 @@
480
508
  <li>
481
509
  <div class="info">
482
510
  <div class="rank">
483
- <span title="Ranking 13">13</span>
511
+ <span title="Ranking 14">14</span>
484
512
  <a href="https://segmentfault.com/a/1190000042453662" target="_blank" title="SegmentFault 思否技术征文丨浅谈 Java 进阶之路">SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
485
513
  </div>
486
514
  <div class="sub-title followers">
@@ -508,7 +536,7 @@
508
536
  <li>
509
537
  <div class="info">
510
538
  <div class="rank">
511
- <span title="Ranking 14">14</span>
539
+ <span title="Ranking 15">15</span>
512
540
  <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
513
541
  </div>
514
542
  <div class="sub-title followers">
@@ -536,7 +564,7 @@
536
564
  <li>
537
565
  <div class="info">
538
566
  <div class="rank">
539
- <span title="Ranking 15">15</span>
567
+ <span title="Ranking 16">16</span>
540
568
  <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
541
569
  </div>
542
570
  <div class="sub-title followers">
@@ -564,7 +592,7 @@
564
592
  <li>
565
593
  <div class="info">
566
594
  <div class="rank">
567
- <span title="Ranking 16">16</span>
595
+ <span title="Ranking 17">17</span>
568
596
  <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
569
597
  </div>
570
598
  <div class="sub-title followers">
@@ -592,7 +620,7 @@
592
620
  <li>
593
621
  <div class="info">
594
622
  <div class="rank">
595
- <span title="Ranking 17">17</span>
623
+ <span title="Ranking 18">18</span>
596
624
  <a href="https://segmentfault.com/a/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
597
625
  </div>
598
626
  <div class="sub-title followers">
@@ -620,7 +648,7 @@
620
648
  <li>
621
649
  <div class="info">
622
650
  <div class="rank">
623
- <span title="Ranking 18">18</span>
651
+ <span title="Ranking 19">19</span>
624
652
  <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
625
653
  </div>
626
654
  <div class="sub-title followers">
@@ -648,7 +676,7 @@
648
676
  <li>
649
677
  <div class="info">
650
678
  <div class="rank">
651
- <span title="Ranking 19">19</span>
679
+ <span title="Ranking 20">20</span>
652
680
  <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
653
681
  </div>
654
682
  <div class="sub-title followers">
@@ -676,7 +704,7 @@
676
704
  <li>
677
705
  <div class="info">
678
706
  <div class="rank">
679
- <span title="Ranking 20">20</span>
707
+ <span title="Ranking 21">21</span>
680
708
  <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
681
709
  </div>
682
710
  <div class="sub-title followers">
@@ -704,7 +732,7 @@
704
732
  <li>
705
733
  <div class="info">
706
734
  <div class="rank">
707
- <span title="Ranking 21">21</span>
735
+ <span title="Ranking 22">22</span>
708
736
  <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
709
737
  </div>
710
738
  <div class="sub-title followers">
@@ -732,7 +760,7 @@
732
760
  <li>
733
761
  <div class="info">
734
762
  <div class="rank">
735
- <span title="Ranking 22">22</span>
763
+ <span title="Ranking 23">23</span>
736
764
  <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
737
765
  </div>
738
766
  <div class="sub-title followers">
@@ -760,7 +788,7 @@
760
788
  <li>
761
789
  <div class="info">
762
790
  <div class="rank">
763
- <span title="Ranking 23">23</span>
791
+ <span title="Ranking 24">24</span>
764
792
  <a href="https://segmentfault.com/a/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
765
793
  </div>
766
794
  <div class="sub-title followers">
@@ -788,7 +816,7 @@
788
816
  <li>
789
817
  <div class="info">
790
818
  <div class="rank">
791
- <span title="Ranking 24">24</span>
819
+ <span title="Ranking 25">25</span>
792
820
  <a href="https://segmentfault.com/a/1190000042432407" target="_blank" title="为什么vue.config.js中使用require，而vite.config.js使用 import?">为什么vue.config.js中使用require，而vite.config.js使用 import?</a>
793
821
  </div>
794
822
  <div class="sub-title followers">
@@ -816,7 +844,7 @@
816
844
  <li>
817
845
  <div class="info">
818
846
  <div class="rank">
819
- <span title="Ranking 25">25</span>
847
+ <span title="Ranking 26">26</span>
820
848
  <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
821
849
  </div>
822
850
  <div class="sub-title followers">
@@ -844,7 +872,7 @@
844
872
  <li>
845
873
  <div class="info">
846
874
  <div class="rank">
847
- <span title="Ranking 26">26</span>
875
+ <span title="Ranking 27">27</span>
848
876
  <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</a>
849
877
  </div>
850
878
  <div class="sub-title followers">
@@ -872,7 +900,7 @@
872
900
  <li>
873
901
  <div class="info">
874
902
  <div class="rank">
875
- <span title="Ranking 27">27</span>
903
+ <span title="Ranking 28">28</span>
876
904
  <a href="https://segmentfault.com/a/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
877
905
  </div>
878
906
  <div class="sub-title followers">
@@ -897,39 +925,11 @@
897
925
  </div>
898
926
  </li>
899
927
 
900
- <li>
901
- <div class="info">
902
- <div class="rank">
903
- <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042454840" target="_blank" title="高阶 CSS 技巧在复杂动效中的应用">高阶 CSS 技巧在复杂动效中的应用</a>
905
- </div>
906
- <div class="sub-title followers">
907
-
908
- <span title="Stargazers Count">
909
- <svg width="12" height="12" viewBox="0 0 16 16">
910
- <g fill="none" fill-rule="evenodd">
911
- <path d="M0 0h16v16H0z"/>
912
- <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"/>
913
- </g>
914
- </svg>
915
- <span>6</span>
916
- </span>
917
- &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
919
- <span>chokcoco</span>
920
- </a>
921
- </div>
922
- <div class="details">
923
- 最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...
924
- </div>
925
- </div>
926
- </li>
927
-
928
928
  <li>
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042385637" target="_blank" title="金山办公 2022 年技术开放日：文档云原生时代的规模之道">金山办公 2022 年技术开放日：文档云原生时代的规模之道</a>
932
+ <a href="https://segmentfault.com/a/1190000042414379" target="_blank" title="慎用JSON.stringify">慎用JSON.stringify</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>3</span>
943
+ <span>7</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
947
- <span>MissD</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
947
+ <span>Gopal</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...
951
+ 项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。
952
952
  </div>
953
953
  </div>
954
954
  </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/1190000042394346" target="_blank" title="【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景">【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景</a>
960
+ <a href="https://segmentfault.com/a/1190000042469668" target="_blank" title="深入理解JavaScript-JavaScript 中的始皇">深入理解JavaScript-JavaScript 中的始皇</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>4</span>
971
+ <span>3</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
975
- <span>葡萄城技术团队</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
975
+ <span>山头人汉波</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- GeoJSON ，一个用于存储地理信息的数据格式。GoeJSON对象可以表示几何、特征或特征集合，支持：点、线、面、多点、多线、多面和几何集合。在基于平面地图，三维地图中都需要用到的一种数据类型。由于这种格式在三...
979
+ 为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？
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/9/19 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/20 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>