@wcj/github-rank 21.10.30 → 21.11.3

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 +32450 -32449
  2. package/dist/sifou-daily.json +75 -57
  3. package/dist/sifou-monthly.json +74 -74
  4. package/dist/sifou-weekly.json +160 -151
  5. package/dist/toutiao-30.json +109 -109
  6. package/dist/toutiao-7.json +154 -154
  7. package/dist/toutiao-90.json +74 -74
  8. package/dist/trending-daily.json +192 -192
  9. package/dist/trending-monthly.json +189 -189
  10. package/dist/trending-weekly.json +198 -198
  11. package/dist/users.china.json +3161 -3161
  12. package/dist/users.json +3920 -3920
  13. package/package.json +1 -1
  14. package/web/36kr.html +714 -696
  15. package/web/data/repos.json +32450 -32449
  16. package/web/data/sifou-daily.json +75 -57
  17. package/web/data/sifou-monthly.json +74 -74
  18. package/web/data/sifou-weekly.json +160 -151
  19. package/web/data/toutiao-30.json +109 -109
  20. package/web/data/toutiao-7.json +154 -154
  21. package/web/data/toutiao-90.json +74 -74
  22. package/web/data/trending-daily.json +192 -192
  23. package/web/data/trending-monthly.json +189 -189
  24. package/web/data/trending-weekly.json +198 -198
  25. package/web/data/users.china.json +3161 -3161
  26. package/web/data/users.json +3920 -3920
  27. package/web/index.html +15551 -15533
  28. package/web/repos.html +29575 -29557
  29. package/web/sifou-daily.html +415 -339
  30. package/web/sifou-monthly.html +891 -871
  31. package/web/sifou-weekly.html +891 -843
  32. package/web/toutiao-30.html +702 -682
  33. package/web/toutiao-7.html +571 -551
  34. package/web/toutiao-90.html +702 -682
  35. package/web/trending-monthly.html +998 -974
  36. package/web/trending-weekly.html +998 -978
  37. package/web/trending.html +974 -974
  38. package/web/users.china.html +15551 -15533
package/web/sifou-daily.html CHANGED
@@ -12,31 +12,36 @@
12
12
  html, body, ul, li, h1 { margin: 0; padding: 0 }
13
13
  html, body { font-size: 16px; font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif; }
14
14
  ul { list-style: none; }
15
- body { text-align: center; }
15
+
16
16
  a { color: #333; text-decoration: none; transition: all .2s ease-in; }
17
17
  a:hover { color: #1600ff; }
18
18
  a.github-corner:hover .octo-arm { animation: octocat-wave 560ms infinite linear; }
19
19
  a.github-corner svg { fill: #f1f1f1; color: #000; position: absolute; top: 0; border: 0; right: 0; z-index: 99; width: 70px; height: 70px; }
20
20
  a.github-corner { position: fixed; z-index: 9999; top: 0; right: 0; }
21
- .title { padding: 46px 0 0 0; font-size: 18px; line-height: 24px; }
22
- .time, .footer { padding: 5px 0 2px 0; font-size: 12px; color: #adadad; }
23
- .tabs { padding: 10px 0 15px 0;}
24
- .tabs a { background: #e2e2e2; display: inline-block; padding: 3px 7px; font-size: 12px; line-height: 16px; color: #0366d6; }
25
- .tabs a.active { background: #696969; color: #efefef; }
26
- .footer { padding: 10px 0 30px 0; }
27
- .list { text-align: left; max-width: 470px; margin: 0 auto; padding-bottom: 10px; background-color: #efefef; border-radius: 5px; overflow: hidden; }
21
+
22
+ .title { padding: 32px 20px 10px 20px; font-size: 32px; display: flex; }
23
+ .title a svg { display: block; }
24
+ .title a { color: #0059ff; display: inline-block; margin-left: 10px; }
25
+ .time, .footer { padding: 5px 20px 2px 20px; font-size: 12px; color: #adadad; }
26
+ .tabs { padding: 0 20px 5px 20px;}
27
+ .tabs a { background: #e2e2e2; display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: #0366d6; }
28
+ .tabs a.active { background: #333; color: #efefef; }
29
+ .tabs a:hover:not(.active) { background: #efefef; }
30
+ .footer { padding: 0 20px 30px 20px; font-size: 12px; color: #adadad; }
31
+ .footer .time { padding: 0; }
32
+ .list { text-align: left; padding-bottom: 10px; margin: 0 15px; }
28
33
  .list img { width: 36px; height: 36px; border-radius: 3px; display: block; margin: 0 auto; background-color: #e2e2e2; border: 0; overflow: hidden; }
29
34
  .list a { color: #0366d6; }
30
35
  .list a:hover { color: #1600ff; }
31
- .list li { padding: 5px; margin: 0 8px; transition: all .3s; border-bottom: 1px solid #d8d8d8; }
32
- .list li.rank-title { background-color: #e2e2e2; margin: 0; padding: 7px 13px; margin-bottom: 10px; border-radius: 0; font-size: 14px; line-height: 16px; }
33
- .list li.rank-title:hover { background: #e2e2e2; }
36
+ .list li { padding: 10px; transition: all .3s; }
37
+ .list li.rank-title { margin: 0; padding: 3px 0 0 7px; margin-bottom: 10px; border-radius: 5px; font-size: 12px; line-height: 16px; }
38
+ .list li.rank-title > a { margin-right: 10px; }
39
+ .list li.rank-title:hover { background: transparent; }
34
40
  .list li:last-child, .list li.rank-title { border-bottom: 0; }
35
- .list li:hover { background: rgba(255, 255, 255, 0.56); }
41
+ .list li:hover { background: #efefef8f; }
36
42
  .list li > div { display: table-cell; vertical-align: top; font-size: 14px; }
37
- .list li div.rank { padding: 0 8px; }
38
43
  .list li div.rank span { font-weight: bold; }
39
- .list li div.details { padding: 2px 0 0 9px; font-size: 12px; float: left; color: #b9b9b9; }
44
+ .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: #b9b9b9; }
40
45
  .list li div.details a { color: #b9b9b9; transition: all .3s; }
41
46
  .list li div.details a:hover { color: #1600ff; }
42
47
  .list li div.details a:hover svg { fill: #1600ff; }
@@ -46,11 +51,12 @@
46
51
  .list li > div.info { width: 100%; }
47
52
  .list li > div.info i { color: #717171; }
48
53
  .list li > div.info a:hover i { color: #333; }
49
- .list li div.sub-title { color: #333; margin: 4px 0 0 3px;}
54
+ .list li div.sub-title { color: #333; margin: 4px 0 0 0; }
55
+ .list li div.avatar { padding-right: 10px; }
50
56
 
51
57
 
52
- .list .select { float: right; line-height: 14px; line-height: 16px; }
53
- .list .select .active { color: #333; font-weight: bold; }
58
+ .list .select { }
59
+ .list .select .active { color: #333; font-weight: bold; border-bottom: 1px dotted #000;}
54
60
 
55
61
 
56
62
 
@@ -60,6 +66,9 @@
60
66
  20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
61
67
  40%,80%{-webkit-transform:rotate(10deg); transform:rotate(10deg);}
62
68
  }
69
+ @media screen and (max-width: 479px) {
70
+ .title { padding-top: 16px; font-size: 21px; }
71
+ }
63
72
  </style>
64
73
  <style>
65
74
  </style>
@@ -72,8 +81,20 @@
72
81
  <path fill="currentColor" class="octo-body" d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"></path>
73
82
  </svg>
74
83
  </a>
75
- <h1 class="title"> Segmentfault 思否热门 </h1>
76
- <div class="time">Last cache created on 2021/10/30 by Github API v3.</div>
84
+ <h1 class="title">
85
+ Segmentfault 思否热门
86
+
87
+
88
+
89
+
90
+ <a target="_blank" href="https://segmentfault.com/hottest">
91
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" fill="currentColor" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg>
92
+ </a>
93
+
94
+
95
+
96
+ </h1>
97
+ <div class="time">Last cache created on 2021/11/3 by Github API v3.</div>
77
98
  <div class="tabs">
78
99
  <a class="" href="index.html">Users</a>
79
100
  <a class="" href="repos.html">Repos</a>
@@ -83,326 +104,381 @@
83
104
  <a class="" href="36kr.html">36Kr</a>
84
105
  </div>
85
106
  <ul class="list">
86
- <li class="rank-title">
87
- <a href="https://segmentfault.com/hottest" target="_blank">Segmentfault 思否热门</a>
88
- <span class="select">
89
- <a class="active" href="sifou-daily.html">日热门</a>
90
- <a class="" href="sifou-weekly.html">周热门</a>
91
- <a class="" href="sifou-monthly.html">月热门</a>
92
- </span>
93
- </li>
94
-
95
- <li>
96
- <div class="info">
97
- <div class="rank">
98
- <span title="Ranking 1">1</span>
99
- <a href="https://segmentfault.com/a/1190000040881913" target="_blank" title="未来已来，HMS Core 展现元宇宙落地价值">未来已来，HMS Core 展现元宇宙落地价值</a>
100
- </div>
101
- <div class="sub-title followers">
102
-
103
- <span title="Stargazers Count">
104
- <svg width="12" height="12" viewBox="0 0 16 16">
105
- <g fill="none" fill-rule="evenodd">
106
- <path d="M0 0h16v16H0z"/>
107
- <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"/>
108
- </g>
109
- </svg>
110
- <span>9</span>
111
- </span>
112
- &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
114
- <span>六一</span>
115
- </a>
116
- </div>
117
- <div class="details">
118
- 当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……
119
- </div>
120
- </div>
121
- </li>
122
-
123
- <li>
124
- <div class="info">
125
- <div class="rank">
126
- <span title="Ranking 2">2</span>
127
- <a href="https://segmentfault.com/a/1190000040883655" target="_blank" title="一条曲线的诞生">一条曲线的诞生</a>
128
- </div>
129
- <div class="sub-title followers">
130
-
131
- <span title="Stargazers Count">
132
- <svg width="12" height="12" viewBox="0 0 16 16">
133
- <g fill="none" fill-rule="evenodd">
134
- <path d="M0 0h16v16H0z"/>
135
- <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"/>
136
- </g>
137
- </svg>
138
- <span>3</span>
139
- </span>
140
- &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
142
- <span>ES2049</span>
143
- </a>
144
- </div>
145
- <div class="details">
146
- 在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...
147
- </div>
148
- </div>
149
- </li>
150
-
151
- <li>
152
- <div class="info">
153
- <div class="rank">
154
- <span title="Ranking 3">3</span>
155
- <a href="https://segmentfault.com/a/1190000040882505" target="_blank" title="议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕">议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕</a>
156
- </div>
157
- <div class="sub-title followers">
158
-
159
- <span title="Stargazers Count">
160
- <svg width="12" height="12" viewBox="0 0 16 16">
161
- <g fill="none" fill-rule="evenodd">
162
- <path d="M0 0h16v16H0z"/>
163
- <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"/>
164
- </g>
165
- </svg>
166
- <span>3</span>
167
- </span>
168
- &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
170
- <span>思否编辑部</span>
171
- </a>
172
- </div>
173
- <div class="details">
174
- 作为业界最具影响力的开源盛事，2021 中国开源年会（COSCon&#39;21）将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛，和线下聚会两部分。
175
- </div>
176
- </div>
177
- </li>
178
-
179
- <li>
180
- <div class="info">
181
- <div class="rank">
182
- <span title="Ranking 4">4</span>
183
- <a href="https://segmentfault.com/a/1190000040882449" target="_blank" title="JZ-009-变态跳台阶">JZ-009-变态跳台阶</a>
184
- </div>
185
- <div class="sub-title followers">
186
-
187
- <span title="Stargazers Count">
188
- <svg width="12" height="12" viewBox="0 0 16 16">
189
- <g fill="none" fill-rule="evenodd">
190
- <path d="M0 0h16v16H0z"/>
191
- <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"/>
192
- </g>
193
- </svg>
194
- <span>2</span>
195
- </span>
196
- &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
198
- <span>雄狮虎豹</span>
199
- </a>
200
- </div>
201
- <div class="details">
202
- 变态跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。题目链接: 变态跳台阶代码 {代码...} 【每日寄语】 昨日之深渊，来日之浅谈。
203
- </div>
204
- </div>
205
- </li>
206
-
207
- <li>
208
- <div class="info">
209
- <div class="rank">
210
- <span title="Ranking 5">5</span>
211
- <a href="https://segmentfault.com/a/1190000040881122" target="_blank" title="无需 Dockerfile 的镜像构建：BuildPack vs Dockerfile">无需 Dockerfile 的镜像构建：BuildPack vs Dockerfile</a>
212
- </div>
213
- <div class="sub-title followers">
214
-
215
- <span title="Stargazers Count">
216
- <svg width="12" height="12" viewBox="0 0 16 16">
217
- <g fill="none" fill-rule="evenodd">
218
- <path d="M0 0h16v16H0z"/>
219
- <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"/>
220
- </g>
221
- </svg>
222
- <span>2</span>
223
- </span>
224
- &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/datou_60933f1aa8c7c" title="Programming Language">
226
- <span>云原生指北</span>
227
- </a>
228
- </div>
229
- <div class="details">
230
- 过去的工作中，我们使用微服务、容器化以及服务编排构建了技术平台。为了提升开发团队的研发效率，我们同时还提供了 CICD 平台，用来将代码快速的部署到 Openshift（企业级的 Kubernetes） 集群。
231
- </div>
232
- </div>
233
- </li>
234
-
235
- <li>
236
- <div class="info">
237
- <div class="rank">
238
- <span title="Ranking 6">6</span>
239
- <a href="https://segmentfault.com/a/1190000040881061" target="_blank" title="MySQL: 使用explain 优化查询性能">MySQL: 使用explain 优化查询性能</a>
240
- </div>
241
- <div class="sub-title followers">
242
-
243
- <span title="Stargazers Count">
244
- <svg width="12" height="12" viewBox="0 0 16 16">
245
- <g fill="none" fill-rule="evenodd">
246
- <path d="M0 0h16v16H0z"/>
247
- <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"/>
248
- </g>
249
- </svg>
250
- <span>1</span>
251
- </span>
252
- &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/zhinanzhenxiansheng" title="Programming Language">
254
- <span>风是客</span>
255
- </a>
256
- </div>
257
- <div class="details">
258
- DESCRIBE和EXPLAIN语句是同义词。实际上，DESCRIBE关键字更常用于获取有关表结构的信息，而EXPLAIN用于获取查询执行计划（即，解释MySQL将如何执行查询）。
259
- </div>
260
- </div>
261
- </li>
262
-
263
- <li>
264
- <div class="info">
265
- <div class="rank">
266
- <span title="Ranking 7">7</span>
267
- <a href="https://segmentfault.com/a/1190000040885841" target="_blank" title="【C进阶】18、三目运算符和逗号表达式">【C进阶】18、三目运算符和逗号表达式</a>
268
- </div>
269
- <div class="sub-title followers">
270
-
271
- <span title="Stargazers Count">
272
- <svg width="12" height="12" viewBox="0 0 16 16">
273
- <g fill="none" fill-rule="evenodd">
274
- <path d="M0 0h16v16H0z"/>
275
- <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"/>
276
- </g>
277
- </svg>
278
- <span>1</span>
279
- </span>
280
- &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/lala_60a20654d1aa3" title="Programming Language">
282
- <span>bryson</span>
283
- </a>
284
- </div>
285
- <div class="details">
286
- Summary1）在C语言中，三目运算符返回的结果是一个右值，并不是一个变量（不能放在赋值符号左侧） 2）三目运算符的返回类型：通过隐式类型转换规则返回b和c中的较高类型（注意：char和short在运算时会隐式转换成i...
287
- </div>
288
- </div>
289
- </li>
290
-
291
- <li>
292
- <div class="info">
293
- <div class="rank">
294
- <span title="Ranking 8">8</span>
295
- <a href="https://segmentfault.com/a/1190000040885631" target="_blank" title="Linux at命令详解">Linux at命令详解</a>
296
- </div>
297
- <div class="sub-title followers">
298
-
299
- <span title="Stargazers Count">
300
- <svg width="12" height="12" viewBox="0 0 16 16">
301
- <g fill="none" fill-rule="evenodd">
302
- <path d="M0 0h16v16H0z"/>
303
- <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"/>
304
- </g>
305
- </svg>
306
- <span>1</span>
307
- </span>
308
- &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/liangxu_5d63396040bb5" title="Programming Language">
310
- <span>良许</span>
311
- </a>
312
- </div>
313
- <div class="details">
314
- 大家好，我是良许。生活中，我们有太多场景需要使用到闹钟，比如早上 7 点起床，下午 4 点开会，晚上 8 点购物，等等。在 Linux 系统里，我们同样也有类似的需求。比如我们想在凌晨 1 点将文件上传服务器，或者在...
315
- </div>
316
- </div>
317
- </li>
318
-
319
- <li>
320
- <div class="info">
321
- <div class="rank">
322
- <span title="Ranking 9">9</span>
323
- <a href="https://segmentfault.com/a/1190000040883489" target="_blank" title="一张图彻底搞懂Spring循环依赖">一张图彻底搞懂Spring循环依赖</a>
324
- </div>
325
- <div class="sub-title followers">
326
-
327
- <span title="Stargazers Count">
328
- <svg width="12" height="12" viewBox="0 0 16 16">
329
- <g fill="none" fill-rule="evenodd">
330
- <path d="M0 0h16v16H0z"/>
331
- <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"/>
332
- </g>
333
- </svg>
334
- <span>1</span>
335
- </span>
336
- &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/gupaoedu_tom" title="Programming Language">
338
- <span>Tom弹架构</span>
339
- </a>
340
- </div>
341
- <div class="details">
342
- BeanA类依赖了BeanB类，同时BeanB类又依赖了BeanA类。这种依赖关系形成了一个闭环，我们把这种依赖关系就称之为循环依赖。同理，再如下图的情况：
343
- </div>
344
- </div>
345
- </li>
346
-
347
- <li>
348
- <div class="info">
349
- <div class="rank">
350
- <span title="Ranking 10">10</span>
351
- <a href="https://segmentfault.com/a/1190000040884679" target="_blank" title="写一个简单的插入排序">写一个简单的插入排序</a>
352
- </div>
353
- <div class="sub-title followers">
354
-
355
- <span title="Stargazers Count">
356
- <svg width="12" height="12" viewBox="0 0 16 16">
357
- <g fill="none" fill-rule="evenodd">
358
- <path d="M0 0h16v16H0z"/>
359
- <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"/>
360
- </g>
361
- </svg>
362
- <span>1</span>
363
- </span>
364
- &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/node_bin" title="Programming Language">
366
- <span>node_bin</span>
367
- </a>
368
- </div>
369
- <div class="details">
370
- 我们先简单举个例子，假设现在有这样一个无序数组首先，我们把索引为0的元素看作区域，该区域是有序的，因为就只有一个元素，怎样排序都是它一个元素，所以就认为它是有序的。
371
- </div>
372
- </div>
373
- </li>
374
-
375
- <li>
376
- <div class="info">
377
- <div class="rank">
378
- <span title="Ranking 11">11</span>
379
- <a href="https://segmentfault.com/a/1190000040882185" target="_blank" title="微软杀疯了，系列第 4 弹，又开源了 1 个入门课程">微软杀疯了，系列第 4 弹，又开源了 1 个入门课程</a>
380
- </div>
381
- <div class="sub-title followers">
382
-
383
- <span title="Stargazers Count">
384
- <svg width="12" height="12" viewBox="0 0 16 16">
385
- <g fill="none" fill-rule="evenodd">
386
- <path d="M0 0h16v16H0z"/>
387
- <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"/>
388
- </g>
389
- </svg>
390
- <span>1</span>
391
- </span>
392
- &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/kaiyuanqianshao" title="Programming Language">
394
- <span>开源前哨</span>
395
- </a>
396
- </div>
397
- <div class="details">
398
- 【导语】：微软开源的初学者数据分析学习课程。这是本系列第四弹！《微软开源的机器学习课程》《微软开源的 Web 开发课程》《微软开源的物联网学习课程》简介Data-Science-For-Beginners 是微软开源的数据分析入...
399
- </div>
400
- </div>
401
- </li>
402
-
107
+ <li class="rank-title">
108
+ <span class="select">
109
+ <a class="active" href="sifou-daily.html">日热门</a>
110
+ <a class="" href="sifou-weekly.html">周热门</a>
111
+ <a class="" href="sifou-monthly.html">月热门</a>
112
+ </span>
113
+ </li>
114
+
115
+ <li>
116
+ <div class="info">
117
+ <div class="rank">
118
+ <span title="Ranking 1">1</span>
119
+ <a href="https://segmentfault.com/a/1190000040898864" target="_blank" title="CSS 盒子的边距塌陷">CSS 盒子的边距塌陷</a>
120
+ </div>
121
+ <div class="sub-title followers">
122
+
123
+ <span title="Stargazers Count">
124
+ <svg width="12" height="12" viewBox="0 0 16 16">
125
+ <g fill="none" fill-rule="evenodd">
126
+ <path d="M0 0h16v16H0z"/>
127
+ <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"/>
128
+ </g>
129
+ </svg>
130
+ <span>6</span>
131
+ </span>
132
+ &nbsp;
133
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
134
+ <span>云叔_又拍云</span>
135
+ </a>
136
+ </div>
137
+ <div class="details">
138
+ 我相信下面的情形大家在日常工作中常常碰到：在制作静态页面中，为了页面整体的协调与美观，我们想让子盒子 image-div 的上边沿距离父盒子 header-div 的上边沿有一定间距。
139
+ </div>
140
+ </div>
141
+ </li>
142
+
143
+ <li>
144
+ <div class="info">
145
+ <div class="rank">
146
+ <span title="Ranking 2">2</span>
147
+ <a href="https://segmentfault.com/a/1190000040896436" target="_blank" title="肝完《浏览器基本原理与实践》，我总结了这些">肝完《浏览器基本原理与实践》，我总结了这些</a>
148
+ </div>
149
+ <div class="sub-title followers">
150
+
151
+ <span title="Stargazers Count">
152
+ <svg width="12" height="12" viewBox="0 0 16 16">
153
+ <g fill="none" fill-rule="evenodd">
154
+ <path d="M0 0h16v16H0z"/>
155
+ <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"/>
156
+ </g>
157
+ </svg>
158
+ <span>6</span>
159
+ </span>
160
+ &nbsp;
161
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
162
+ <span>wuwhs</span>
163
+ </a>
164
+ </div>
165
+ <div class="details">
166
+ 作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...
167
+ </div>
168
+ </div>
169
+ </li>
170
+
171
+ <li>
172
+ <div class="info">
173
+ <div class="rank">
174
+ <span title="Ranking 3">3</span>
175
+ <a href="https://segmentfault.com/a/1190000040900087" target="_blank" title="百亿级小文件存储，JuiceFS 在自动驾驶行业的最佳实践">百亿级小文件存储，JuiceFS 在自动驾驶行业的最佳实践</a>
176
+ </div>
177
+ <div class="sub-title followers">
178
+
179
+ <span title="Stargazers Count">
180
+ <svg width="12" height="12" viewBox="0 0 16 16">
181
+ <g fill="none" fill-rule="evenodd">
182
+ <path d="M0 0h16v16H0z"/>
183
+ <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"/>
184
+ </g>
185
+ </svg>
186
+ <span>3</span>
187
+ </span>
188
+ &nbsp;
189
+ <a target="_blank" href="https://segmentfault.com/u/juicefs" title="Programming Language">
190
+ <span>JuiceFS</span>
191
+ </a>
192
+ </div>
193
+ <div class="details">
194
+ 自动驾驶是最近几年的热门领域，专注于自动驾驶技术的创业公司、新造车企业、传统车厂都在这个领域投入了大量的资源，推动着 L4、L5 级别自动驾驶体验能尽早进入我们的日常生活。
195
+ </div>
196
+ </div>
197
+ </li>
198
+
199
+ <li>
200
+ <div class="info">
201
+ <div class="rank">
202
+ <span title="Ranking 4">4</span>
203
+ <a href="https://segmentfault.com/a/1190000040899346" target="_blank" title="LeetCode-043-字符串相乘">LeetCode-043-字符串相乘</a>
204
+ </div>
205
+ <div class="sub-title followers">
206
+
207
+ <span title="Stargazers Count">
208
+ <svg width="12" height="12" viewBox="0 0 16 16">
209
+ <g fill="none" fill-rule="evenodd">
210
+ <path d="M0 0h16v16H0z"/>
211
+ <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"/>
212
+ </g>
213
+ </svg>
214
+ <span>2</span>
215
+ </span>
216
+ &nbsp;
217
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
218
+ <span>雄狮虎豹</span>
219
+ </a>
220
+ </div>
221
+ <div class="details">
222
+ 题目描述：给定两个以字符串形式表示的非负整数 num1 和 num2，返回 num1 和 num2 的乘积，它们的乘积也表示为字符串形式。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有...
223
+ </div>
224
+ </div>
225
+ </li>
226
+
227
+ <li>
228
+ <div class="info">
229
+ <div class="rank">
230
+ <span title="Ranking 5">5</span>
231
+ <a href="https://segmentfault.com/a/1190000040900240" target="_blank" title="日均数十亿访问量！解读个推API网关高能演进">日均数十亿访问量！解读个推API网关高能演进</a>
232
+ </div>
233
+ <div class="sub-title followers">
234
+
235
+ <span title="Stargazers Count">
236
+ <svg width="12" height="12" viewBox="0 0 16 16">
237
+ <g fill="none" fill-rule="evenodd">
238
+ <path d="M0 0h16v16H0z"/>
239
+ <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"/>
240
+ </g>
241
+ </svg>
242
+ <span>3</span>
243
+ </span>
244
+ &nbsp;
245
+ <a target="_blank" href="https://segmentfault.com/u/getui" title="Programming Language">
246
+ <span>个推</span>
247
+ </a>
248
+ </div>
249
+ <div class="details">
250
+ 近日，个推服务端技术专家李白受邀参与SegmentFault D-Day 线上技术直播活动，与来自头部互联网企业的后端技术专家们共探 “后端架构演进之路”。李白以“API网关演进之路”为主题，分享了个推基于golang进行API网关...
251
+ </div>
252
+ </div>
253
+ </li>
254
+
255
+ <li>
256
+ <div class="info">
257
+ <div class="rank">
258
+ <span title="Ranking 6">6</span>
259
+ <a href="https://segmentfault.com/a/1190000040899147" target="_blank" title="刚刚！字节旗下软件崩了，包括抖音、头条、飞书...">刚刚！字节旗下软件崩了，包括抖音、头条、飞书...</a>
260
+ </div>
261
+ <div class="sub-title followers">
262
+
263
+ <span title="Stargazers Count">
264
+ <svg width="12" height="12" viewBox="0 0 16 16">
265
+ <g fill="none" fill-rule="evenodd">
266
+ <path d="M0 0h16v16H0z"/>
267
+ <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"/>
268
+ </g>
269
+ </svg>
270
+ <span>1</span>
271
+ </span>
272
+ &nbsp;
273
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
274
+ <span>snakesss</span>
275
+ </a>
276
+ </div>
277
+ <div class="details">
278
+ ​11月2日上午，多个用户表示打开抖音后无法发布视频，且搜索结果也为空，电脑端后台一片空白。推荐算法失效，服务器异常半小时左右，目前已恢复正常。
279
+ </div>
280
+ </div>
281
+ </li>
282
+
283
+ <li>
284
+ <div class="info">
285
+ <div class="rank">
286
+ <span title="Ranking 7">7</span>
287
+ <a href="https://segmentfault.com/a/1190000040899077" target="_blank" title="部分苹果 macOS Monterey 用户遇到“内存泄漏”问题，100 GB 都不够用！">部分苹果 macOS Monterey 用户遇到“内存泄漏”问题，100 GB 都不够用！</a>
288
+ </div>
289
+ <div class="sub-title followers">
290
+
291
+ <span title="Stargazers Count">
292
+ <svg width="12" height="12" viewBox="0 0 16 16">
293
+ <g fill="none" fill-rule="evenodd">
294
+ <path d="M0 0h16v16H0z"/>
295
+ <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"/>
296
+ </g>
297
+ </svg>
298
+ <span>1</span>
299
+ </span>
300
+ &nbsp;
301
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
302
+ <span>snakesss</span>
303
+ </a>
304
+ </div>
305
+ <div class="details">
306
+ 上月苹果公司 2021 秋季发布会迎来了第二场，官方给出的主题是“来炸场”，当晚新品中最“炸场”的当属全新 MacBook Pro，尤其是其搭载的全新M1 Pro/Max芯片，配合最新的macOS Monterey系统能够获得十分惊艳的性能。
307
+ </div>
308
+ </div>
309
+ </li>
310
+
311
+ <li>
312
+ <div class="info">
313
+ <div class="rank">
314
+ <span title="Ranking 8">8</span>
315
+ <a href="https://segmentfault.com/a/1190000040897976" target="_blank" title="CSS 实现搜索相关交互">CSS 实现搜索相关交互</a>
316
+ </div>
317
+ <div class="sub-title followers">
318
+
319
+ <span title="Stargazers Count">
320
+ <svg width="12" height="12" viewBox="0 0 16 16">
321
+ <g fill="none" fill-rule="evenodd">
322
+ <path d="M0 0h16v16H0z"/>
323
+ <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"/>
324
+ </g>
325
+ </svg>
326
+ <span>2</span>
327
+ </span>
328
+ &nbsp;
329
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
330
+ <span>XboxYan</span>
331
+ </a>
332
+ </div>
333
+ <div class="details">
334
+ 先来看一个很常见的搜索框的交互，大概逻辑如下当输入框有内容才显示清除按钮点击清除按钮输入框会清空当输入框有内容并且处于聚焦情况下才显示搜索结果浮层点击搜索条目后关闭整个搜索结果浮层示意如下看着逻辑...
335
+ </div>
336
+ </div>
337
+ </li>
338
+
339
+ <li>
340
+ <div class="info">
341
+ <div class="rank">
342
+ <span title="Ranking 9">9</span>
343
+ <a href="https://segmentfault.com/a/1190000040902287" target="_blank" title="uniapp+nvue实现仿微信App聊天应用 —— 成功实现好友聊天+语音视频通话功能">uniapp+nvue实现仿微信App聊天应用 —— 成功实现好友聊天+语音视频通话功能</a>
344
+ </div>
345
+ <div class="sub-title followers">
346
+
347
+ <span title="Stargazers Count">
348
+ <svg width="12" height="12" viewBox="0 0 16 16">
349
+ <g fill="none" fill-rule="evenodd">
350
+ <path d="M0 0h16v16H0z"/>
351
+ <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"/>
352
+ </g>
353
+ </svg>
354
+ <span>1</span>
355
+ </span>
356
+ &nbsp;
357
+ <a target="_blank" href="https://segmentfault.com/u/zhimikeji" title="Programming Language">
358
+ <span>智密科技</span>
359
+ </a>
360
+ </div>
361
+ <div class="details">
362
+ 基于uniapp + nvue实现的uniapp仿微信App聊天应用 txim 实例项目，实现了以下功能。1: 聊天会话管理2: 好友列表3: 文字、语音、视频、表情、位置等聊天消息收发4: 一对一语音视频在线通话技术实现开发环境：Hbuil...
363
+ </div>
364
+ </div>
365
+ </li>
366
+
367
+ <li>
368
+ <div class="info">
369
+ <div class="rank">
370
+ <span title="Ranking 10">10</span>
371
+ <a href="https://segmentfault.com/a/1190000040898193" target="_blank" title="90%的人以为会用ThreadPoolExecutor了，看了这10张图再说吧">90%的人以为会用ThreadPoolExecutor了，看了这10张图再说吧</a>
372
+ </div>
373
+ <div class="sub-title followers">
374
+
375
+ <span title="Stargazers Count">
376
+ <svg width="12" height="12" viewBox="0 0 16 16">
377
+ <g fill="none" fill-rule="evenodd">
378
+ <path d="M0 0h16v16H0z"/>
379
+ <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"/>
380
+ </g>
381
+ </svg>
382
+ <span>1</span>
383
+ </span>
384
+ &nbsp;
385
+ <a target="_blank" href="https://segmentfault.com/u/ershixiong_5c2aeab02da87" title="Programming Language">
386
+ <span>程序新视界</span>
387
+ </a>
388
+ </div>
389
+ <div class="details">
390
+ 【强制】线程池不允许使用 Executors 去创建，而是通过ThreadPoolExecutor的方式，这样的处理方式让写的同学更加明确线程池的运行规则，规避资源耗尽的风险。
391
+ </div>
392
+ </div>
393
+ </li>
394
+
395
+ <li>
396
+ <div class="info">
397
+ <div class="rank">
398
+ <span title="Ranking 11">11</span>
399
+ <a href="https://segmentfault.com/a/1190000040902611" target="_blank" title="这些 JavaScript函数让你的工作更加 So Easy!">这些 JavaScript函数让你的工作更加 So Easy!</a>
400
+ </div>
401
+ <div class="sub-title followers">
402
+
403
+ <span title="Stargazers Count">
404
+ <svg width="12" height="12" viewBox="0 0 16 16">
405
+ <g fill="none" fill-rule="evenodd">
406
+ <path d="M0 0h16v16H0z"/>
407
+ <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"/>
408
+ </g>
409
+ </svg>
410
+ <span>1</span>
411
+ </span>
412
+ &nbsp;
413
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
414
+ <span>前端小智</span>
415
+ </a>
416
+ </div>
417
+ <div class="details">
418
+ 作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
419
+ </div>
420
+ </div>
421
+ </li>
422
+
423
+ <li>
424
+ <div class="info">
425
+ <div class="rank">
426
+ <span title="Ranking 12">12</span>
427
+ <a href="https://segmentfault.com/a/1190000040898979" target="_blank" title="《Linux一学就会》第十四章- RAID磁盘阵列的原理与搭建">《Linux一学就会》第十四章- RAID磁盘阵列的原理与搭建</a>
428
+ </div>
429
+ <div class="sub-title followers">
430
+
431
+ <span title="Stargazers Count">
432
+ <svg width="12" height="12" viewBox="0 0 16 16">
433
+ <g fill="none" fill-rule="evenodd">
434
+ <path d="M0 0h16v16H0z"/>
435
+ <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"/>
436
+ </g>
437
+ </svg>
438
+ <span>1</span>
439
+ </span>
440
+ &nbsp;
441
+ <a target="_blank" href="https://segmentfault.com/u/ye5s3t0n" title="Programming Language">
442
+ <span>学神来啦</span>
443
+ </a>
444
+ </div>
445
+ <div class="details">
446
+
447
+ </div>
448
+ </div>
449
+ </li>
450
+
451
+ <li>
452
+ <div class="info">
453
+ <div class="rank">
454
+ <span title="Ranking 13">13</span>
455
+ <a href="https://segmentfault.com/a/1190000040897102" target="_blank" title="面试官问我JVM内存结构，我真的是">面试官问我JVM内存结构，我真的是</a>
456
+ </div>
457
+ <div class="sub-title followers">
458
+
459
+ <span title="Stargazers Count">
460
+ <svg width="12" height="12" viewBox="0 0 16 16">
461
+ <g fill="none" fill-rule="evenodd">
462
+ <path d="M0 0h16v16H0z"/>
463
+ <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"/>
464
+ </g>
465
+ </svg>
466
+ <span>1</span>
467
+ </span>
468
+ &nbsp;
469
+ <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
470
+ <span>Java3y</span>
471
+ </a>
472
+ </div>
473
+ <div class="details">
474
+ 面试官：今天来聊聊JVM的内存结构吧？候选者：嗯，好的候选者：前几次面试的时候也提到了：class文件会被类加载器装载至JVM中，并且JVM会负责程序「运行时」的「内存管理」候选者：而JVM的内存结构，往往指的就是...
475
+ </div>
476
+ </div>
477
+ </li>
478
+
403
479
  </ul>
404
480
  <div class="footer">
405
- <p>
481
+ <div>
406
482
  <a href="https://github.com/jaywcjlove/github-rank/network" target="_blank">
407
483
  <img src="https://img.shields.io/github/forks/jaywcjlove/github-rank.svg">
408
484
  </a>
@@ -415,8 +491,8 @@
415
491
  <a href="https://unpkg.com/@wcj/github-rank/web/index.html" target="_blank">
416
492
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
417
493
  </a>
418
- </p>
419
- <div class="time">Last cache created on 2021/10/30 by Github API v3.</div>
494
+ </div>
495
+ <div class="time">Last cache created on 2021/11/3 by Github API v3.</div>
420
496
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
421
497
  </div>
422
498
  </body>