@wcj/github-rank 22.7.3 → 22.7.6

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 +35825 -35837
  2. package/dist/sifou-daily.json +96 -6
  3. package/dist/sifou-monthly.json +109 -109
  4. package/dist/sifou-weekly.json +153 -144
  5. package/dist/toutiao-30.json +84 -84
  6. package/dist/toutiao-7.json +131 -131
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +2558 -2558
  12. package/dist/users.json +3646 -3646
  13. package/package.json +1 -1
  14. package/web/36kr.html +7 -7
  15. package/web/data/repos.json +35825 -35837
  16. package/web/data/sifou-daily.json +96 -6
  17. package/web/data/sifou-monthly.json +109 -109
  18. package/web/data/sifou-weekly.json +153 -144
  19. package/web/data/toutiao-30.json +84 -84
  20. package/web/data/toutiao-7.json +131 -131
  21. package/web/data/toutiao-90.json +60 -60
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +155 -155
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +2558 -2558
  26. package/web/data/users.json +3646 -3646
  27. package/web/index.html +2238 -2234
  28. package/web/repos.html +4329 -4319
  29. package/web/sifou-daily.html +295 -14
  30. package/web/sifou-monthly.html +137 -136
  31. package/web/sifou-weekly.html +161 -132
  32. package/web/toutiao-30.html +107 -104
  33. package/web/toutiao-7.html +100 -97
  34. package/web/toutiao-90.html +94 -91
  35. package/web/trending-monthly.html +156 -151
  36. package/web/trending-weekly.html +172 -159
  37. package/web/trending.html +171 -166
  38. package/web/users.china.html +1855 -1851
package/web/sifou-weekly.html CHANGED
@@ -75,14 +75,6 @@
75
75
  .list li > div.info a:hover i { color: #333; }
76
76
  .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
77
77
  .list li div.avatar { padding-right: 10px; }
78
-
79
-
80
- .list .select { }
81
- .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
82
-
83
-
84
-
85
-
86
78
  @keyframes octocat-wave {
87
79
  0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
88
80
  20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
@@ -92,6 +84,15 @@
92
84
  .title { padding-top: 16px; font-size: 21px; }
93
85
  }
94
86
  </style>
87
+
88
+
89
+ <style>
90
+ .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
91
+ </style>
92
+
93
+
94
+
95
+
95
96
  <script src="https://unpkg.com/@wcj/dark-mode"></script>
96
97
  </head>
97
98
  <body>
@@ -116,7 +117,7 @@
116
117
 
117
118
 
118
119
  </h1>
119
- <div class="time">Last cache created on 2022/7/3 by
120
+ <div class="time">Last cache created on 2022/7/6 by
120
121
 
121
122
 
122
123
 
@@ -147,7 +148,7 @@
147
148
  <div class="info">
148
149
  <div class="rank">
149
150
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
151
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
151
152
  </div>
152
153
  <div class="sub-title followers">
153
154
 
@@ -158,15 +159,15 @@
158
159
  <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
160
  </g>
160
161
  </svg>
161
- <span>14</span>
162
+ <span>12</span>
162
163
  </span>
163
164
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
- <span>XboxYan</span>
165
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
166
+ <span>边城</span>
166
167
  </a>
167
168
  </div>
168
169
  <div class="details">
169
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
170
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
170
171
  </div>
171
172
  </div>
172
173
  </li>
@@ -175,7 +176,7 @@
175
176
  <div class="info">
176
177
  <div class="rank">
177
178
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
179
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
179
180
  </div>
180
181
  <div class="sub-title followers">
181
182
 
@@ -186,15 +187,15 @@
186
187
  <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
188
  </g>
188
189
  </svg>
189
- <span>6</span>
190
+ <span>14</span>
190
191
  </span>
191
192
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
193
- <span>Beverly</span>
193
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
194
+ <span>XboxYan</span>
194
195
  </a>
195
196
  </div>
196
197
  <div class="details">
197
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
198
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
198
199
  </div>
199
200
  </div>
200
201
  </li>
@@ -203,7 +204,7 @@
203
204
  <div class="info">
204
205
  <div class="rank">
205
206
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
207
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
207
208
  </div>
208
209
  <div class="sub-title followers">
209
210
 
@@ -214,15 +215,15 @@
214
215
  <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
216
  </g>
216
217
  </svg>
217
- <span>6</span>
218
+ <span>10</span>
218
219
  </span>
219
220
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
221
- <span>边城</span>
221
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
222
+ <span>null仔</span>
222
223
  </a>
223
224
  </div>
224
225
  <div class="details">
225
- 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
226
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
226
227
  </div>
227
228
  </div>
228
229
  </li>
@@ -231,7 +232,7 @@
231
232
  <div class="info">
232
233
  <div class="rank">
233
234
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
235
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
235
236
  </div>
236
237
  <div class="sub-title followers">
237
238
 
@@ -242,15 +243,15 @@
242
243
  <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"/>
243
244
  </g>
244
245
  </svg>
245
- <span>6</span>
246
+ <span>7</span>
246
247
  </span>
247
248
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
249
- <span>边城</span>
249
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
250
+ <span>Beverly</span>
250
251
  </a>
251
252
  </div>
252
253
  <div class="details">
253
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
254
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
254
255
  </div>
255
256
  </div>
256
257
  </li>
@@ -259,7 +260,7 @@
259
260
  <div class="info">
260
261
  <div class="rank">
261
262
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</a>
263
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
263
264
  </div>
264
265
  <div class="sub-title followers">
265
266
 
@@ -270,15 +271,15 @@
270
271
  <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
272
  </g>
272
273
  </svg>
273
- <span>10</span>
274
+ <span>7</span>
274
275
  </span>
275
276
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
277
- <span>lulu_up</span>
277
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
278
+ <span>云叔_又拍云</span>
278
279
  </a>
279
280
  </div>
280
281
  <div class="details">
281
- 这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。
282
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
282
283
  </div>
283
284
  </div>
284
285
  </li>
@@ -287,7 +288,7 @@
287
288
  <div class="info">
288
289
  <div class="rank">
289
290
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
291
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
291
292
  </div>
292
293
  <div class="sub-title followers">
293
294
 
@@ -298,15 +299,15 @@
298
299
  <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
300
  </g>
300
301
  </svg>
301
- <span>4</span>
302
+ <span>11</span>
302
303
  </span>
303
304
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
305
- <span>crossoverJie</span>
305
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
306
+ <span>chokcoco</span>
306
307
  </a>
307
308
  </div>
308
309
  <div class="details">
309
- 以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。
310
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
310
311
  </div>
311
312
  </div>
312
313
  </li>
@@ -315,7 +316,7 @@
315
316
  <div class="info">
316
317
  <div class="rank">
317
318
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000042038001" target="_blank" title="React团队最近都在忙啥呢？">React团队最近都在忙啥呢？</a>
319
+ <a href="https://segmentfault.com/a/1190000042055196" target="_blank" title="Skypack：我老早就在布局前端基建了">Skypack：我老早就在布局前端基建了</a>
319
320
  </div>
320
321
  <div class="sub-title followers">
321
322
 
@@ -326,7 +327,7 @@
326
327
  <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
328
  </g>
328
329
  </svg>
329
- <span>4</span>
330
+ <span>6</span>
330
331
  </span>
331
332
  &nbsp;
332
333
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -334,7 +335,7 @@
334
335
  </a>
335
336
  </div>
336
337
  <div class="details">
337
- 大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...
338
+ 其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。
338
339
  </div>
339
340
  </div>
340
341
  </li>
@@ -343,7 +344,7 @@
343
344
  <div class="info">
344
345
  <div class="rank">
345
346
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000042035124" target="_blank" title="社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）">社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）</a>
347
+ <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
347
348
  </div>
348
349
  <div class="sub-title followers">
349
350
 
@@ -354,15 +355,15 @@
354
355
  <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
356
  </g>
356
357
  </svg>
357
- <span>6</span>
358
+ <span>4</span>
358
359
  </span>
359
360
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
361
- <span>CoderW</span>
361
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
362
+ <span>云叔_又拍云</span>
362
363
  </a>
363
364
  </div>
364
365
  <div class="details">
365
- 个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...
366
+ Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...
366
367
  </div>
367
368
  </div>
368
369
  </li>
@@ -371,7 +372,7 @@
371
372
  <div class="info">
372
373
  <div class="rank">
373
374
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
375
+ <a href="https://segmentfault.com/a/1190000042048733" target="_blank" title="超 Nice 的表格响应式布局小技巧">超 Nice 的表格响应式布局小技巧</a>
375
376
  </div>
376
377
  <div class="sub-title followers">
377
378
 
@@ -382,15 +383,15 @@
382
383
  <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
384
  </g>
384
385
  </svg>
385
- <span>4</span>
386
+ <span>7</span>
386
387
  </span>
387
388
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
389
- <span>云叔_又拍云</span>
389
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
390
+ <span>chokcoco</span>
390
391
  </a>
391
392
  </div>
392
393
  <div class="details">
393
- 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
394
+ 今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...
394
395
  </div>
395
396
  </div>
396
397
  </li>
@@ -399,7 +400,7 @@
399
400
  <div class="info">
400
401
  <div class="rank">
401
402
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000042044168" target="_blank" title="Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范">Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范</a>
403
+ <a href="https://segmentfault.com/a/1190000042057238" target="_blank" title="世界上最快的排序算法-Timsort">世界上最快的排序算法-Timsort</a>
403
404
  </div>
404
405
  <div class="sub-title followers">
405
406
 
@@ -410,15 +411,15 @@
410
411
  <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
412
  </g>
412
413
  </svg>
413
- <span>8</span>
414
+ <span>2</span>
414
415
  </span>
415
416
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/zhouqichao" title="Programming Language">
417
- <span>玛尔斯通</span>
417
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
418
+ <span>编程码农</span>
418
419
  </a>
419
420
  </div>
420
421
  <div class="details">
421
- 每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...
422
+ Timsort 是一个混合、稳定的排序算法，简单来说就是归并排序和二分插入排序算法的混合体，号称世界上最好的排序算法。Timsort一直是 Python 的标准排序算法。Java SE 7 后添加了Timsort API ，我们从Arrays.sort...
422
423
  </div>
423
424
  </div>
424
425
  </li>
@@ -427,7 +428,7 @@
427
428
  <div class="info">
428
429
  <div class="rank">
429
430
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000042048733" target="_blank" title="超 Nice 的表格响应式布局小技巧">超 Nice 的表格响应式布局小技巧</a>
431
+ <a href="https://segmentfault.com/a/1190000042065274" target="_blank" title="反爬篇 | 手把手教你处理 JS 逆向之图片伪装">反爬篇 | 手把手教你处理 JS 逆向之图片伪装</a>
431
432
  </div>
432
433
  <div class="sub-title followers">
433
434
 
@@ -438,15 +439,15 @@
438
439
  <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
440
  </g>
440
441
  </svg>
441
- <span>7</span>
442
+ <span>2</span>
442
443
  </span>
443
444
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
445
- <span>chokcoco</span>
445
+ <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
446
+ <span>Python技术大本营</span>
446
447
  </a>
447
448
  </div>
448
449
  <div class="details">
449
- 今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...
450
+ aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi
450
451
  </div>
451
452
  </div>
452
453
  </li>
@@ -455,7 +456,7 @@
455
456
  <div class="info">
456
457
  <div class="rank">
457
458
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041995394" target="_blank" title="20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛">20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛</a>
459
+ <a href="https://segmentfault.com/a/1190000041999027" target="_blank" title="测试一下Pinia，Vuex 要出局了？">测试一下Pinia，Vuex 要出局了？</a>
459
460
  </div>
460
461
  <div class="sub-title followers">
461
462
 
@@ -466,7 +467,7 @@
466
467
  <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
468
  </g>
468
469
  </svg>
469
- <span>4</span>
470
+ <span>3</span>
470
471
  </span>
471
472
  &nbsp;
472
473
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -474,7 +475,7 @@
474
475
  </a>
475
476
  </div>
476
477
  <div class="details">
477
- 微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...
478
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
478
479
  </div>
479
480
  </div>
480
481
  </li>
@@ -483,7 +484,7 @@
483
484
  <div class="info">
484
485
  <div class="rank">
485
486
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000042041251" target="_blank" title="angular ChangeDetectorRef">angular ChangeDetectorRef</a>
487
+ <a href="https://segmentfault.com/a/1190000042058053" target="_blank" title="6年技术迭代 阿里全球化出海&amp;合规的挑战和探索">6年技术迭代 阿里全球化出海&amp;合规的挑战和探索</a>
487
488
  </div>
488
489
  <div class="sub-title followers">
489
490
 
@@ -494,15 +495,15 @@
494
495
  <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
496
  </g>
496
497
  </svg>
497
- <span>4</span>
498
+ <span>2</span>
498
499
  </span>
499
500
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
501
- <span>weiewiyi</span>
501
+ <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
502
+ <span>溜达兔</span>
502
503
  </a>
503
504
  </div>
504
505
  <div class="details">
505
- 随着子组件的增多和嵌套，遇到数据改变，但是组件页面没有渲染的问题开始变多。例如:此页面为子组件，打开该页面后，原本应该显示已存在的附件，但是现在却显示空。正确显示：问题显示：没有渲染此问题的出现往往...
506
+ 全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。
506
507
  </div>
507
508
  </div>
508
509
  </li>
@@ -511,7 +512,7 @@
511
512
  <div class="info">
512
513
  <div class="rank">
513
514
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000042037321" target="_blank" title="git配置以及替换gerrit默认commit-msg hook">git配置以及替换gerrit默认commit-msg hook</a>
515
+ <a href="https://segmentfault.com/a/1190000042053708" target="_blank" title="Ajax 怎么取消？要不要取消？">Ajax 怎么取消？要不要取消？</a>
515
516
  </div>
516
517
  <div class="sub-title followers">
517
518
 
@@ -525,12 +526,12 @@
525
526
  <span>2</span>
526
527
  </span>
527
528
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
529
- <span>记得要微笑</span>
529
+ <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
530
+ <span>ssshooter</span>
530
531
  </a>
531
532
  </div>
532
533
  <div class="details">
533
- user.name 配置规则: name#工号 示例 git config --global user.name &#34;张三#A00003&#34;
534
+ 假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：
534
535
  </div>
535
536
  </div>
536
537
  </li>
@@ -539,7 +540,7 @@
539
540
  <div class="info">
540
541
  <div class="rank">
541
542
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000042041290" target="_blank" title="企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布">企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布</a>
543
+ <a href="https://segmentfault.com/a/1190000042048420" target="_blank" title="ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？">ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？</a>
543
544
  </div>
544
545
  <div class="sub-title followers">
545
546
 
@@ -553,12 +554,12 @@
553
554
  <span>2</span>
554
555
  </span>
555
556
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/jeecg" title="Programming Language">
557
- <span>scott</span>
557
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
558
+ <span>万事ONES</span>
558
559
  </a>
559
560
  </div>
560
561
  <div class="details">
561
- Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！
562
+ 6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。
562
563
  </div>
563
564
  </div>
564
565
  </li>
@@ -567,7 +568,7 @@
567
568
  <div class="info">
568
569
  <div class="rank">
569
570
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000042053708" target="_blank" title="Ajax 怎么取消？要不要取消？">Ajax 怎么取消？要不要取消？</a>
571
+ <a href="https://segmentfault.com/a/1190000042050754" target="_blank" title="MySQL 锁常见知识点&amp;面试题总结">MySQL 锁常见知识点&amp;面试题总结</a>
571
572
  </div>
572
573
  <div class="sub-title followers">
573
574
 
@@ -581,12 +582,12 @@
581
582
  <span>2</span>
582
583
  </span>
583
584
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
585
- <span>ssshooter</span>
585
+ <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
586
+ <span>JavaGuide</span>
586
587
  </a>
587
588
  </div>
588
589
  <div class="details">
589
- 假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：
590
+ InnoDB 不光支持表级锁(table-level locking)，还支持行级锁(row-level locking)，默认为行级锁。行级锁的粒度更小，仅对相关的记录上锁即可（对一行或者多行记录加锁），所以对于并发写入操作来说， InnoDB 的性...
590
591
  </div>
591
592
  </div>
592
593
  </li>
@@ -595,7 +596,7 @@
595
596
  <div class="info">
596
597
  <div class="rank">
597
598
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000042048420" target="_blank" title="ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？">ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？</a>
599
+ <a href="https://segmentfault.com/a/1190000042055924" target="_blank" title="通过示例了解Vue过渡和动画">通过示例了解Vue过渡和动画</a>
599
600
  </div>
600
601
  <div class="sub-title followers">
601
602
 
@@ -609,12 +610,12 @@
609
610
  <span>2</span>
610
611
  </span>
611
612
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
613
- <span>万事ONES</span>
613
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
614
+ <span>前端小智</span>
614
615
  </a>
615
616
  </div>
616
617
  <div class="details">
617
- 6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。
618
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
618
619
  </div>
619
620
  </div>
620
621
  </li>
@@ -623,7 +624,7 @@
623
624
  <div class="info">
624
625
  <div class="rank">
625
626
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000042037477" target="_blank" title="我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！">我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！</a>
627
+ <a href="https://segmentfault.com/a/1190000042061765" target="_blank" title="苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊">苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊</a>
627
628
  </div>
628
629
  <div class="sub-title followers">
629
630
 
@@ -634,15 +635,15 @@
634
635
  <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"/>
635
636
  </g>
636
637
  </svg>
637
- <span>3</span>
638
+ <span>2</span>
638
639
  </span>
639
640
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
641
- <span>小傅哥</span>
641
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
642
+ <span>snakesss</span>
642
643
  </a>
643
644
  </div>
644
645
  <div class="details">
645
- 作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、前言：一个Bug没想到一个Bug，竟然搞我两次！我大抵是卷上瘾了，横竖都睡不着，坐起来身来打开Mac和外接显示器，这Bug没有由来，默然...
646
+ 40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...
646
647
  </div>
647
648
  </div>
648
649
  </li>
@@ -651,7 +652,7 @@
651
652
  <div class="info">
652
653
  <div class="rank">
653
654
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000042041143" target="_blank" title="MongoDB 关系实现">MongoDB 关系实现</a>
655
+ <a href="https://segmentfault.com/a/1190000042054691" target="_blank" title="Vue3响应式源码分析 - ref + ReactiveEffect篇">Vue3响应式源码分析 - ref + ReactiveEffect篇</a>
655
656
  </div>
656
657
  <div class="sub-title followers">
657
658
 
@@ -662,15 +663,15 @@
662
663
  <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
664
  </g>
664
665
  </svg>
665
- <span>3</span>
666
+ <span>2</span>
666
667
  </span>
667
668
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
669
- <span>小强Zzz</span>
669
+ <a target="_blank" href="https://segmentfault.com/u/xiaomianyang_5a5c183e17d47" title="Programming Language">
670
+ <span>小绵羊</span>
670
671
  </a>
671
672
  </div>
672
673
  <div class="details">
673
- MongoDB不同于我们常用的mysql，作为一款非关系型数据库，数据存储已类似于json格式存储在文档里，不存在外建，无法实现mysql的表格之间关联。那么，对于一对一，一对多，多对一，多对多关系如何实现呢？
674
+ 在Vue3中，因为reactive创建的响应式对象是通过Proxy来实现的，所以传入数据不能为基础类型，所以 ref 对象是对reactive不支持的数据的一个补充。
674
675
  </div>
675
676
  </div>
676
677
  </li>
@@ -707,7 +708,7 @@
707
708
  <div class="info">
708
709
  <div class="rank">
709
710
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000042044415" target="_blank" title="前端 Git-Hooks 工程化实践">前端 Git-Hooks 工程化实践</a>
711
+ <a href="https://segmentfault.com/a/1190000042059163" target="_blank" title="Java 集合常见知识点&amp;面试题总结(上)，2022 最新版！">Java 集合常见知识点&amp;面试题总结(上)，2022 最新版！</a>
711
712
  </div>
712
713
  <div class="sub-title followers">
713
714
 
@@ -718,15 +719,15 @@
718
719
  <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
720
  </g>
720
721
  </svg>
721
- <span>1</span>
722
+ <span>2</span>
722
723
  </span>
723
724
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan" title="Programming Language">
725
- <span>袋鼠云数栈UED</span>
725
+ <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
726
+ <span>JavaGuide</span>
726
727
  </a>
727
728
  </div>
728
729
  <div class="details">
729
- 前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint-staged、commitizen、commit-lint ...
730
+ 你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。
730
731
  </div>
731
732
  </div>
732
733
  </li>
@@ -735,7 +736,7 @@
735
736
  <div class="info">
736
737
  <div class="rank">
737
738
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041999027" target="_blank" title="测试一下Pinia，Vuex 要出局了？">测试一下Pinia，Vuex 要出局了？</a>
739
+ <a href="https://segmentfault.com/a/1190000042057334" target="_blank" title="Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？">Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？</a>
739
740
  </div>
740
741
  <div class="sub-title followers">
741
742
 
@@ -746,15 +747,15 @@
746
747
  <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
748
  </g>
748
749
  </svg>
749
- <span>2</span>
750
+ <span>1</span>
750
751
  </span>
751
752
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
- <span>前端小智</span>
753
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
754
+ <span>煎鱼</span>
754
755
  </a>
755
756
  </div>
756
757
  <div class="details">
757
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
758
+ Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。
758
759
  </div>
759
760
  </div>
760
761
  </li>
@@ -763,7 +764,7 @@
763
764
  <div class="info">
764
765
  <div class="rank">
765
766
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000042037674" target="_blank" title="精读《Permutation, Flatten, Absolute...》">精读《Permutation, Flatten, Absolute...》</a>
767
+ <a href="https://segmentfault.com/a/1190000042053905" target="_blank" title="React Native 中实现动态导入">React Native 中实现动态导入</a>
767
768
  </div>
768
769
  <div class="sub-title followers">
769
770
 
@@ -774,15 +775,15 @@
774
775
  <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
776
  </g>
776
777
  </svg>
777
- <span>1</span>
778
+ <span>2</span>
778
779
  </span>
779
780
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
781
- <span>黄子毅</span>
781
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
782
+ <span>云音乐技术团队</span>
782
783
  </a>
783
784
  </div>
784
785
  <div class="details">
785
- 所以这题如果能 “递归触发联合类型分配率”，就有戏解决啊。但触发的条件必须存在两个泛型，而题目传入的只有一个，我们只好创造第二个泛型，使其默认值等于第一个：
786
+ 随着业务的发展，每一个 React Native 应用的代码数量都在不断增加，bundle 体积不断膨胀，对应用性能的负面影响愈发明显。虽然我们可以通过 React Native 官方工具 Metro 进行拆包处理，拆分为一个基础包和一个...
786
787
  </div>
787
788
  </div>
788
789
  </li>
@@ -802,7 +803,7 @@
802
803
  <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"/>
803
804
  </g>
804
805
  </svg>
805
- <span>1</span>
806
+ <span>2</span>
806
807
  </span>
807
808
  &nbsp;
808
809
  <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
@@ -819,7 +820,7 @@
819
820
  <div class="info">
820
821
  <div class="rank">
821
822
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000042032435" target="_blank" title="JavaScript框架的四个时代">JavaScript框架的四个时代</a>
823
+ <a href="https://segmentfault.com/a/1190000042063056" target="_blank" title="全网都在疯传的《老板管理手册》（转）">全网都在疯传的《老板管理手册》（转）</a>
823
824
  </div>
824
825
  <div class="sub-title followers">
825
826
 
@@ -830,15 +831,15 @@
830
831
  <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
832
  </g>
832
833
  </svg>
833
- <span>2</span>
834
+ <span>1</span>
834
835
  </span>
835
836
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
837
- <span>前端小智</span>
837
+ <a target="_blank" href="https://segmentfault.com/u/young_6082714523e64" title="Programming Language">
838
+ <span>Young</span>
838
839
  </a>
839
840
  </div>
840
841
  <div class="details">
841
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
842
+ 《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...
842
843
  </div>
843
844
  </div>
844
845
  </li>
@@ -847,7 +848,7 @@
847
848
  <div class="info">
848
849
  <div class="rank">
849
850
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000042037821" target="_blank" title="在异步方法中获取登陆用户时出现的问题">在异步方法中获取登陆用户时出现的问题</a>
851
+ <a href="https://segmentfault.com/a/1190000042059154" target="_blank" title="又一款值得推荐的高颜值的服务器探针——WGCLOUD">又一款值得推荐的高颜值的服务器探针——WGCLOUD</a>
851
852
  </div>
852
853
  <div class="sub-title followers">
853
854
 
@@ -858,15 +859,15 @@
858
859
  <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
860
  </g>
860
861
  </svg>
861
- <span>3</span>
862
+ <span>1</span>
862
863
  </span>
863
864
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
865
- <span>李明</span>
865
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
866
+ <span>徐三刀</span>
866
867
  </a>
867
868
  </div>
868
869
  <div class="details">
869
- 在重写分配任务算法时需要获取当前登陆用户区域及其子区域，重写之后进行测试的时候发现任务直接停留在了分配中，查看后台日志时发现了报错根据报错查看抛出错误的地方可以发现是在调用getAuthUserDetailWithoutT...
870
+ 支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...
870
871
  </div>
871
872
  </div>
872
873
  </li>
@@ -875,7 +876,7 @@
875
876
  <div class="info">
876
877
  <div class="rank">
877
878
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000042050754" target="_blank" title="MySQL 锁常见知识点&amp;面试题总结">MySQL 锁常见知识点&amp;面试题总结</a>
879
+ <a href="https://segmentfault.com/a/1190000042060686" target="_blank" title="编程语言：类型系统的本质">编程语言：类型系统的本质</a>
879
880
  </div>
880
881
  <div class="sub-title followers">
881
882
 
@@ -886,15 +887,15 @@
886
887
  <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"/>
887
888
  </g>
888
889
  </svg>
889
- <span>1</span>
890
+ <span>2</span>
890
891
  </span>
891
892
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
893
- <span>JavaGuide</span>
893
+ <a target="_blank" href="https://segmentfault.com/u/donghaichenguangjian" title="Programming Language">
894
+ <span>陈光剑</span>
894
895
  </a>
895
896
  </div>
896
897
  <div class="details">
897
- InnoDB 不光支持表级锁(table-level locking)，还支持行级锁(row-level locking)，默认为行级锁。行级锁的粒度更小，仅对相关的记录上锁即可（对一行或者多行记录加锁），所以对于并发写入操作来说， InnoDB 的性...
898
+ 我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...
898
899
  </div>
899
900
  </div>
900
901
  </li>
@@ -903,7 +904,7 @@
903
904
  <div class="info">
904
905
  <div class="rank">
905
906
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000042041754" target="_blank" title="面试官：哥们Go语言的互斥锁了解到什么程度？">面试官：哥们Go语言的互斥锁了解到什么程度？</a>
907
+ <a href="https://segmentfault.com/a/1190000042051905" target="_blank" title="如何使用插件化机制优雅的封装你的请求hook">如何使用插件化机制优雅的封装你的请求hook</a>
907
908
  </div>
908
909
  <div class="sub-title followers">
909
910
 
@@ -917,12 +918,12 @@
917
918
  <span>1</span>
918
919
  </span>
919
920
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86" title="Programming Language">
921
- <span>asong</span>
921
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
922
+ <span>Gopal</span>
922
923
  </a>
923
924
  </div>
924
925
  <div class="details">
925
- 哈喽，大家好，我是asong。当提到并发编程、多线程编程时，都会在第一时间想到锁，锁是并发编程中的同步原语，他可以保证多线程在访问同一片内存时不会出现竞争来保证并发安全；在Go语言中更推崇由channel通过通...
926
+ 本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...
926
927
  </div>
927
928
  </div>
928
929
  </li>
@@ -955,6 +956,34 @@
955
956
  </div>
956
957
  </li>
957
958
 
959
+ <li>
960
+ <div class="info">
961
+ <div class="rank">
962
+ <span title="Ranking 30">30</span>
963
+ <a href="https://segmentfault.com/a/1190000042053265" target="_blank" title="开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破">开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破</a>
964
+ </div>
965
+ <div class="sub-title followers">
966
+
967
+ <span title="Stargazers Count">
968
+ <svg width="12" height="12" viewBox="0 0 16 16">
969
+ <g fill="none" fill-rule="evenodd">
970
+ <path d="M0 0h16v16H0z"/>
971
+ <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"/>
972
+ </g>
973
+ </svg>
974
+ <span>1</span>
975
+ </span>
976
+ &nbsp;
977
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
978
+ <span>MissD</span>
979
+ </a>
980
+ </div>
981
+ <div class="details">
982
+ 采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...
983
+ </div>
984
+ </div>
985
+ </li>
986
+
958
987
  </ul>
959
988
  <div class="footer">
960
989
  <div>
@@ -971,7 +1000,7 @@
971
1000
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
972
1001
  </a>
973
1002
  </div>
974
- <div class="time">Last cache created on 2022/7/3 by Github API v3.</div>
1003
+ <div class="time">Last cache created on 2022/7/6 by Github API v3.</div>
975
1004
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
976
1005
  </div>
977
1006
  </body>