@wcj/github-rank 22.7.4 → 22.7.7

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 (41) hide show
  1. package/README.md +2 -3
  2. package/dist/36kr.json +5006 -1552
  3. package/dist/repos.json +35685 -35685
  4. package/dist/sifou-daily.json +6 -87
  5. package/dist/sifou-monthly.json +91 -91
  6. package/dist/sifou-weekly.json +155 -155
  7. package/dist/toutiao-30.json +77 -77
  8. package/dist/toutiao-7.json +128 -128
  9. package/dist/toutiao-90.json +65 -65
  10. package/dist/trending-daily.json +168 -168
  11. package/dist/trending-monthly.json +161 -161
  12. package/dist/trending-weekly.json +167 -167
  13. package/dist/users.china.json +2715 -2715
  14. package/dist/users.json +3833 -3834
  15. package/package.json +19 -18
  16. package/web/data/36kr.json +5006 -1552
  17. package/web/data/repos.json +35685 -35685
  18. package/web/data/sifou-daily.json +6 -87
  19. package/web/data/sifou-monthly.json +91 -91
  20. package/web/data/sifou-weekly.json +155 -155
  21. package/web/data/toutiao-30.json +77 -77
  22. package/web/data/toutiao-7.json +128 -128
  23. package/web/data/toutiao-90.json +65 -65
  24. package/web/data/trending-daily.json +168 -168
  25. package/web/data/trending-monthly.json +161 -161
  26. package/web/data/trending-weekly.json +167 -167
  27. package/web/data/users.china.json +2715 -2715
  28. package/web/data/users.json +3833 -3834
  29. package/web/index.html +2253 -2252
  30. package/web/repos.html +4337 -4334
  31. package/web/sifou-daily.html +15 -269
  32. package/web/sifou-monthly.html +119 -121
  33. package/web/sifou-weekly.html +144 -146
  34. package/web/toutiao-30.html +111 -111
  35. package/web/toutiao-7.html +101 -101
  36. package/web/toutiao-90.html +95 -95
  37. package/web/trending-monthly.html +160 -162
  38. package/web/trending-weekly.html +168 -162
  39. package/web/trending.html +176 -154
  40. package/web/users.china.html +1982 -1981
  41. package/web/36kr.html +0 -828
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>
@@ -114,16 +115,14 @@
114
115
  </a>
115
116
 
116
117
 
117
-
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/4 by
119
+ <div class="time">Last cache created on 2022/7/7 by
120
120
 
121
121
 
122
122
 
123
123
 
124
124
  <a href="https://segmentfault.com/hottest">SegmentFault</a>
125
125
 
126
-
127
126
  .
128
127
  </div>
129
128
  <div class="tabs">
@@ -132,7 +131,6 @@
132
131
  <a class="" href="trending.html">Trending</a>
133
132
  <a class="active" href="sifou-daily.html">Sifou</a>
134
133
  <a class="" href="toutiao-7.html">开发头条</a>
135
- <a class="" href="36kr.html">36Kr</a>
136
134
  </div>
137
135
  <ul class="list">
138
136
  <li class="rank-title">
@@ -147,7 +145,7 @@
147
145
  <div class="info">
148
146
  <div class="rank">
149
147
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
148
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
151
149
  </div>
152
150
  <div class="sub-title followers">
153
151
 
@@ -158,15 +156,15 @@
158
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"/>
159
157
  </g>
160
158
  </svg>
161
- <span>14</span>
159
+ <span>17</span>
162
160
  </span>
163
161
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
- <span>XboxYan</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
+ <span>chokcoco</span>
166
164
  </a>
167
165
  </div>
168
166
  <div class="details">
169
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
167
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
170
168
  </div>
171
169
  </div>
172
170
  </li>
@@ -186,7 +184,7 @@
186
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"/>
187
185
  </g>
188
186
  </svg>
189
- <span>9</span>
187
+ <span>14</span>
190
188
  </span>
191
189
  &nbsp;
192
190
  <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
@@ -203,7 +201,7 @@
203
201
  <div class="info">
204
202
  <div class="rank">
205
203
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
204
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
207
205
  </div>
208
206
  <div class="sub-title followers">
209
207
 
@@ -214,15 +212,15 @@
214
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"/>
215
213
  </g>
216
214
  </svg>
217
- <span>7</span>
215
+ <span>16</span>
218
216
  </span>
219
217
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
221
- <span>Beverly</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
+ <span>XboxYan</span>
222
220
  </a>
223
221
  </div>
224
222
  <div class="details">
225
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
223
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
226
224
  </div>
227
225
  </div>
228
226
  </li>
@@ -231,7 +229,7 @@
231
229
  <div class="info">
232
230
  <div class="rank">
233
231
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
232
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
235
233
  </div>
236
234
  <div class="sub-title followers">
237
235
 
@@ -242,15 +240,15 @@
242
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"/>
243
241
  </g>
244
242
  </svg>
245
- <span>5</span>
243
+ <span>10</span>
246
244
  </span>
247
245
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
249
- <span>crossoverJie</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
247
+ <span>null仔</span>
250
248
  </a>
251
249
  </div>
252
250
  <div class="details">
253
- 以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。
251
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
254
252
  </div>
255
253
  </div>
256
254
  </li>
@@ -259,7 +257,7 @@
259
257
  <div class="info">
260
258
  <div class="rank">
261
259
  <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>
260
+ <a href="https://segmentfault.com/a/1190000042055196" target="_blank" title="Skypack：我老早就在布局前端基建了">Skypack：我老早就在布局前端基建了</a>
263
261
  </div>
264
262
  <div class="sub-title followers">
265
263
 
@@ -270,15 +268,15 @@
270
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"/>
271
269
  </g>
272
270
  </svg>
273
- <span>10</span>
271
+ <span>6</span>
274
272
  </span>
275
273
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
277
- <span>lulu_up</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
275
+ <span>卡颂</span>
278
276
  </a>
279
277
  </div>
280
278
  <div class="details">
281
- 这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。
279
+ 其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。
282
280
  </div>
283
281
  </div>
284
282
  </li>
@@ -287,7 +285,7 @@
287
285
  <div class="info">
288
286
  <div class="rank">
289
287
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
288
+ <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
291
289
  </div>
292
290
  <div class="sub-title followers">
293
291
 
@@ -298,15 +296,15 @@
298
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"/>
299
297
  </g>
300
298
  </svg>
301
- <span>5</span>
299
+ <span>8</span>
302
300
  </span>
303
301
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
305
- <span>云叔_又拍云</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
303
+ <span>南城大前端</span>
306
304
  </a>
307
305
  </div>
308
306
  <div class="details">
309
- 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
307
+ 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
310
308
  </div>
311
309
  </div>
312
310
  </li>
@@ -315,7 +313,7 @@
315
313
  <div class="info">
316
314
  <div class="rank">
317
315
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000042035124" target="_blank" title="社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）">社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）</a>
316
+ <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
319
317
  </div>
320
318
  <div class="sub-title followers">
321
319
 
@@ -326,15 +324,15 @@
326
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"/>
327
325
  </g>
328
326
  </svg>
329
- <span>6</span>
327
+ <span>4</span>
330
328
  </span>
331
329
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
333
- <span>CoderW</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
331
+ <span>云叔_又拍云</span>
334
332
  </a>
335
333
  </div>
336
334
  <div class="details">
337
- 个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...
335
+ 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...
338
336
  </div>
339
337
  </div>
340
338
  </li>
@@ -343,7 +341,7 @@
343
341
  <div class="info">
344
342
  <div class="rank">
345
343
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000042038001" target="_blank" title="React团队最近都在忙啥呢？">React团队最近都在忙啥呢？</a>
344
+ <a href="https://segmentfault.com/a/1190000042060686" target="_blank" title="编程语言：类型系统的本质">编程语言：类型系统的本质</a>
347
345
  </div>
348
346
  <div class="sub-title followers">
349
347
 
@@ -357,12 +355,12 @@
357
355
  <span>4</span>
358
356
  </span>
359
357
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
361
- <span>卡颂</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/donghaichenguangjian" title="Programming Language">
359
+ <span>陈光剑</span>
362
360
  </a>
363
361
  </div>
364
362
  <div class="details">
365
- 大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...
363
+ 我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...
366
364
  </div>
367
365
  </div>
368
366
  </li>
@@ -371,7 +369,7 @@
371
369
  <div class="info">
372
370
  <div class="rank">
373
371
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000042044168" target="_blank" title="Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范">Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范</a>
372
+ <a href="https://segmentfault.com/a/1190000042053265" target="_blank" title="开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破">开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破</a>
375
373
  </div>
376
374
  <div class="sub-title followers">
377
375
 
@@ -382,15 +380,15 @@
382
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"/>
383
381
  </g>
384
382
  </svg>
385
- <span>8</span>
383
+ <span>1</span>
386
384
  </span>
387
385
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/zhouqichao" title="Programming Language">
389
- <span>玛尔斯通</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
387
+ <span>MissD</span>
390
388
  </a>
391
389
  </div>
392
390
  <div class="details">
393
- 每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...
391
+ 采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...
394
392
  </div>
395
393
  </div>
396
394
  </li>
@@ -399,7 +397,7 @@
399
397
  <div class="info">
400
398
  <div class="rank">
401
399
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000042048733" target="_blank" title="超 Nice 的表格响应式布局小技巧">超 Nice 的表格响应式布局小技巧</a>
400
+ <a href="https://segmentfault.com/a/1190000042065274" target="_blank" title="反爬篇 | 手把手教你处理 JS 逆向之图片伪装">反爬篇 | 手把手教你处理 JS 逆向之图片伪装</a>
403
401
  </div>
404
402
  <div class="sub-title followers">
405
403
 
@@ -410,15 +408,15 @@
410
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"/>
411
409
  </g>
412
410
  </svg>
413
- <span>7</span>
411
+ <span>2</span>
414
412
  </span>
415
413
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
417
- <span>chokcoco</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
415
+ <span>Python技术大本营</span>
418
416
  </a>
419
417
  </div>
420
418
  <div class="details">
421
- 今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...
419
+ aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi
422
420
  </div>
423
421
  </div>
424
422
  </li>
@@ -427,7 +425,7 @@
427
425
  <div class="info">
428
426
  <div class="rank">
429
427
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041995394" target="_blank" title="20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛">20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛</a>
428
+ <a href="https://segmentfault.com/a/1190000042069019" target="_blank" title="这个高颜值的开源第三方网易云音乐播放器你值得拥有">这个高颜值的开源第三方网易云音乐播放器你值得拥有</a>
431
429
  </div>
432
430
  <div class="sub-title followers">
433
431
 
@@ -438,15 +436,15 @@
438
436
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
439
437
  </g>
440
438
  </svg>
441
- <span>4</span>
439
+ <span>2</span>
442
440
  </span>
443
441
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
445
- <span>前端小智</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
443
+ <span>街角小林</span>
446
444
  </a>
447
445
  </div>
448
446
  <div class="details">
449
- 微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...
447
+ 我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...
450
448
  </div>
451
449
  </div>
452
450
  </li>
@@ -455,7 +453,7 @@
455
453
  <div class="info">
456
454
  <div class="rank">
457
455
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000042041251" target="_blank" title="angular ChangeDetectorRef">angular ChangeDetectorRef</a>
456
+ <a href="https://segmentfault.com/a/1190000042057238" target="_blank" title="世界上最快的排序算法-Timsort">世界上最快的排序算法-Timsort</a>
459
457
  </div>
460
458
  <div class="sub-title followers">
461
459
 
@@ -466,15 +464,15 @@
466
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"/>
467
465
  </g>
468
466
  </svg>
469
- <span>4</span>
467
+ <span>2</span>
470
468
  </span>
471
469
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
473
- <span>weiewiyi</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
471
+ <span>编程码农</span>
474
472
  </a>
475
473
  </div>
476
474
  <div class="details">
477
- 随着子组件的增多和嵌套，遇到数据改变，但是组件页面没有渲染的问题开始变多。例如:此页面为子组件，打开该页面后，原本应该显示已存在的附件，但是现在却显示空。正确显示：问题显示：没有渲染此问题的出现往往...
475
+ Timsort 是一个混合、稳定的排序算法，简单来说就是归并排序和二分插入排序算法的混合体，号称世界上最好的排序算法。Timsort一直是 Python 的标准排序算法。Java SE 7 后添加了Timsort API ，我们从Arrays.sort...
478
476
  </div>
479
477
  </div>
480
478
  </li>
@@ -483,7 +481,7 @@
483
481
  <div class="info">
484
482
  <div class="rank">
485
483
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000042041290" target="_blank" title="企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布">企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布</a>
484
+ <a href="https://segmentfault.com/a/1190000042058053" target="_blank" title="6年技术迭代 阿里全球化出海&amp;合规的挑战和探索">6年技术迭代 阿里全球化出海&amp;合规的挑战和探索</a>
487
485
  </div>
488
486
  <div class="sub-title followers">
489
487
 
@@ -497,12 +495,12 @@
497
495
  <span>2</span>
498
496
  </span>
499
497
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/jeecg" title="Programming Language">
501
- <span>scott</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
499
+ <span>溜达兔</span>
502
500
  </a>
503
501
  </div>
504
502
  <div class="details">
505
- Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！
503
+ 全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。
506
504
  </div>
507
505
  </div>
508
506
  </li>
@@ -511,7 +509,7 @@
511
509
  <div class="info">
512
510
  <div class="rank">
513
511
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000042048420" target="_blank" title="ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？">ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？</a>
512
+ <a href="https://segmentfault.com/a/1190000042053708" target="_blank" title="Ajax 怎么取消？要不要取消？">Ajax 怎么取消？要不要取消？</a>
515
513
  </div>
516
514
  <div class="sub-title followers">
517
515
 
@@ -525,12 +523,12 @@
525
523
  <span>2</span>
526
524
  </span>
527
525
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
529
- <span>万事ONES</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
527
+ <span>ssshooter</span>
530
528
  </a>
531
529
  </div>
532
530
  <div class="details">
533
- 6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。
531
+ 假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：
534
532
  </div>
535
533
  </div>
536
534
  </li>
@@ -539,7 +537,7 @@
539
537
  <div class="info">
540
538
  <div class="rank">
541
539
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000042053708" target="_blank" title="Ajax 怎么取消？要不要取消？">Ajax 怎么取消？要不要取消？</a>
540
+ <a href="https://segmentfault.com/a/1190000042054691" target="_blank" title="Vue3响应式源码分析 - ref + ReactiveEffect篇">Vue3响应式源码分析 - ref + ReactiveEffect篇</a>
543
541
  </div>
544
542
  <div class="sub-title followers">
545
543
 
@@ -553,12 +551,12 @@
553
551
  <span>2</span>
554
552
  </span>
555
553
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
557
- <span>ssshooter</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/xiaomianyang_5a5c183e17d47" title="Programming Language">
555
+ <span>小绵羊</span>
558
556
  </a>
559
557
  </div>
560
558
  <div class="details">
561
- 假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：
559
+ 在Vue3中，因为reactive创建的响应式对象是通过Proxy来实现的，所以传入数据不能为基础类型，所以 ref 对象是对reactive不支持的数据的一个补充。
562
560
  </div>
563
561
  </div>
564
562
  </li>
@@ -567,7 +565,7 @@
567
565
  <div class="info">
568
566
  <div class="rank">
569
567
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000042050754" target="_blank" title="MySQL 锁常见知识点&amp;面试题总结">MySQL 锁常见知识点&amp;面试题总结</a>
568
+ <a href="https://segmentfault.com/a/1190000042061765" target="_blank" title="苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊">苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊</a>
571
569
  </div>
572
570
  <div class="sub-title followers">
573
571
 
@@ -581,12 +579,12 @@
581
579
  <span>2</span>
582
580
  </span>
583
581
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
585
- <span>JavaGuide</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
583
+ <span>snakesss</span>
586
584
  </a>
587
585
  </div>
588
586
  <div class="details">
589
- InnoDB 不光支持表级锁(table-level locking)，还支持行级锁(row-level locking)，默认为行级锁。行级锁的粒度更小，仅对相关的记录上锁即可（对一行或者多行记录加锁），所以对于并发写入操作来说， InnoDB 的性...
587
+ 40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...
590
588
  </div>
591
589
  </div>
592
590
  </li>
@@ -595,7 +593,7 @@
595
593
  <div class="info">
596
594
  <div class="rank">
597
595
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000042041143" target="_blank" title="MongoDB 关系实现">MongoDB 关系实现</a>
596
+ <a href="https://segmentfault.com/a/1190000042069210" target="_blank" title="Web 应用实时版本检测，这么做最方便">Web 应用实时版本检测，这么做最方便</a>
599
597
  </div>
600
598
  <div class="sub-title followers">
601
599
 
@@ -606,15 +604,15 @@
606
604
  <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
605
  </g>
608
606
  </svg>
609
- <span>3</span>
607
+ <span>1</span>
610
608
  </span>
611
609
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
613
- <span>小强Zzz</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/akimyou" title="Programming Language">
611
+ <span>Myou_Aki</span>
614
612
  </a>
615
613
  </div>
616
614
  <div class="details">
617
- MongoDB不同于我们常用的mysql，作为一款非关系型数据库，数据存储已类似于json格式存储在文档里，不存在外建，无法实现mysql的表格之间关联。那么，对于一对一，一对多，多对一，多对多关系如何实现呢？
615
+ 经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。
618
616
  </div>
619
617
  </div>
620
618
  </li>
@@ -623,7 +621,7 @@
623
621
  <div class="info">
624
622
  <div class="rank">
625
623
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000042054629" target="_blank" title="冴羽答读者问：如何在工作中打造影响力，带动同事？">冴羽答读者问：如何在工作中打造影响力，带动同事？</a>
624
+ <a href="https://segmentfault.com/a/1190000042055924" target="_blank" title="通过示例了解Vue过渡和动画">通过示例了解Vue过渡和动画</a>
627
625
  </div>
628
626
  <div class="sub-title followers">
629
627
 
@@ -634,15 +632,15 @@
634
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"/>
635
633
  </g>
636
634
  </svg>
637
- <span>3</span>
635
+ <span>2</span>
638
636
  </span>
639
637
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
641
- <span>冴羽</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
639
+ <span>前端小智</span>
642
640
  </a>
643
641
  </div>
644
642
  <div class="details">
645
- 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...
643
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
646
644
  </div>
647
645
  </div>
648
646
  </li>
@@ -651,7 +649,7 @@
651
649
  <div class="info">
652
650
  <div class="rank">
653
651
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000042044415" target="_blank" title="前端 Git-Hooks 工程化实践">前端 Git-Hooks 工程化实践</a>
652
+ <a href="https://segmentfault.com/a/1190000042054629" target="_blank" title="冴羽答读者问：如何在工作中打造影响力，带动同事？">冴羽答读者问：如何在工作中打造影响力，带动同事？</a>
655
653
  </div>
656
654
  <div class="sub-title followers">
657
655
 
@@ -662,15 +660,15 @@
662
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"/>
663
661
  </g>
664
662
  </svg>
665
- <span>1</span>
663
+ <span>3</span>
666
664
  </span>
667
665
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan" title="Programming Language">
669
- <span>袋鼠云数栈UED</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
667
+ <span>冴羽</span>
670
668
  </a>
671
669
  </div>
672
670
  <div class="details">
673
- 前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint-staged、commitizen、commit-lint ...
671
+ 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...
674
672
  </div>
675
673
  </div>
676
674
  </li>
@@ -679,7 +677,7 @@
679
677
  <div class="info">
680
678
  <div class="rank">
681
679
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041999027" target="_blank" title="测试一下Pinia，Vuex 要出局了？">测试一下Pinia，Vuex 要出局了？</a>
680
+ <a href="https://segmentfault.com/a/1190000042059163" target="_blank" title="Java 集合常见知识点&amp;面试题总结(上)，2022 最新版！">Java 集合常见知识点&amp;面试题总结(上)，2022 最新版！</a>
683
681
  </div>
684
682
  <div class="sub-title followers">
685
683
 
@@ -693,12 +691,12 @@
693
691
  <span>2</span>
694
692
  </span>
695
693
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
697
- <span>前端小智</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
695
+ <span>JavaGuide</span>
698
696
  </a>
699
697
  </div>
700
698
  <div class="details">
701
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
699
+ 你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。
702
700
  </div>
703
701
  </div>
704
702
  </li>
@@ -707,7 +705,7 @@
707
705
  <div class="info">
708
706
  <div class="rank">
709
707
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000042037674" target="_blank" title="精读《Permutation, Flatten, Absolute...》">精读《Permutation, Flatten, Absolute...》</a>
708
+ <a href="https://segmentfault.com/a/1190000042057334" target="_blank" title="Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？">Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？</a>
711
709
  </div>
712
710
  <div class="sub-title followers">
713
711
 
@@ -721,12 +719,12 @@
721
719
  <span>1</span>
722
720
  </span>
723
721
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
725
- <span>黄子毅</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
723
+ <span>煎鱼</span>
726
724
  </a>
727
725
  </div>
728
726
  <div class="details">
729
- 所以这题如果能 “递归触发联合类型分配率”，就有戏解决啊。但触发的条件必须存在两个泛型，而题目传入的只有一个，我们只好创造第二个泛型，使其默认值等于第一个：
727
+ Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。
730
728
  </div>
731
729
  </div>
732
730
  </li>
@@ -735,7 +733,7 @@
735
733
  <div class="info">
736
734
  <div class="rank">
737
735
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000042053038" target="_blank" title="2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们">2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们</a>
736
+ <a href="https://segmentfault.com/a/1190000042053905" target="_blank" title="React Native 中实现动态导入">React Native 中实现动态导入</a>
739
737
  </div>
740
738
  <div class="sub-title followers">
741
739
 
@@ -749,12 +747,12 @@
749
747
  <span>2</span>
750
748
  </span>
751
749
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
753
- <span>MissD</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
751
+ <span>云音乐技术团队</span>
754
752
  </a>
755
753
  </div>
756
754
  <div class="details">
757
- 随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...
755
+ 随着业务的发展，每一个 React Native 应用的代码数量都在不断增加，bundle 体积不断膨胀，对应用性能的负面影响愈发明显。虽然我们可以通过 React Native 官方工具 Metro 进行拆包处理，拆分为一个基础包和一个...
758
756
  </div>
759
757
  </div>
760
758
  </li>
@@ -763,7 +761,7 @@
763
761
  <div class="info">
764
762
  <div class="rank">
765
763
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000042037821" target="_blank" title="在异步方法中获取登陆用户时出现的问题">在异步方法中获取登陆用户时出现的问题</a>
764
+ <a href="https://segmentfault.com/a/1190000042053038" target="_blank" title="2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们">2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们</a>
767
765
  </div>
768
766
  <div class="sub-title followers">
769
767
 
@@ -774,15 +772,15 @@
774
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"/>
775
773
  </g>
776
774
  </svg>
777
- <span>3</span>
775
+ <span>2</span>
778
776
  </span>
779
777
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
781
- <span>李明</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
779
+ <span>MissD</span>
782
780
  </a>
783
781
  </div>
784
782
  <div class="details">
785
- 在重写分配任务算法时需要获取当前登陆用户区域及其子区域，重写之后进行测试的时候发现任务直接停留在了分配中，查看后台日志时发现了报错根据报错查看抛出错误的地方可以发现是在调用getAuthUserDetailWithoutT...
783
+ 随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...
786
784
  </div>
787
785
  </div>
788
786
  </li>
@@ -791,7 +789,7 @@
791
789
  <div class="info">
792
790
  <div class="rank">
793
791
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000042032435" target="_blank" title="JavaScript框架的四个时代">JavaScript框架的四个时代</a>
792
+ <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
795
793
  </div>
796
794
  <div class="sub-title followers">
797
795
 
@@ -802,15 +800,15 @@
802
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"/>
803
801
  </g>
804
802
  </svg>
805
- <span>2</span>
803
+ <span>3</span>
806
804
  </span>
807
805
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
809
- <span>前端小智</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/rhythm_2019" title="Programming Language">
807
+ <span>Rhythm_2019</span>
810
808
  </a>
811
809
  </div>
812
810
  <div class="details">
813
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
811
+ Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
814
812
  </div>
815
813
  </div>
816
814
  </li>
@@ -819,7 +817,7 @@
819
817
  <div class="info">
820
818
  <div class="rank">
821
819
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000042057334" target="_blank" title="Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？">Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？</a>
820
+ <a href="https://segmentfault.com/a/1190000042059154" target="_blank" title="又一款值得推荐的高颜值的服务器探针——WGCLOUD">又一款值得推荐的高颜值的服务器探针——WGCLOUD</a>
823
821
  </div>
824
822
  <div class="sub-title followers">
825
823
 
@@ -833,12 +831,12 @@
833
831
  <span>1</span>
834
832
  </span>
835
833
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
837
- <span>煎鱼</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
835
+ <span>徐三刀</span>
838
836
  </a>
839
837
  </div>
840
838
  <div class="details">
841
- Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。
839
+ 支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...
842
840
  </div>
843
841
  </div>
844
842
  </li>
@@ -847,7 +845,7 @@
847
845
  <div class="info">
848
846
  <div class="rank">
849
847
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000042059154" target="_blank" title="又一款值得推荐的高颜值的服务器探针——WGCLOUD">又一款值得推荐的高颜值的服务器探针——WGCLOUD</a>
848
+ <a href="https://segmentfault.com/a/1190000042051905" target="_blank" title="如何使用插件化机制优雅的封装你的请求hook">如何使用插件化机制优雅的封装你的请求hook</a>
851
849
  </div>
852
850
  <div class="sub-title followers">
853
851
 
@@ -861,12 +859,12 @@
861
859
  <span>1</span>
862
860
  </span>
863
861
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
865
- <span>徐三刀</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
863
+ <span>Gopal</span>
866
864
  </a>
867
865
  </div>
868
866
  <div class="details">
869
- 支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...
867
+ 本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...
870
868
  </div>
871
869
  </div>
872
870
  </li>
@@ -875,7 +873,7 @@
875
873
  <div class="info">
876
874
  <div class="rank">
877
875
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000042041754" target="_blank" title="面试官：哥们Go语言的互斥锁了解到什么程度？">面试官：哥们Go语言的互斥锁了解到什么程度？</a>
876
+ <a href="https://segmentfault.com/a/1190000042063056" target="_blank" title="全网都在疯传的《老板管理手册》（转）">全网都在疯传的《老板管理手册》（转）</a>
879
877
  </div>
880
878
  <div class="sub-title followers">
881
879
 
@@ -889,12 +887,12 @@
889
887
  <span>1</span>
890
888
  </span>
891
889
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86" title="Programming Language">
893
- <span>asong</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/young_6082714523e64" title="Programming Language">
891
+ <span>Young</span>
894
892
  </a>
895
893
  </div>
896
894
  <div class="details">
897
- 哈喽，大家好，我是asong。当提到并发编程、多线程编程时，都会在第一时间想到锁，锁是并发编程中的同步原语，他可以保证多线程在访问同一片内存时不会出现竞争来保证并发安全；在Go语言中更推崇由channel通过通...
895
+ 《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...
898
896
  </div>
899
897
  </div>
900
898
  </li>
@@ -903,7 +901,7 @@
903
901
  <div class="info">
904
902
  <div class="rank">
905
903
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000042037714" target="_blank" title="BeanMappingKey，Java开发者们的福星！！！">BeanMappingKey，Java开发者们的福星！！！</a>
904
+ <a href="https://segmentfault.com/a/1190000042064534" target="_blank" title="K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升">K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升</a>
907
905
  </div>
908
906
  <div class="sub-title followers">
909
907
 
@@ -917,12 +915,12 @@
917
915
  <span>1</span>
918
916
  </span>
919
917
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/heerduo" title="Programming Language">
921
- <span>和耳朵</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
919
+ <span>张晋涛</span>
922
920
  </a>
923
921
  </div>
924
922
  <div class="details">
925
- 一切还要从我的上一家公司讲起，我的上一家公司是一家独角兽企业，说大不大说小不小的那种，公司氛围也是比较注重技术，我当时入职之后的第一课就是阅读我们 CTO 写的开发规范，其中他把 Java 项目的目录结构划分...
923
+ 「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...
926
924
  </div>
927
925
  </div>
928
926
  </li>
@@ -931,7 +929,7 @@
931
929
  <div class="info">
932
930
  <div class="rank">
933
931
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000042050449" target="_blank" title="英特尔傲腾，让数据管理不再纠结">英特尔傲腾，让数据管理不再纠结</a>
932
+ <a href="https://segmentfault.com/a/1190000042064614" target="_blank" title="精读《Diff, AnyOf, IsUnion...》">精读《Diff, AnyOf, IsUnion...》</a>
935
933
  </div>
936
934
  <div class="sub-title followers">
937
935
 
@@ -945,12 +943,12 @@
945
943
  <span>1</span>
946
944
  </span>
947
945
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
949
- <span>溜达兔</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
947
+ <span>黄子毅</span>
950
948
  </a>
951
949
  </div>
952
950
  <div class="details">
953
- 据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...
951
+ 首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude&lt;X, Y&gt; 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...
954
952
  </div>
955
953
  </div>
956
954
  </li>
@@ -959,7 +957,7 @@
959
957
  <div class="info">
960
958
  <div class="rank">
961
959
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000042043610" target="_blank" title="2022 开源代码状态调查报告：最受欢迎 5 大自动化和编排技术， Puppet 第一，Kubespray 热度增幅最高">2022 开源代码状态调查报告：最受欢迎 5 大自动化和编排技术， Puppet 第一，Kubespray 热度增幅最高</a>
960
+ <a href="https://segmentfault.com/a/1190000042051801" target="_blank" title="JavaScript扩展原型链浅析">JavaScript扩展原型链浅析</a>
963
961
  </div>
964
962
  <div class="sub-title followers">
965
963
 
@@ -970,15 +968,15 @@
970
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
971
969
  </g>
972
970
  </svg>
973
- <span>2</span>
971
+ <span>1</span>
974
972
  </span>
975
973
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
977
- <span>MissD</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/lewyon" title="Programming Language">
975
+ <span>程序猿布欧</span>
978
976
  </a>
979
977
  </div>
980
978
  <div class="details">
981
- 近年来，随着 DevOps 的持续火热，越来越多的行业组织将其作为首选以不断推动开源 DevOps 软件繁荣。近日，Openlogic 就出炉了一组 “2022 年开源代码状态调查”数据，并对2022 “最受欢迎 5 大开源自动化和编排技术...
979
+ 前言上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。javaScript原型和原型链[链接]扩展原型链使用new操作符利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方...
982
980
  </div>
983
981
  </div>
984
982
  </li>
@@ -999,7 +997,7 @@
999
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
998
  </a>
1001
999
  </div>
1002
- <div class="time">Last cache created on 2022/7/4 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/7 by Github API v3.</div>
1003
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1002
  </div>
1005
1003
  </body>