@wcj/github-rank 21.11.1 → 21.11.5

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 +35276 -35263
  2. package/dist/sifou-daily.json +80 -35
  3. package/dist/sifou-monthly.json +113 -113
  4. package/dist/sifou-weekly.json +162 -171
  5. package/dist/toutiao-30.json +79 -79
  6. package/dist/toutiao-7.json +155 -155
  7. package/dist/toutiao-90.json +59 -59
  8. package/dist/trending-daily.json +198 -198
  9. package/dist/trending-monthly.json +185 -185
  10. package/dist/trending-weekly.json +192 -192
  11. package/dist/users.china.json +3387 -3387
  12. package/dist/users.json +3690 -3690
  13. package/package.json +1 -1
  14. package/web/36kr.html +714 -696
  15. package/web/data/repos.json +35276 -35263
  16. package/web/data/sifou-daily.json +80 -35
  17. package/web/data/sifou-monthly.json +113 -113
  18. package/web/data/sifou-weekly.json +162 -171
  19. package/web/data/toutiao-30.json +79 -79
  20. package/web/data/toutiao-7.json +155 -155
  21. package/web/data/toutiao-90.json +59 -59
  22. package/web/data/trending-daily.json +198 -198
  23. package/web/data/trending-monthly.json +185 -185
  24. package/web/data/trending-weekly.json +192 -192
  25. package/web/data/users.china.json +3387 -3387
  26. package/web/data/users.json +3690 -3690
  27. package/web/index.html +15551 -15533
  28. package/web/repos.html +29575 -29557
  29. package/web/sifou-daily.html +359 -199
  30. package/web/sifou-monthly.html +891 -871
  31. package/web/sifou-weekly.html +835 -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 +1002 -974
  36. package/web/trending-weekly.html +1002 -978
  37. package/web/trending.html +986 -962
  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/11/1 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/5 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,186 +104,325 @@
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/1190000040890911" target="_blank" title="MySQL事务的隔离级别与并发问题">MySQL事务的隔离级别与并发问题</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>1</span>
111
- </span>
112
- &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/baicai1031" title="Programming Language">
114
- <span>白菜1031</span>
115
- </a>
116
- </div>
117
- <div class="details">
118
- 事务A先根据某个范围条件查询出了一些记录，而事务B写入了一些符合该条件的新记录，当事务A再次以相同的条件查询时，查询到了新的记录，就意味着发生了幻读现象。
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/1190000040889172" target="_blank" title="JZ-011-二进制中 1 的个数">JZ-011-二进制中 1 的个数</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>2</span>
139
- </span>
140
- &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
142
- <span>雄狮虎豹</span>
143
- </a>
144
- </div>
145
- <div class="details">
146
- 二进制中 1 的个数题目描述输入一个整数，输出该数32位二进制表示中1的个数。其中负数用补码表示。题目链接: 二进制中 1 的个数代码 {代码...} 【每日寄语】 你的微笑是最有治愈力的力量，胜过世间最美的风景。
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/1190000040889788" target="_blank" title="Hermes将成为React Native默认的JS引擎">Hermes将成为React Native默认的JS引擎</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>1</span>
167
- </span>
168
- &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
170
- <span>xiangzhihong</span>
171
- </a>
172
- </div>
173
- <div class="details">
174
- 自 2019 年首次发布以来，小巧轻便的 JavaScript 引擎 Hermes 在社区中的名气越来越高，很多的框架也开始支持Hermes。作为 React Native 领域高人气元框架的缔造者，Expo 团队此前公布了对 Hermes 的实验性支持。...
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/1190000040891097" target="_blank" title="如何实现拖拽上传、上传进度条，以及取消上传？">如何实现拖拽上传、上传进度条，以及取消上传？</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>1</span>
195
- </span>
196
- &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/shuaifei_5cdd73e997a1f" title="Programming Language">
198
- <span>前端阿飞</span>
199
- </a>
200
- </div>
201
- <div class="details">
202
- 文件上传是最常见的一种业务需求，上传功能可简单，可复杂，简单就是把文件传上去就行，复杂就是涉及大文件断点续传、控制并发等，不知道大家对上传都了解多少。今天要给大家分享的是上传需求中最为常见的一些场...
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/1190000040890232" target="_blank" title="7年Java老后端不能说的秘密：怎么样更好的优化Redis性能？">7年Java老后端不能说的秘密：怎么样更好的优化Redis性能？</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>1</span>
223
- </span>
224
- &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/gupao_anan" title="Programming Language">
226
- <span>Java白叔</span>
227
- </a>
228
- </div>
229
- <div class="details">
230
- 今天早上老板把我叫到办公室，对我说，“公司最近接了个电商小程序单子，你和王二狗，李狗蛋参与下需求分析和设计，然后下个月开发，3个月内完成测试，上线交付”。
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/1190000040890633" target="_blank" title="200 行代码实现一个高效缓存库">200 行代码实现一个高效缓存库</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/pingan8787" title="Programming Language">
254
- <span>pingan8787</span>
255
- </a>
256
- </div>
257
- <div class="details">
258
- 这两天用到 cacheables 缓存库，觉得挺不错的，和大家分享一下我看完源码的总结。一、介绍「cacheables」正如它名字一样，是用来做内存缓存使用，其代码仅仅 200 行左右（不含注释），官方的介绍如下：一个简单的...
259
- </div>
260
- </div>
261
- </li>
262
-
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/1190000040910391" target="_blank" title="Notification桌面通知实践">Notification桌面通知实践</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>4</span>
131
+ </span>
132
+ &nbsp;
133
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
134
+ <span>JenK</span>
135
+ </a>
136
+ </div>
137
+ <div class="details">
138
+ Notification通知实践安全上下文: 此项功能仅在安全上下文(HTTPS), 一些 支持的浏览器.Notifications API 的通知接口用于向用户配置和显示桌面通知。在线示例见文末代码构造方法 {代码...} 参数title定义一个通知...
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/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</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/chokcoco" title="Programming Language">
162
+ <span>chokcoco</span>
163
+ </a>
164
+ </div>
165
+ <div class="details">
166
+ 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
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/1190000040875123" target="_blank" title="10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！">10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！</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>1</span>
187
+ </span>
188
+ &nbsp;
189
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
190
+ <span>前端小智</span>
191
+ </a>
192
+ </div>
193
+ <div class="details">
194
+ 作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000040909189" target="_blank" title="11月4日 “光纤之父”高锟诞辰88周年，致敬科学伟人！">11月4日 “光纤之父”高锟诞辰88周年，致敬科学伟人！</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/suicidal_romantic_scoundrel" title="Programming Language">
218
+ <span>六一</span>
219
+ </a>
220
+ </div>
221
+ <div class="details">
222
+ 当今世界以数字化、网络化、智能化为特征的信息化浪潮蓬勃兴起，元宇宙、云基础设施、5G等热点前沿方向成为信息技术发展的风口。作为信息传导的主要载体，光纤可谓是社会信息化的“神经”，是人类迈向信息化时代的...
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/1190000040908989" target="_blank" title="nvm-一个node版本管理工具 + 打开终端自动切换node版本教程">nvm-一个node版本管理工具 + 打开终端自动切换node版本教程</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/qianniaoyu" title="Programming Language">
246
+ <span>千鸟语</span>
247
+ </a>
248
+ </div>
249
+ <div class="details">
250
+ 在日常的前端或node后台开发中，使用的部分node依赖，可能不支持当前使用的node版本，这时候如果还想使用这个依赖愉快的开发，那只能切换node版本了。
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/1190000040909285" target="_blank" title="OCI 与容器镜像构建">OCI 与容器镜像构建</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>2</span>
271
+ </span>
272
+ &nbsp;
273
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
274
+ <span>张晋涛</span>
275
+ </a>
276
+ </div>
277
+ <div class="details">
278
+ 2013 年 3 月 dotCloud 公司在 PyCon 上进行了 Docker 的首次展示，随后宣布开源。自此 Docker 开始被众人知晓，随后掀起了一股容器化的热潮。
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/1190000040909773" target="_blank" title="LeetCode-077-组合">LeetCode-077-组合</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>2</span>
299
+ </span>
300
+ &nbsp;
301
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
302
+ <span>雄狮虎豹</span>
303
+ </a>
304
+ </div>
305
+ <div class="details">
306
+ 题目描述：给定两个整数 n 和 k，返回范围 [1, n] 中所有可能的 k 个数的组合。你可以按 任何顺序 返回答案。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请...
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/1190000040909653" target="_blank" title="任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源">任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源</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>1</span>
327
+ </span>
328
+ &nbsp;
329
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
330
+ <span>snakesss</span>
331
+ </a>
332
+ </div>
333
+ <div class="details">
334
+ 2018 年，微软宣布正式收购GitHub，微软副总裁 Nat Friedman 担任GitHub 的新 CEO。2021 年 11 月 3 日，GitHub 首席执行官Nat Friedman在任职三年后宣布即将卸任，并回归到他的创业根源。在题为“Thank you, GitH...
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/1190000040909341" target="_blank" title="ADB WIFI无线调试真正摆脱usb数据线连接，一次也不用！">ADB WIFI无线调试真正摆脱usb数据线连接，一次也不用！</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/ufan" title="Programming Language">
358
+ <span>有饭</span>
359
+ </a>
360
+ </div>
361
+ <div class="details">
362
+ 常见的使用ADB无线调试步骤手机“开发者模式”菜单中开启“USB调试” 和“无线调试”，手机网络与电脑在同一网内;手机使用USB与电脑进行正常连接；在命令窗口执行以下ADB命令：给当前连接的设备指定一个监听的端口 {代...
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/1190000040909306" target="_blank" title="字节面试官：写一个你认为最好的单例模式？于是我写了7个">字节面试官：写一个你认为最好的单例模式？于是我写了7个</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/23g69kz6" title="Programming Language">
386
+ <span>Java大将军</span>
387
+ </a>
388
+ </div>
389
+ <div class="details">
390
+ 考察目的：单例模式可以考察非常多的基础知识，因此对于这种问题，很多面试官都会问。小伙伴要注意，在面试过程中，但凡能够从多个维度考察求职者能力的题目，一定不会被抛弃，特别是比较泛的问题，比如：”请你说...
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/1190000040907641" target="_blank" title="坏了！面试官问我垃圾回收机制">坏了！面试官问我垃圾回收机制</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>3</span>
411
+ </span>
412
+ &nbsp;
413
+ <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
414
+ <span>Java3y</span>
415
+ </a>
416
+ </div>
417
+ <div class="details">
418
+ 候选者：嗯，前面提到了堆分了「新生代」和「老年代」，「新生代」又分为「Eden」和「Survivor」区，「survivor」区又分为「From Survivor」和「To Survivor」区
419
+ </div>
420
+ </div>
421
+ </li>
422
+
263
423
  </ul>
264
424
  <div class="footer">
265
- <p>
425
+ <div>
266
426
  <a href="https://github.com/jaywcjlove/github-rank/network" target="_blank">
267
427
  <img src="https://img.shields.io/github/forks/jaywcjlove/github-rank.svg">
268
428
  </a>
@@ -275,8 +435,8 @@
275
435
  <a href="https://unpkg.com/@wcj/github-rank/web/index.html" target="_blank">
276
436
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
277
437
  </a>
278
- </p>
279
- <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
438
+ </div>
439
+ <div class="time">Last cache created on 2021/11/5 by Github API v3.</div>
280
440
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
281
441
  </div>
282
442
  </body>