@wcj/github-rank 22.9.21 → 22.9.23

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 +27158 -27138
  2. package/dist/sifou-daily.json +38 -65
  3. package/dist/sifou-monthly.json +91 -91
  4. package/dist/sifou-weekly.json +141 -150
  5. package/dist/toutiao-30.json +37 -37
  6. package/dist/toutiao-7.json +105 -105
  7. package/dist/toutiao-90.json +31 -31
  8. package/dist/trending-daily.json +175 -175
  9. package/dist/trending-monthly.json +156 -156
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +1694 -1694
  12. package/dist/users.json +2816 -2816
  13. package/package.json +1 -1
  14. package/web/data/repos.json +27158 -27138
  15. package/web/data/sifou-daily.json +38 -65
  16. package/web/data/sifou-monthly.json +91 -91
  17. package/web/data/sifou-weekly.json +141 -150
  18. package/web/data/toutiao-30.json +37 -37
  19. package/web/data/toutiao-7.json +105 -105
  20. package/web/data/toutiao-90.json +31 -31
  21. package/web/data/trending-daily.json +175 -175
  22. package/web/data/trending-monthly.json +156 -156
  23. package/web/data/trending-weekly.json +167 -167
  24. package/web/data/users.china.json +1694 -1694
  25. package/web/data/users.json +2816 -2816
  26. package/web/index.html +1528 -1528
  27. package/web/repos.html +3379 -3379
  28. package/web/sifou-daily.html +32 -116
  29. package/web/sifou-monthly.html +131 -131
  30. package/web/sifou-weekly.html +128 -156
  31. package/web/toutiao-30.html +67 -67
  32. package/web/toutiao-7.html +89 -89
  33. package/web/toutiao-90.html +30 -30
  34. package/web/trending-monthly.html +140 -140
  35. package/web/trending-weekly.html +141 -149
  36. package/web/trending.html +150 -154
  37. package/web/users.china.html +861 -861
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/9/21 by
119
+ <div class="time">Last cache created on 2022/9/23 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/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
148
+ <a href="https://segmentfault.com/a/1190000042502121" 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>18</span>
159
+ <span>12</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/xishui_5ac9a340a5484" title="Programming Language">
163
+ <span>夕水</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
167
+ 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
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/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
176
+ <a href="https://segmentfault.com/a/1190000042513947" target="_blank" title="单标签实现复杂的棋盘布局">单标签实现复杂的棋盘布局</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>17</span>
187
+ <span>7</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
191
- <span>wuwhs</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
+ <span>chokcoco</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
195
+ 其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。
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/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
204
+ <a href="https://segmentfault.com/a/1190000042490237" target="_blank" title="CSS 有了:has伪类可以做些什么？">CSS 有了:has伪类可以做些什么？</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
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
213
  </g>
214
214
  </svg>
215
- <span>12</span>
215
+ <span>7</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
219
- <span>夕水</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
+ <span>XboxYan</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
223
+ :has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧
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/1190000042475152" target="_blank" title="1000粉！使用Three.js实现一个创意纪念页面 🏆">1000粉！使用Three.js实现一个创意纪念页面 🏆</a>
232
+ <a href="https://segmentfault.com/a/1190000042509082" target="_blank" title="50天用vue3完成了50个web项目，我学到了什么?">50天用vue3完成了50个web项目，我学到了什么?</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
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
241
  </g>
242
242
  </svg>
243
- <span>6</span>
243
+ <span>8</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
247
- <span>dragonir</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
247
+ <span>夕水</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...
251
+ 通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...
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/1190000042490237" target="_blank" title="CSS 有了:has伪类可以做些什么？">CSS 有了:has伪类可以做些什么？</a>
260
+ <a href="https://segmentfault.com/a/1190000042503461" target="_blank" title="微信小程序转为App并上架应用市场">微信小程序转为App并上架应用市场</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>5</span>
271
+ <span>3</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
275
- <span>XboxYan</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
275
+ <span>xiangzhihong</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- :has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧
279
+ 先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...
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/1190000042487453" target="_blank" title="如何写成高性能的代码（一）：巧用Canvas绘制电子表格">如何写成高性能的代码（一）：巧用Canvas绘制电子表格</a>
288
+ <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
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>2</span>
299
+ <span>4</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
303
- <span>葡萄城技术团队</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
303
+ <span>程序员秋风</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- Canvas是HTML5的标签，是HTML5的一种新特性，又称画板。顾名思义，我们可以将其理解为一块画布，支持在上面绘制矩形、圆形等图形或logo等。需要注意的是，与其他标签不同，Canvas只是一块空画布，其本身是不能绘...
307
+ AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -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/1190000042503461" target="_blank" title="微信小程序转为App并上架应用市场">微信小程序转为App并上架应用市场</a>
316
+ <a href="https://segmentfault.com/a/1190000042501529" target="_blank" title="共码未来 | 助力打造现代、高效、流畅的开发体验">共码未来 | 助力打造现代、高效、流畅的开发体验</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>3</span>
327
+ <span>2</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
331
- <span>xiangzhihong</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
331
+ <span>思否编辑部</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...
335
+ 谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...
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/1190000042482415" target="_blank" title="共码未来丨行业伙伴畅谈 “多端触达”，展望全球技术生态">共码未来丨行业伙伴畅谈 “多端触达”，展望全球技术生态</a>
344
+ <a href="https://segmentfault.com/a/1190000042500419" target="_blank" title="共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！">共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -360,7 +360,7 @@
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 各路科技大咖、行业精英与热爱科技的开发者们齐聚 2022 Google 开发者大会共同解锁海量技术干货体验更全面的互动交流收获更丰富的创作灵感合力构建更美好的科技未来！ 致力于帮助开发者打造面对当今和未来的产品...
363
+ 2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...
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/1190000042482325" target="_blank" title="共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾">共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾</a>
372
+ <a href="https://segmentfault.com/a/1190000042517595" target="_blank" title="那些你不知道的炫酷按钮交互效果">那些你不知道的炫酷按钮交互效果</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>2</span>
383
+ <span>5</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
387
- <span>思否编辑部</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
387
+ <span>南城大前端</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 终于等到你！ 2022 Google 开发者大会今日如约重聚主旨演讲干货新鲜出炉快来一起回顾！谷歌一直积极帮助开发者灵活运用前沿科技，探索创新的方式以解决现实问题，以科技之力应对变化，帮助他人，如 Google 大中华...
391
+ 在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...
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/1190000042501529" target="_blank" title="共码未来 | 助力打造现代、高效、流畅的开发体验">共码未来 | 助力打造现代、高效、流畅的开发体验</a>
400
+ <a href="https://segmentfault.com/a/1190000042509333" target="_blank" title="共码未来：2022 Google 开发者大会亮点回顾">共码未来：2022 Google 开发者大会亮点回顾</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,7 +408,7 @@
408
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"/>
409
409
  </g>
410
410
  </svg>
411
- <span>2</span>
411
+ <span>5</span>
412
412
  </span>
413
413
  &nbsp;
414
414
  <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
@@ -416,7 +416,7 @@
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...
419
+ 当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...
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/1190000042500419" target="_blank" title="共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！">共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！</a>
428
+ <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -439,12 +439,12 @@
439
439
  <span>2</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
443
- <span>思否编辑部</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...
447
+ 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
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/1190000042475705" target="_blank" title="新时代布局新特性 -- 容器查询">新时代布局新特性 -- 容器查询</a>
456
+ <a href="https://segmentfault.com/a/1190000042517434" target="_blank" title="共码未来 | 助力实现事半功倍的前端开发体验">共码未来 | 助力实现事半功倍的前端开发体验</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
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"/>
465
465
  </g>
466
466
  </svg>
467
- <span>6</span>
467
+ <span>1</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
471
- <span>chokcoco</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
471
+ <span>思否编辑部</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。
475
+ 谷歌赋能开发者高效开发通过提供简单易用且相互协同的开发工具助力开发者轻松快速的完成开发工作专注于构建用户喜爱的产品 一起来看看有哪些“事半功倍”的工具能够为开发者带来更好的前端开发体验  Flutter: 高效...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042478842" target="_blank" title="Taro源码-cli项目创建的过程">Taro源码-cli项目创建的过程</a>
484
+ <a href="https://segmentfault.com/a/1190000042530275" target="_blank" title="共码未来 | 以科技之新见人文之美">共码未来 | 以科技之新见人文之美</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
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>10</span>
495
+ <span>1</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/zhoumo_62382eba4b454" title="Programming Language">
499
- <span>perkz</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
499
+ <span>思否编辑部</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- packages/taro-cli/src/cli.ts这个文件的作用就是接受内置命令、分解内置命令、针对不同的内置命令注册对应的命令插件。
503
+ 科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -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/1190000042485178" target="_blank" title="图解JS中的事件循环">图解JS中的事件循环</a>
512
+ <a href="https://segmentfault.com/a/1190000042512333" 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>3</span>
523
+ <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
527
- <span>寒水寺一禅</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
527
+ <span>思否编辑部</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...
531
+ 构建机器学习的每个环节都有来自谷歌技术与工具的强力支持 Tensor Projects为开发者们提供了一整套出色且具备协同效应的技术与平台助力开发者开启机器学习的未来之路 跟随 2022 Google 开发者大会的脚步一起探索...
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/1190000042509333" target="_blank" title="共码未来：2022 Google 开发者大会亮点回顾">共码未来：2022 Google 开发者大会亮点回顾</a>
540
+ <a href="https://segmentfault.com/a/1190000042528779" target="_blank" title="共码未来 | 提供运营数据库工作负载的优越平台">共码未来 | 提供运营数据库工作负载的优越平台</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -556,7 +556,7 @@
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...
559
+ 云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...
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/1190000042489268" target="_blank" title="聊聊单点登录(SSO)中的CAS认证">聊聊单点登录(SSO)中的CAS认证</a>
568
+ <a href="https://segmentfault.com/a/1190000042512976" target="_blank" title="停止像这样使用 &#34;async/await&#34;，改用原版">停止像这样使用 &#34;async/await&#34;，改用原版</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
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>7</span>
579
+ <span>2</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan" title="Programming Language">
583
- <span>袋鼠云数栈UED</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
583
+ <span>前端小智</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。
587
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042512333" target="_blank" title="共码未来 | 更全面的开源机器学习生态">共码未来 | 更全面的开源机器学习生态</a>
596
+ <a href="https://segmentfault.com/a/1190000042507363" target="_blank" title="与小程序的 2M 空间斗智斗勇之图片优化">与小程序的 2M 空间斗智斗勇之图片优化</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -607,12 +607,12 @@
607
607
  <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
611
- <span>思否编辑部</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
611
+ <span>林小志</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 构建机器学习的每个环节都有来自谷歌技术与工具的强力支持 Tensor Projects为开发者们提供了一整套出色且具备协同效应的技术与平台助力开发者开启机器学习的未来之路 跟随 2022 Google 开发者大会的脚步一起探索...
615
+ 现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...
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/1190000042479125" target="_blank" title="这个开源 api 管理工具终于支持 Websocket 协议测试、插件管理功能了">这个开源 api 管理工具终于支持 Websocket 协议测试、插件管理功能了</a>
624
+ <a href="https://segmentfault.com/a/1190000042505414" target="_blank" title="webpack学习：webpack把react编译成weapp">webpack学习：webpack把react编译成weapp</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>3</span>
635
+ <span>2</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
639
- <span>eoapi</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/zhoumo_62382eba4b454" title="Programming Language">
639
+ <span>perkz</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 距离上一次发布正式版本过了两周，这两周我们在攒一个大功能—— 支持 Websocket 协议测试！长期关注我们的共建者知道，这个功能预告了几万年，真不是我们拖延，是 API 协议实在太多了...有些协议纵横互联网 20 年...
643
+ 在package.json中可以找到入口文件这个文件的作用就是引入webpack核心函数（lib/webpack.js）以及工具文件，抛出整理好之后的webpack核心函数
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/1190000042509082" target="_blank" title="50天用vue3完成了50个web项目，我学到了什么?">50天用vue3完成了50个web项目，我学到了什么?</a>
652
+ <a href="https://segmentfault.com/a/1190000042510437" target="_blank" title="Go 内存泄漏，pprof 够用了吗？">Go 内存泄漏，pprof 够用了吗？</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>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
667
- <span>夕水</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/sofastack" title="Programming Language">
667
+ <span>SOFAStack</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...
671
+ 文｜朱德江（GitHub ID：doujiang24)MOSN 项目核心开发者、蚂蚁集团技术专家专注于云原生网关研发的相关工作本文 2651 字 阅读 8 分钟MOSN 是主要使用 Go 语言开发的云原生网络代理平台，在蚂蚁集团有着几十万容...
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/1190000042505414" target="_blank" title="webpack学习：webpack把react编译成weapp">webpack学习：webpack把react编译成weapp</a>
680
+ <a href="https://segmentfault.com/a/1190000042517443" target="_blank" title="手写一个mini版本的React状态管理工具">手写一个mini版本的React状态管理工具</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>2</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/zhoumo_62382eba4b454" title="Programming Language">
695
- <span>perkz</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
695
+ <span>夕水</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 在package.json中可以找到入口文件这个文件的作用就是引入webpack核心函数（lib/webpack.js）以及工具文件，抛出整理好之后的webpack核心函数
699
+ 手写一个mini版本的React状态管理工具目前在React中，有很多各式各样的状态管理工具，如：React ReduxMobxHox每一个状态管理工具都有着不尽相同的API和使用方式，而且都有一定的学习成本，而且这些状态管理工具也...
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/1190000042481480" target="_blank" title="Vite入门从手写一个乞丐版的Vite开始（下）">Vite入门从手写一个乞丐版的Vite开始（下）</a>
708
+ <a href="https://segmentfault.com/a/1190000042501942" target="_blank" title="分片上传方案">分片上传方案</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -719,12 +719,12 @@
719
719
  <span>2</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
723
- <span>街角小林</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/lihaixing" title="Programming Language">
723
+ <span>lihaixing</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 所谓热更新就是修改了文件，不用刷新页面，页面的某个部分就自动更新了，听着似乎挺简单的，但是要实现一个很完善的热更新还是很复杂的，要考虑的情况很多，所以本文只会实现一个最基础的热更新效果。
727
+ 一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}
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/1190000042501942" target="_blank" title="分片上传方案">分片上传方案</a>
736
+ <a href="https://segmentfault.com/a/1190000042507985" target="_blank" title="精读《State of CSS 2022》">精读《State of CSS 2022》</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>1</span>
747
+ <span>3</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/lihaixing" title="Programming Language">
751
- <span>lihaixing</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
751
+ <span>黄子毅</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}
755
+ 解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...
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/1190000042503863" target="_blank" title="Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？">Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？</a>
764
+ <a href="https://segmentfault.com/a/1190000042509466" target="_blank" title="深入浅出 JavaScript 中的 this">深入浅出 JavaScript 中的 this</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>1</span>
775
+ <span>2</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/mazhilin_5c1ceeea5edba" title="Programming Language">
779
- <span>mazhilin</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
779
+ <span>Gopal</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...
783
+ 笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...
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/1190000042488074" target="_blank" title="深入理解JavaScript-instanceof——找祖籍">深入理解JavaScript-instanceof——找祖籍</a>
792
+ <a href="https://segmentfault.com/a/1190000042503863" target="_blank" title="Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？">Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？</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>2</span>
803
+ <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
807
- <span>山头人汉波</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/mazhilin_5c1ceeea5edba" title="Programming Language">
807
+ <span>mazhilin</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 我们分别在 JavaScript由什么组成 和 JavaScript 中的始皇 两篇文章中讲到了 instanceof，这篇文章好好说说 instanceof什么是 instanceof？MAN 的解释是：instanceof 运算符用于检测构造函数的 prototype 属性是...
811
+ 苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...
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/1190000042502058" target="_blank" title="Taro源码-项目build一个weapp的过程">Taro源码-项目build一个weapp的过程</a>
820
+ <a href="https://segmentfault.com/a/1190000042513773" target="_blank" title="SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？">SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>3</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/zhoumo_62382eba4b454" title="Programming Language">
835
- <span>perkz</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
835
+ <span>Beverly</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 基于Taro3.5.5此前，我们学习了cli创建一个Taro项目，并在packages/taro-cli/bin文件夹下创建了简单的Taro项目appname，接着看一下用Taro项目去build一个微信小程序weapp的过程
839
+ 运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的...
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/1190000042475414" target="_blank" title="5分钟自建数据库可视化平台，在线管理数据库也太方便了！">5分钟自建数据库可视化平台，在线管理数据库也太方便了！</a>
848
+ <a href="https://segmentfault.com/a/1190000042442388" target="_blank" title="新指令 v-memo，提高性能的又一利器">新指令 v-memo，提高性能的又一利器</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>1</span>
859
+ <span>2</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
863
- <span>macrozheng</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
863
+ <span>前端小智</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 作为程序员，我们经常会使用客户端来管理数据库，但是却很少使用能管理数据库的在线服务。今天给大家推荐一个可以在线可视化管理数据库的开源工具Bytebase，不仅可以方便地管理数据库，还支持SQL审核和备份恢复，...
867
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042489026" target="_blank" title="类型体操的9种类型运算、4种类型套路总结">类型体操的9种类型运算、4种类型套路总结</a>
904
+ <a href="https://segmentfault.com/a/1190000042502058" target="_blank" title="Taro源码-项目build一个weapp的过程">Taro源码-项目build一个weapp的过程</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
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
913
  </g>
914
914
  </svg>
915
- <span>1</span>
915
+ <span>3</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
919
- <span>凹凸实验室</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/zhoumo_62382eba4b454" title="Programming Language">
919
+ <span>perkz</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 今天给大家分享的主题是一起来做类型体操。主要分为 4 个部分进行介绍：类型体操的背景，通过背景了解为什么要在项目中加入类型体操；了解类型体操的主要类型、运算逻辑、和类型套路；类型体操实践，解析 TypeScr...
923
+ 基于Taro3.5.5此前，我们学习了cli创建一个Taro项目，并在packages/taro-cli/bin文件夹下创建了简单的Taro项目appname，接着看一下用Taro项目去build一个微信小程序weapp的过程
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,35 +929,7 @@
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/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
933
- </div>
934
- <div class="sub-title followers">
935
-
936
- <span title="Stargazers Count">
937
- <svg width="12" height="12" viewBox="0 0 16 16">
938
- <g fill="none" fill-rule="evenodd">
939
- <path d="M0 0h16v16H0z"/>
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
- </g>
942
- </svg>
943
- <span>2</span>
944
- </span>
945
- &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
947
- <span>程序员秋风</span>
948
- </a>
949
- </div>
950
- <div class="details">
951
- AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
952
- </div>
953
- </div>
954
- </li>
955
-
956
- <li>
957
- <div class="info">
958
- <div class="rank">
959
- <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042504944" target="_blank" title="js之页面列表加载常用方法总结">js之页面列表加载常用方法总结</a>
932
+ <a href="https://segmentfault.com/a/1190000042513683" target="_blank" title="从useEffect看React、Vue设计理念的不同">从useEffect看React、Vue设计理念的不同</a>
961
933
  </div>
962
934
  <div class="sub-title followers">
963
935
 
@@ -971,12 +943,12 @@
971
943
  <span>1</span>
972
944
  </span>
973
945
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/jcguanqi" title="Programming Language">
975
- <span>MarkGuan</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
947
+ <span>卡颂</span>
976
948
  </a>
977
949
  </div>
978
950
  <div class="details">
979
- 导语：最近由于一些事情需要处理，所以没来得及写技术总结了。今天终于可以坐下来好好的梳理一下脉络，说一下那个在日常前端开发过程中，常用到的页面列表加载的方法总结。这里介绍三种方法，分别是分页加载、按...
951
+ 我们知道，React发布Hooks后，带来了业界一波Hooks热。很多框架（比如Vue Composition API、Solid.js）都借鉴了Hooks的模式。
980
952
  </div>
981
953
  </div>
982
954
  </li>
@@ -997,7 +969,7 @@
997
969
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
970
  </a>
999
971
  </div>
1000
- <div class="time">Last cache created on 2022/9/21 by Github API v3.</div>
972
+ <div class="time">Last cache created on 2022/9/23 by Github API v3.</div>
1001
973
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
974
  </div>
1003
975
  </body>