@wcj/github-rank 22.6.9 → 22.6.12

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 (38) hide show
  1. package/dist/repos.json +30451 -30443
  2. package/dist/sifou-daily.json +23 -77
  3. package/dist/sifou-monthly.json +107 -107
  4. package/dist/sifou-weekly.json +159 -159
  5. package/dist/toutiao-30.json +68 -68
  6. package/dist/toutiao-7.json +108 -108
  7. package/dist/toutiao-90.json +33 -33
  8. package/dist/trending-daily.json +161 -161
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +2382 -2382
  12. package/dist/users.json +3528 -3529
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +30451 -30443
  16. package/web/data/sifou-daily.json +23 -77
  17. package/web/data/sifou-monthly.json +107 -107
  18. package/web/data/sifou-weekly.json +159 -159
  19. package/web/data/toutiao-30.json +68 -68
  20. package/web/data/toutiao-7.json +108 -108
  21. package/web/data/toutiao-90.json +33 -33
  22. package/web/data/trending-daily.json +161 -161
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +163 -163
  25. package/web/data/users.china.json +2382 -2382
  26. package/web/data/users.json +3528 -3529
  27. package/web/index.html +1906 -1906
  28. package/web/repos.html +3902 -3906
  29. package/web/sifou-daily.html +21 -189
  30. package/web/sifou-monthly.html +148 -148
  31. package/web/sifou-weekly.html +141 -141
  32. package/web/toutiao-30.html +64 -64
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +56 -56
  35. package/web/trending-monthly.html +145 -149
  36. package/web/trending-weekly.html +141 -141
  37. package/web/trending.html +135 -143
  38. package/web/users.china.html +1263 -1263
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/6/9 by
119
+ <div class="time">Last cache created on 2022/6/12 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041940807" target="_blank" title="CSS 实现头像名称首字符自动占位">CSS 实现头像名称首字符自动占位</a>
150
+ <a href="https://segmentfault.com/a/1190000041947673" target="_blank" title="文字轮播与图片轮播？CSS 不在话下">文字轮播与图片轮播？CSS 不在话下</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
158
158
  <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"/>
159
159
  </g>
160
160
  </svg>
161
- <span>15</span>
161
+ <span>22</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
- <span>XboxYan</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
165
+ <span>chokcoco</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：
169
+ 今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041947673" target="_blank" title="文字轮播与图片轮播？CSS 不在话下">文字轮播与图片轮播？CSS 不在话下</a>
178
+ <a href="https://segmentfault.com/a/1190000041940807" target="_blank" title="CSS 实现头像名称首字符自动占位">CSS 实现头像名称首字符自动占位</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
186
186
  <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"/>
187
187
  </g>
188
188
  </svg>
189
- <span>12</span>
189
+ <span>20</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
193
- <span>chokcoco</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
+ <span>XboxYan</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...
197
+ 在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041934586" target="_blank" title="全球顶级交易所前端二面">全球顶级交易所前端二面</a>
206
+ <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <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"/>
215
215
  </g>
216
216
  </svg>
217
- <span>7</span>
217
+ <span>9</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
221
- <span>Peter谭老师</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
221
+ <span>why技术</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...
225
+ 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
234
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -245,12 +245,12 @@
245
245
  <span>6</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
249
- <span>why技术</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
249
+ <span>六一</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
253
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041933782" target="_blank" title="Flutter与webview通信桥梁开发">Flutter与webview通信桥梁开发</a>
262
+ <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>3</span>
273
+ <span>8</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
277
- <span>JenK</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
277
+ <span>沉静地闪光</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 最近业务有需求需要在flutter内使用webview进行内嵌H5进行展示，此时需要涉及到H5与flutter之间额通信问题。比如发送消息或者H5调用Flutter的相机等等
281
+ 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041944842" target="_blank" title="一文搞懂四种 WebSocket 使用方式，建议收藏！！！">一文搞懂四种 WebSocket 使用方式，建议收藏！！！</a>
290
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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"/>
299
299
  </g>
300
300
  </svg>
301
- <span>9</span>
301
+ <span>3</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/heerduo" title="Programming Language">
305
- <span>和耳朵</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
305
+ <span>葡萄城技术团队</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 在上家公司做IM消息系统的时候，一直是使用 WebSocket 作为收发消息的基础组件，今天就和大家聊聊在 Java 中，使用 WebSocket 所常见的四种姿势，如果大家以后或者现在碰到有要使用 WebSoocket 的情况可以做个参考。
309
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
318
+ <a href="https://segmentfault.com/a/1190000041944842" target="_blank" title="一文搞懂四种 WebSocket 使用方式，建议收藏！！！">一文搞懂四种 WebSocket 使用方式，建议收藏！！！</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
326
  <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"/>
327
327
  </g>
328
328
  </svg>
329
- <span>3</span>
329
+ <span>11</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
333
- <span>六一</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/heerduo" title="Programming Language">
333
+ <span>和耳朵</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
337
+ 在上家公司做IM消息系统的时候，一直是使用 WebSocket 作为收发消息的基础组件，今天就和大家聊聊在 Java 中，使用 WebSocket 所常见的四种姿势，如果大家以后或者现在碰到有要使用 WebSoocket 的情况可以做个参考。
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041810859" target="_blank" title="原来项目打包也有这么技巧 - 浅谈 Tree Shaking 机制">原来项目打包也有这么技巧 - 浅谈 Tree Shaking 机制</a>
346
+ <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>2</span>
357
+ <span>7</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
361
- <span>前端小智</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
361
+ <span>杨成功</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
365
+ 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -382,7 +382,7 @@
382
382
  <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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>4</span>
385
+ <span>6</span>
386
386
  </span>
387
387
  &nbsp;
388
388
  <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041936220" target="_blank" title="一起学习React18 新特性">一起学习React18 新特性</a>
402
+ <a href="https://segmentfault.com/a/1190000041952886" target="_blank" title="解决跨海高并发崩溃难题？so easy">解决跨海高并发崩溃难题？so easy</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <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"/>
411
411
  </g>
412
412
  </svg>
413
- <span>2</span>
413
+ <span>4</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/denzel" title="Programming Language">
417
- <span>Denzel</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
417
+ <span>云叔_又拍云</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself.
421
+ 近年来随着互联网强势的发展浪潮，越来越多的企业选择跨境出海，扩展海外市场。而想要在一个陌生市场最快速地吸引到用户，一定不能缺少的就是丰富多样的各类活动。然而活动在带来大流量的同时，也带来了一些问题...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041938731" target="_blank" title="15分钟学会Go语言">15分钟学会Go语言</a>
430
+ <a href="https://segmentfault.com/a/1190000041961319" target="_blank" title="「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！">「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <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"/>
439
439
  </g>
440
440
  </svg>
441
- <span>2</span>
441
+ <span>1</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/yujiaao" title="Programming Language">
445
- <span>Yujiaao</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
445
+ <span>MissD</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 它从具有静态类型的命令式语言中汲取概念。它编译速度快，执行速度快，它增加了易于理解的并发性，因为现在多核 CPU 很常见，并且它成功地用于大型代码库（Google 有大约 1 亿行Go代码）。
449
+ 随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
458
+ <a href="https://segmentfault.com/a/1190000041935752" target="_blank" title="Spring是如何支持多数据源的">Spring是如何支持多数据源的</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
466
  <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"/>
467
467
  </g>
468
468
  </svg>
469
- <span>2</span>
469
+ <span>6</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
473
- <span>黄子毅</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/zhengxl5566" title="Programming Language">
473
+ <span>Java课代表</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
477
+ 上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
486
+ <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>4</span>
497
+ <span>3</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
501
- <span>沉静地闪光</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
501
+ <span>黄子毅</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
505
+ TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041938392" target="_blank" title="Go net/http 以及io/ioutil包的使用">Go net/http 以及io/ioutil包的使用</a>
514
+ <a href="https://segmentfault.com/a/1190000041942759" target="_blank" title="微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF">微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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"/>
523
523
  </g>
524
524
  </svg>
525
- <span>4</span>
525
+ <span>3</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
529
- <span>LiberHome</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
529
+ <span>得物技术</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- tips:这可能是最简易的web后端开发demo在goland中创建一个main.go然后按照http包的使用说明编写代码如下： {代码...} 接下来在terminal执行go run main.go然后在浏览器输入http://127.0.0.1:9090/hello即可看到当...
533
+ 每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041941513" target="_blank" title="Android对so体积优化的探索与实践">Android对so体积优化的探索与实践</a>
542
+ <a href="https://segmentfault.com/a/1190000041945597" target="_blank" title="【Java面试】请说一下Mysql索引的优点和缺点？">【Java面试】请说一下Mysql索引的优点和缺点？</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>2</span>
553
+ <span>3</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
557
- <span>美团技术团队</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
557
+ <span>跟着Mic学架构</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 减小应用安装包的体积，对提升用户体验和下载转化率都大有益处。本文将结合美团平台的实践经验，分享 so 体积优化的思路、收益，以及工程实践中的注意事项。
561
+ 今天分享的这道面试题，让一个工作4年的小伙子去大众点评拿了60W年薪。这道面试题是： ”请你说一下Mysql索引的优点和缺点“关于这道题，看看普通人和高手的回答
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041935959" target="_blank" title="MySQL-排序数据">MySQL-排序数据</a>
570
+ <a href="https://segmentfault.com/a/1190000041954455" target="_blank" title="BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）">BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
578
  <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"/>
579
579
  </g>
580
580
  </svg>
581
- <span>3</span>
581
+ <span>2</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
585
- <span>LiberHome</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
585
+ <span>葡萄城技术团队</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 按某一列排序经过SELECT筛选后的数据，会直接以底层表中出现的顺序显示（收到数据存入的顺序、数据增删更新等影响）SQL由子句构成，有些子句是必须的，有些事可选的。可以使用ORDER BY 子句对SELECT检索出的数据...
589
+ SaaS模式一经推出，凭借自身的高性价比、低维护成本，无需软硬件维护、无需运维等明晃晃的优点，得到了爆发式的增长，甚至全面改变了软件的开发模式。各位老总的问候语，不知从什么时候开始，都变成了：“你上云了...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041933671" target="_blank" title="用原生JavaScript写一个贪吃蛇">用原生JavaScript写一个贪吃蛇</a>
598
+ <a href="https://segmentfault.com/a/1190000041958877" target="_blank" title="react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案">react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <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"/>
607
607
  </g>
608
608
  </svg>
609
- <span>2</span>
609
+ <span>3</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/amin_624fd35aeb42d" title="Programming Language">
613
- <span>JanYork_小简</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
613
+ <span>胡哥有话说</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 看到掘金上有这样一种效果，感觉很好看，就是那种毛玻璃效果，于是想试试写一个登录页面并且实现遮罩，但是写成了开始游戏，可是光一个开始游戏也没意思，干脆写一个小游戏吧，直接试试贪吃蛇。
617
+ 一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041933855" target="_blank" title="杭漂5年前端感受-白驹过隙，人生如梦">杭漂5年前端感受-白驹过隙，人生如梦</a>
626
+ <a href="https://segmentfault.com/a/1190000041967735" target="_blank" title="前端视角看视频处理">前端视角看视频处理</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -637,12 +637,12 @@
637
637
  <span>3</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/chennihuannianqing" title="Programming Language">
641
- <span>趁你还年轻</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
641
+ <span>TNTWEB</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...
645
+ 视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041911583" target="_blank" title="面试官：说说执行 JavaScript 的 V8 引擎做了什么？">面试官：说说执行 JavaScript 的 V8 引擎做了什么？</a>
654
+ <a href="https://segmentfault.com/a/1190000041941513" target="_blank" title="Android对so体积优化的探索与实践">Android对so体积优化的探索与实践</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <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"/>
663
663
  </g>
664
664
  </svg>
665
- <span>4</span>
665
+ <span>2</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
669
- <span>前端小智</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
669
+ <span>美团技术团队</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
673
+ 减小应用安装包的体积，对提升用户体验和下载转化率都大有益处。本文将结合美团平台的实践经验，分享 so 体积优化的思路、收益，以及工程实践中的注意事项。
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041938786" target="_blank" title="MySQL-正则表达式详解">MySQL-正则表达式详解</a>
682
+ <a href="https://segmentfault.com/a/1190000041942007" target="_blank" title="React新文档：不要滥用effect哦">React新文档：不要滥用effect哦</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <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"/>
691
691
  </g>
692
692
  </svg>
693
- <span>3</span>
693
+ <span>1</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
697
- <span>LiberHome</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
697
+ <span>卡颂</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 和LIKE操作符用法相似，REGEXP告诉MySQL，后面跟的是正则表达式。基本字符匹配在正则表达式中 “.” 这个符号表示匹配任意一个字符，例如： {代码...} 这句话就可以匹配500和300等p_name或匹配搜索两个串之一，类似...
701
+ 大家好，我卡颂。你或你的同事在使用useEffect时有没有发生过以下场景：当你希望状态a变化后发起请求，于是你使用了useEffect： {代码...} 这段代码运行符合预期，上线后也没问题。随着需求不断迭代，其他地方也...
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041938895" target="_blank" title="基于Gin框架的web后端开发（一）:RestFul API开发">基于Gin框架的web后端开发（一）:RestFul API开发</a>
710
+ <a href="https://segmentfault.com/a/1190000041951432" target="_blank" title="基于Gin框架的web后端开发（四）: 获取FORM表单参数">基于Gin框架的web后端开发（四）: 获取FORM表单参数</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,7 +718,7 @@
718
718
  <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"/>
719
719
  </g>
720
720
  </svg>
721
- <span>3</span>
721
+ <span>5</span>
722
722
  </span>
723
723
  &nbsp;
724
724
  <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
@@ -726,7 +726,7 @@
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- mac一开始安装Gin的时候如果有timeout报错，可以借鉴这篇博客解决：安装好之后就可以开始下面的步骤了：和上一篇博客类似，这里利用Gin框架先实现一下最简易的后端服务： {代码...} 运行代码，结果如下：RestFul ...
729
+ 我们常用POST请求发送FORM表单数据，这种方式相对于GET方式更加安全。这里先放一个我写的简陋的水平居中的登录页面 {代码...} 登录页的效果是这样的：好了，接下来，把form表单发送给服务器的post请求也加上： {...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041942759" target="_blank" title="微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF">微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF</a>
738
+ <a href="https://segmentfault.com/a/1190000041959460" target="_blank" title="一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响">一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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"/>
747
747
  </g>
748
748
  </svg>
749
- <span>2</span>
749
+ <span>3</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
753
- <span>得物技术</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
753
+ <span>MissD</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...
757
+ 近日，一位 18 岁的新手因向 GitHub 仓库提交 PR(Pull Request，Pull 请求)，结果一个“@”让 GitHub 变身“僵尸网络”向近 40 万开发者狂发骚扰邮件的“reply-all 风暴”热度席卷了开源圈。
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041935752" target="_blank" title="Spring是如何支持多数据源的">Spring是如何支持多数据源的</a>
766
+ <a href="https://segmentfault.com/a/1190000041911583" target="_blank" title="面试官：说说执行 JavaScript 的 V8 引擎做了什么？">面试官：说说执行 JavaScript 的 V8 引擎做了什么？</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>4</span>
777
+ <span>5</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/zhengxl5566" title="Programming Language">
781
- <span>Java课代表</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
781
+ <span>前端小智</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！
785
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041940931" target="_blank" title="如何写出高性能代码之优化数据访问">如何写出高性能代码之优化数据访问</a>
794
+ <a href="https://segmentfault.com/a/1190000041954650" target="_blank" title="JS自动生成24小时时间区间，时间跨度为60或30分钟">JS自动生成24小时时间区间，时间跨度为60或30分钟</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -805,12 +805,12 @@
805
805
  <span>1</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
809
- <span>xindoo</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
809
+ <span>十方</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...
813
+ 1、时间跨度为60分钟（1）时间区间为字符串有时候可能需要用到24小时的时间区间，跨度为60分钟，比如下面这样的： {代码...} 如果手动去写，则有点麻烦，这个时候可以使用一个简单的 JS 函数去自动生成，示例代码...
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041943235" target="_blank" title="MySQL-创建计算字段">MySQL-创建计算字段</a>
822
+ <a href="https://segmentfault.com/a/1190000041950968" target="_blank" title="二极管实现或门以及与门的理解">二极管实现或门以及与门的理解</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <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"/>
831
831
  </g>
832
832
  </svg>
833
- <span>3</span>
833
+ <span>2</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
837
- <span>LiberHome</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
837
+ <span>kumfo</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 定义：根据需要，使用排列组合将已有的字段组合成新的字段拼接字段比如，要将学校和位置是两个字段，但现在需要合并成学校（地址）的格式，就可以用Concat()函数实现： {代码...} 另外，为了除去字段多余的空格，...
841
+ 二极管实现与门还是或门的前提都是利用二极管的钳位作用，二极管的钳位作用说白了就是，在并联电路中，并联电路上的电压会强制被降压到二极管的电压，以常见的硅二极管来说，二极管接入电路中分担电压大概为0.7V...
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041941035" target="_blank" title="基于Gin框架的web后端开发（三）: 获取queryString参数">基于Gin框架的web后端开发（三）: 获取queryString参数</a>
850
+ <a href="https://segmentfault.com/a/1190000041953639" target="_blank" title="得物技术埋点自动化验证的探索和最佳实践">得物技术埋点自动化验证的探索和最佳实践</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <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"/>
859
859
  </g>
860
860
  </svg>
861
- <span>3</span>
861
+ <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
865
- <span>LiberHome</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
865
+ <span>得物技术</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- tips:获取queryString我们经常使用GET请求go mod tidy 可以分析代码中依赖的第三方包，然后在go.mod中将这些以来记录下来。例如：想要获取query字段中的杨超越：http://127.0.0.1:9090/web?query=杨超越方式一：Q...
869
+ 埋点对电商类app的业务发展一直有着重要的指导作用，但是其复杂的数据组成使得它的稳定性难以得到保障，往往业务逻辑的一些重构就会导致一些埋点属性甚至是整个埋点的丢失。
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041944864" target="_blank" title="MySQL-日期和数据处理函数">MySQL-日期和数据处理函数</a>
878
+ <a href="https://segmentfault.com/a/1190000041946934" target="_blank" title="JSONP 跨域原理及实现">JSONP 跨域原理及实现</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -889,12 +889,12 @@
889
889
  <span>3</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
893
- <span>LiberHome</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
893
+ <span>佩奇烹饪家</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 在用WHERE子句比较的时候如果需要用到的是日期，请使用Date()。这样可以避免在同一天，但是时分秒不是00:00:00导致的错误，例如: {代码...}
897
+ 如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041937479" target="_blank" title="MySQL-WHERE子句 以及 逻辑操作符">MySQL-WHERE子句 以及 逻辑操作符</a>
906
+ <a href="https://segmentfault.com/a/1190000041944132" target="_blank" title="css 如何把元素固定在容器底部？（四种方式）">css 如何把元素固定在容器底部？（四种方式）</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -917,12 +917,12 @@
917
917
  <span>3</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
921
- <span>LiberHome</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
921
+ <span>linong</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- WHERE子句我们一般使用where子句进行数据过滤，比如： {代码...} 使用ORDER BY应该放在WHERE之后 否则会报错。WHERE子句的操作符除了有大于小于等于之外还有不等于(不等于有两种写法：&lt;&gt;和!=)以及闭区间内B...
925
+ 前几天被人问，「如何把元素固定在容器底部」。（本来想直接把 demo 地址给他，结果没找到，那么今天我们来补一下）Demo 地址想法&amp;思路如果是页面底部，我们可以直接 position: fixed;bottom: 0; 基于浏览器定位...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041937637" target="_blank" title="MySQL-通配符(wildcard)">MySQL-通配符(wildcard)</a>
934
+ <a href="https://segmentfault.com/a/1190000041940931" target="_blank" title="如何写出高性能代码之优化数据访问">如何写出高性能代码之优化数据访问</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>2</span>
945
+ <span>1</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
949
- <span>LiberHome</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
949
+ <span>xindoo</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 在MySQL中使用LIKE操作符就是告诉MySQL，后面的搜索模式利用通配符进行匹配。百分号通配符百分号代表任意字符出现任意次数，例如下面这句sql可以找到producets中所有以apple开头的p_name商品: {代码...} 注意尾空...
953
+ 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041946934" target="_blank" title="JSONP 跨域原理及实现">JSONP 跨域原理及实现</a>
962
+ <a href="https://segmentfault.com/a/1190000041947212" target="_blank" title="用 Go 快速开发一个 RESTful API 服务">用 Go 快速开发一个 RESTful API 服务</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>3</span>
973
+ <span>2</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
977
- <span>佩奇烹饪家</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
977
+ <span>kevinwan</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：
981
+ 对于很多初创公司来说，业务的早期我们更应该关注于业务价值的交付，而单体服务具有架构简单，部署简单，开发成本低等优点，可以帮助我们快速实现产品需求。我们在使用单体服务快速交付业务价值的同时，也需要为...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/6/9 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/12 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>