@wcj/github-rank 22.3.18 → 22.3.19

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 +20017 -20017
  2. package/dist/sifou-daily.json +51 -114
  3. package/dist/sifou-monthly.json +67 -67
  4. package/dist/sifou-weekly.json +121 -121
  5. package/dist/toutiao-30.json +48 -48
  6. package/dist/toutiao-7.json +89 -89
  7. package/dist/toutiao-90.json +20 -20
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +160 -160
  11. package/dist/users.china.json +1933 -1947
  12. package/dist/users.json +1841 -1841
  13. package/package.json +1 -1
  14. package/web/36kr.html +35 -13
  15. package/web/data/repos.json +20017 -20017
  16. package/web/data/sifou-daily.json +51 -114
  17. package/web/data/sifou-monthly.json +67 -67
  18. package/web/data/sifou-weekly.json +121 -121
  19. package/web/data/toutiao-30.json +48 -48
  20. package/web/data/toutiao-7.json +89 -89
  21. package/web/data/toutiao-90.json +20 -20
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +160 -160
  25. package/web/data/users.china.json +1933 -1947
  26. package/web/data/users.json +1841 -1841
  27. package/web/index.html +1076 -1054
  28. package/web/repos.html +2639 -2617
  29. package/web/sifou-daily.html +78 -252
  30. package/web/sifou-monthly.html +134 -112
  31. package/web/sifou-weekly.html +162 -140
  32. package/web/toutiao-30.html +86 -64
  33. package/web/toutiao-7.html +107 -85
  34. package/web/toutiao-90.html +56 -34
  35. package/web/trending-monthly.html +178 -152
  36. package/web/trending-weekly.html +175 -161
  37. package/web/trending.html +189 -163
  38. package/web/users.china.html +1353 -1331
package/web/sifou-weekly.html CHANGED
@@ -7,41 +7,63 @@
7
7
  <link rel="icon" type="image/x-icon" href="https://github.githubassets.com/favicon.ico">
8
8
  <title> Segmentfault 思否热门 </title>
9
9
  <meta name="description" content="Segmentfault 思否热门">
10
+ <style>
11
+ [data-color-mode*='dark'] {
12
+ --color-fg-default: #c9d1d9;
13
+ --color-fg-muted: #8b949e;
14
+ --color-fg-subtle: #484f58;
15
+ --color-accent-fg: #58a6ff;
16
+ --color-accent-emphasis: #1f6feb;
17
+ --color-link-hover: #58a6ff;
18
+ --color-tab-fg: #494949;
19
+ --color-border: #e2e2e2;
20
+ --color-neutral-muted: rgba(110,118,129,0.4);
21
+ }
22
+ [data-color-mode*='light'] {
23
+ --color-fg-default: #24292f;
24
+ --color-fg-muted: #57606a;
25
+ --color-fg-subtle: #6e7781;
26
+ --color-accent-fg: #0969da;
27
+ --color-accent-emphasis: #0969da;
28
+ --color-link-hover: #58a6ff;
29
+ --color-tab-fg: #e2e2e2;
30
+ --color-border: #000;
31
+ --color-neutral-muted: rgba(175,184,193,0.2);
32
+ }
33
+ </style>
10
34
  <style>
11
35
  * { box-sizing: border-box; }
12
36
  html, body, ul, li, h1 { margin: 0; padding: 0 }
13
37
  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
38
  ul { list-style: none; }
15
39
 
16
- a { color: #333; text-decoration: none; transition: all .2s ease-in; }
17
- a:hover { color: #1600ff; }
40
+ a { color: var(--color-accent-fg); text-decoration: none; transition: all .2s ease-in; }
41
+ a:hover { color: var(--color-link-hover); text-decoration: underline; }
18
42
  a.github-corner:hover .octo-arm { animation: octocat-wave 560ms infinite linear; }
19
43
  a.github-corner svg { fill: #f1f1f1; color: #000; position: absolute; top: 0; border: 0; right: 0; z-index: 99; width: 70px; height: 70px; }
20
44
  a.github-corner { position: fixed; z-index: 9999; top: 0; right: 0; }
21
45
 
22
46
  .title { padding: 32px 20px 10px 20px; font-size: 32px; display: flex; }
23
47
  .title a svg { display: block; }
24
- .title a { color: #0059ff; display: inline-block; margin-left: 10px; }
48
+ .title a { color: var(--color-accent-fg); display: inline-block; margin-left: 10px; }
25
49
  .time, .footer { padding: 5px 20px 2px 20px; font-size: 12px; color: #adadad; }
26
50
  .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; }
51
+ .tabs a { background: var(--color-tab-fg); display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: var(--color-accent-fg); }
28
52
  .tabs a.active { background: #333; color: #efefef; }
29
53
  .tabs a:hover:not(.active) { background: #efefef; }
30
54
  .footer { padding: 0 20px 30px 20px; font-size: 12px; color: #adadad; }
31
55
  .footer .time { padding: 0; }
32
56
  .list { text-align: left; padding-bottom: 10px; margin: 0 15px; }
33
57
  .list img { width: 36px; height: 36px; border-radius: 3px; display: block; margin: 0 auto; background-color: #e2e2e2; border: 0; overflow: hidden; }
34
- .list a { color: #0366d6; }
35
- .list a:hover { color: #1600ff; }
36
58
  .list li { padding: 10px; transition: all .3s; }
37
59
  .list li.rank-title { margin: 0; padding: 3px 0 0 7px; margin-bottom: 10px; border-radius: 5px; font-size: 12px; line-height: 16px; }
38
60
  .list li.rank-title > a { margin-right: 10px; }
39
61
  .list li.rank-title:hover { background: transparent; }
40
62
  .list li:last-child, .list li.rank-title { border-bottom: 0; }
41
- .list li:hover { background: #efefef8f; }
63
+ .list li:hover { background: var(--color-neutral-muted); }
42
64
  .list li > div { display: table-cell; vertical-align: top; font-size: 14px; }
43
65
  .list li div.rank span { font-weight: bold; }
44
- .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: #b9b9b9; }
66
+ .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: var(--color-fg-muted); }
45
67
  .list li div.details a { color: #b9b9b9; transition: all .3s; }
46
68
  .list li div.details a:hover { color: #1600ff; }
47
69
  .list li div.details a:hover svg { fill: #1600ff; }
@@ -51,12 +73,12 @@
51
73
  .list li > div.info { width: 100%; }
52
74
  .list li > div.info i { color: #717171; }
53
75
  .list li > div.info a:hover i { color: #333; }
54
- .list li div.sub-title { color: #333; margin: 4px 0 0 0; }
76
+ .list li div.sub-title { color: var(--color-thme-text); margin: 4px 0 0 0; }
55
77
  .list li div.avatar { padding-right: 10px; }
56
78
 
57
79
 
58
80
  .list .select { }
59
- .list .select .active { color: #333; font-weight: bold; border-bottom: 1px dotted #000;}
81
+ .list .select .active { color: var(--color-thme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
60
82
 
61
83
 
62
84
 
@@ -70,8 +92,7 @@
70
92
  .title { padding-top: 16px; font-size: 21px; }
71
93
  }
72
94
  </style>
73
- <style>
74
- </style>
95
+ <script src="https://unpkg.com/@wcj/dark-mode"></script>
75
96
  </head>
76
97
  <body>
77
98
  <a href="https://github.com/jaywcjlove/github-rank" target="_blank" class="github-corner">
@@ -82,6 +103,7 @@
82
103
  </svg>
83
104
  </a>
84
105
  <h1 class="title">
106
+ <dark-mode permanent></dark-mode>
85
107
  Segmentfault 思否热门
86
108
 
87
109
 
@@ -94,7 +116,7 @@
94
116
 
95
117
 
96
118
  </h1>
97
- <div class="time">Last cache created on 2022/3/18 by
119
+ <div class="time">Last cache created on 2022/3/19 by
98
120
 
99
121
 
100
122
 
@@ -136,7 +158,7 @@
136
158
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
137
159
  </g>
138
160
  </svg>
139
- <span>27</span>
161
+ <span>29</span>
140
162
  </span>
141
163
  &nbsp;
142
164
  <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
@@ -192,7 +214,7 @@
192
214
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
193
215
  </g>
194
216
  </svg>
195
- <span>15</span>
217
+ <span>16</span>
196
218
  </span>
197
219
  &nbsp;
198
220
  <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
@@ -209,7 +231,7 @@
209
231
  <div class="info">
210
232
  <div class="rank">
211
233
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
234
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
213
235
  </div>
214
236
  <div class="sub-title followers">
215
237
 
@@ -220,15 +242,15 @@
220
242
  <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"/>
221
243
  </g>
222
244
  </svg>
223
- <span>10</span>
245
+ <span>15</span>
224
246
  </span>
225
247
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
227
- <span>Shenfq</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
+ <span>chokcoco</span>
228
250
  </a>
229
251
  </div>
230
252
  <div class="details">
231
- 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
253
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
232
254
  </div>
233
255
  </div>
234
256
  </li>
@@ -237,7 +259,7 @@
237
259
  <div class="info">
238
260
  <div class="rank">
239
261
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="如何写一份好的前端面试简历?">如何写一份好的前端面试简历?</a>
262
+ <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
241
263
  </div>
242
264
  <div class="sub-title followers">
243
265
 
@@ -251,12 +273,12 @@
251
273
  <span>10</span>
252
274
  </span>
253
275
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
255
- <span>wscats</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
277
+ <span>Shenfq</span>
256
278
  </a>
257
279
  </div>
258
280
  <div class="details">
259
- 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
281
+ 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
260
282
  </div>
261
283
  </div>
262
284
  </li>
@@ -265,7 +287,7 @@
265
287
  <div class="info">
266
288
  <div class="rank">
267
289
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
290
+ <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="如何写一份好的前端面试简历?">如何写一份好的前端面试简历?</a>
269
291
  </div>
270
292
  <div class="sub-title followers">
271
293
 
@@ -276,15 +298,15 @@
276
298
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
277
299
  </g>
278
300
  </svg>
279
- <span>12</span>
301
+ <span>10</span>
280
302
  </span>
281
303
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
283
- <span>chokcoco</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
305
+ <span>wscats</span>
284
306
  </a>
285
307
  </div>
286
308
  <div class="details">
287
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
309
+ 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
288
310
  </div>
289
311
  </div>
290
312
  </li>
@@ -293,7 +315,7 @@
293
315
  <div class="info">
294
316
  <div class="rank">
295
317
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041536596" target="_blank" title="一道面试题牵出12个前端硬核知识点，你能答出几个？">一道面试题牵出12个前端硬核知识点，你能答出几个？</a>
318
+ <a href="https://segmentfault.com/a/1190000041558580" target="_blank" title="招聘季征文活动丨如何“反杀”面试官？">招聘季征文活动丨如何“反杀”面试官？</a>
297
319
  </div>
298
320
  <div class="sub-title followers">
299
321
 
@@ -304,15 +326,15 @@
304
326
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
305
327
  </g>
306
328
  </svg>
307
- <span>9</span>
329
+ <span>7</span>
308
330
  </span>
309
331
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
311
- <span>执鸢者</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
333
+ <span>SegmentFault思否</span>
312
334
  </a>
313
335
  </div>
314
336
  <div class="details">
315
- 一道面试题囊括多个高频知识点的确实不多，但确实有一个神奇的药引子——浏览器安全能串联起12个前端硬核知识点，一起来瞅瞅！！！一、概述1.1 Web页面安全说到Web页面安全你会想到哪些问题呢？什么是同源、什么是...
337
+ 💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”
316
338
  </div>
317
339
  </div>
318
340
  </li>
@@ -321,7 +343,7 @@
321
343
  <div class="info">
322
344
  <div class="rank">
323
345
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041536375" target="_blank" title="线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形">线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形</a>
346
+ <a href="https://segmentfault.com/a/1190000041536596" target="_blank" title="一道面试题牵出12个前端硬核知识点，你能答出几个？">一道面试题牵出12个前端硬核知识点，你能答出几个？</a>
325
347
  </div>
326
348
  <div class="sub-title followers">
327
349
 
@@ -332,15 +354,15 @@
332
354
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
333
355
  </g>
334
356
  </svg>
335
- <span>8</span>
357
+ <span>9</span>
336
358
  </span>
337
359
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
339
- <span>而井</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
361
+ <span>执鸢者</span>
340
362
  </a>
341
363
  </div>
342
364
  <div class="details">
343
- 看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？
365
+ 一道面试题囊括多个高频知识点的确实不多，但确实有一个神奇的药引子——浏览器安全能串联起12个前端硬核知识点，一起来瞅瞅！！！一、概述1.1 Web页面安全说到Web页面安全你会想到哪些问题呢？什么是同源、什么是...
344
366
  </div>
345
367
  </div>
346
368
  </li>
@@ -349,7 +371,7 @@
349
371
  <div class="info">
350
372
  <div class="rank">
351
373
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041543041" target="_blank" title="观察者模式与发布订阅模式区别 - JS">观察者模式与发布订阅模式区别 - JS</a>
374
+ <a href="https://segmentfault.com/a/1190000041536375" target="_blank" title="线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形">线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形</a>
353
375
  </div>
354
376
  <div class="sub-title followers">
355
377
 
@@ -360,15 +382,15 @@
360
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
361
383
  </g>
362
384
  </svg>
363
- <span>5</span>
385
+ <span>8</span>
364
386
  </span>
365
387
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
367
- <span>时倾</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
389
+ <span>而井</span>
368
390
  </a>
369
391
  </div>
370
392
  <div class="details">
371
- 在观察者模式中，只有两种主体：目标对象 (Subject) 和 观察者 (Observer)。在观察者模式中，Subject 对象拥有添加、删除和通知一系列 Observer 的方法等，而 Observer 对象拥有 update 更新方法等。在 Subject ...
393
+ 看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？
372
394
  </div>
373
395
  </div>
374
396
  </li>
@@ -377,7 +399,7 @@
377
399
  <div class="info">
378
400
  <div class="rank">
379
401
  <span title="Ranking 10">10</span>
380
- <a href="https://segmentfault.com/a/1190000041558580" target="_blank" title="招聘季征文活动丨如何“反杀”面试官？">招聘季征文活动丨如何“反杀”面试官？</a>
402
+ <a href="https://segmentfault.com/a/1190000041543041" target="_blank" title="观察者模式与发布订阅模式区别 - JS">观察者模式与发布订阅模式区别 - JS</a>
381
403
  </div>
382
404
  <div class="sub-title followers">
383
405
 
@@ -388,15 +410,15 @@
388
410
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
389
411
  </g>
390
412
  </svg>
391
- <span>7</span>
413
+ <span>5</span>
392
414
  </span>
393
415
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
395
- <span>SegmentFault思否</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
417
+ <span>时倾</span>
396
418
  </a>
397
419
  </div>
398
420
  <div class="details">
399
- 💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”
421
+ 在观察者模式中，只有两种主体：目标对象 (Subject) 和 观察者 (Observer)。在观察者模式中，Subject 对象拥有添加、删除和通知一系列 Observer 的方法等，而 Observer 对象拥有 update 更新方法等。在 Subject ...
400
422
  </div>
401
423
  </div>
402
424
  </li>
@@ -405,7 +427,7 @@
405
427
  <div class="info">
406
428
  <div class="rank">
407
429
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041555032" target="_blank" title="由 Figma 封停大疆，看国产 IDE 如何应对与突围？">由 Figma 封停大疆，看国产 IDE 如何应对与突围？</a>
430
+ <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
409
431
  </div>
410
432
  <div class="sub-title followers">
411
433
 
@@ -416,15 +438,15 @@
416
438
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
417
439
  </g>
418
440
  </svg>
419
- <span>4</span>
441
+ <span>10</span>
420
442
  </span>
421
443
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/baihai_idp" title="Programming Language">
423
- <span>Baihai_IDP</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
445
+ <span>前端小智</span>
424
446
  </a>
425
447
  </div>
426
448
  <div class="details">
427
- 3 月 12 日，UI 设计协作工具软件 Figma 封停大疆，中国企业使用国际软件的不确定性加剧。UI 设计工具的禁用是否只是开端？目前被国际软件和开源工具垄断的 IDE(集成开发环境)是否将成为下一个封停对象？
449
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
428
450
  </div>
429
451
  </div>
430
452
  </li>
@@ -433,7 +455,7 @@
433
455
  <div class="info">
434
456
  <div class="rank">
435
457
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041545178" target="_blank" title="petite-vue源码剖析-双向绑定`v-model`的工作原理">petite-vue源码剖析-双向绑定`v-model`的工作原理</a>
458
+ <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
437
459
  </div>
438
460
  <div class="sub-title followers">
439
461
 
@@ -444,15 +466,15 @@
444
466
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
445
467
  </g>
446
468
  </svg>
447
- <span>4</span>
469
+ <span>7</span>
448
470
  </span>
449
471
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/fsjohnhuang" title="Programming Language">
451
- <span>肥仔John</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
473
+ <span>前端私教年年</span>
452
474
  </a>
453
475
  </div>
454
476
  <div class="details">
455
- 双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非...
477
+ 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
456
478
  </div>
457
479
  </div>
458
480
  </li>
@@ -461,7 +483,7 @@
461
483
  <div class="info">
462
484
  <div class="rank">
463
485
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041542386" target="_blank" title="null 和 undefined 的区别！">null 和 undefined 的区别！</a>
486
+ <a href="https://segmentfault.com/a/1190000041562231" target="_blank" title="小推理：React18比老版React更优秀的一个地方">小推理：React18比老版React更优秀的一个地方</a>
465
487
  </div>
466
488
  <div class="sub-title followers">
467
489
 
@@ -472,15 +494,15 @@
472
494
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
473
495
  </g>
474
496
  </svg>
475
- <span>5</span>
497
+ <span>6</span>
476
498
  </span>
477
499
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
479
- <span>前端小智</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
501
+ <span>卡颂</span>
480
502
  </a>
481
503
  </div>
482
504
  <div class="details">
483
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
505
+ 大家好，我卡颂。React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。v18新增了很多特性，今天，我们不聊新特性，而是来讲讲v18相比老版更优秀的一个细节：v18中，组件render的次数可能更少欢...
484
506
  </div>
485
507
  </div>
486
508
  </li>
@@ -489,7 +511,7 @@
489
511
  <div class="info">
490
512
  <div class="rank">
491
513
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041551724" target="_blank" title="（交作业啦！！！）html5学习笔记🐷">（交作业啦！！！）html5学习笔记🐷</a>
514
+ <a href="https://segmentfault.com/a/1190000041543121" target="_blank" title="巧用 CSS 构建渐变彩色二维码">巧用 CSS 构建渐变彩色二维码</a>
493
515
  </div>
494
516
  <div class="sub-title followers">
495
517
 
@@ -500,15 +522,15 @@
500
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
501
523
  </g>
502
524
  </svg>
503
- <span>8</span>
525
+ <span>5</span>
504
526
  </span>
505
527
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
507
- <span>不会写代码的小白</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
529
+ <span>chokcoco</span>
508
530
  </a>
509
531
  </div>
510
532
  <div class="details">
511
- 由于前段时间比较忙（忙着相亲）所以很久都没有更新文章，也没有认真学习啦！导致我的老师都来质问我，所以今天要做个检讨了😭嘿嘿嘿，是不是有一种上高中的时候被老师催着交作业的感觉！！！
533
+ 很有意思的问题，我们在百度谷歌，搜索 qrcode，能搜到非常多在线制作二维码的工具，它们其中一些也会带有制作渐变二维码的功能。但是它们大部分都是 Canvas 或者其它编程语言实现的。
512
534
  </div>
513
535
  </div>
514
536
  </li>
@@ -517,7 +539,7 @@
517
539
  <div class="info">
518
540
  <div class="rank">
519
541
  <span title="Ranking 15">15</span>
520
- <a href="https://segmentfault.com/a/1190000041557477" target="_blank" title="从数据集中随机抽取一定数量的数据">从数据集中随机抽取一定数量的数据</a>
542
+ <a href="https://segmentfault.com/a/1190000041555032" target="_blank" title="由 Figma 封停大疆，看国产 IDE 如何应对与突围？">由 Figma 封停大疆，看国产 IDE 如何应对与突围？</a>
521
543
  </div>
522
544
  <div class="sub-title followers">
523
545
 
@@ -528,15 +550,15 @@
528
550
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
529
551
  </g>
530
552
  </svg>
531
- <span>4</span>
553
+ <span>5</span>
532
554
  </span>
533
555
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
535
- <span>边城</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/baihai_idp" title="Programming Language">
557
+ <span>Baihai_IDP</span>
536
558
  </a>
537
559
  </div>
538
560
  <div class="details">
539
- 今天翻到一个以前回答的问题：从列表中随机抽取一定数量的数据。之前回答是使用 Fisher-Yates 洗牌算法来解决的，但是阅读了评论之后，又有了一些新想法。
561
+ 3 月 12 日，UI 设计协作工具软件 Figma 封停大疆，中国企业使用国际软件的不确定性加剧。UI 设计工具的禁用是否只是开端？目前被国际软件和开源工具垄断的 IDE(集成开发环境)是否将成为下一个封停对象？
540
562
  </div>
541
563
  </div>
542
564
  </li>
@@ -545,7 +567,7 @@
545
567
  <div class="info">
546
568
  <div class="rank">
547
569
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
570
+ <a href="https://segmentfault.com/a/1190000041557477" target="_blank" title="从数据集中随机抽取一定数量的数据">从数据集中随机抽取一定数量的数据</a>
549
571
  </div>
550
572
  <div class="sub-title followers">
551
573
 
@@ -559,12 +581,12 @@
559
581
  <span>4</span>
560
582
  </span>
561
583
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
563
- <span>前端私教年年</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
585
+ <span>边城</span>
564
586
  </a>
565
587
  </div>
566
588
  <div class="details">
567
- 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
589
+ 今天翻到一个以前回答的问题：从列表中随机抽取一定数量的数据。之前回答是使用 Fisher-Yates 洗牌算法来解决的，但是阅读了评论之后，又有了一些新想法。
568
590
  </div>
569
591
  </div>
570
592
  </li>
@@ -573,7 +595,7 @@
573
595
  <div class="info">
574
596
  <div class="rank">
575
597
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041543121" target="_blank" title="巧用 CSS 构建渐变彩色二维码">巧用 CSS 构建渐变彩色二维码</a>
598
+ <a href="https://segmentfault.com/a/1190000041545178" target="_blank" title="petite-vue源码剖析-双向绑定`v-model`的工作原理">petite-vue源码剖析-双向绑定`v-model`的工作原理</a>
577
599
  </div>
578
600
  <div class="sub-title followers">
579
601
 
@@ -587,12 +609,12 @@
587
609
  <span>4</span>
588
610
  </span>
589
611
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
591
- <span>chokcoco</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/fsjohnhuang" title="Programming Language">
613
+ <span>肥仔John</span>
592
614
  </a>
593
615
  </div>
594
616
  <div class="details">
595
- 很有意思的问题，我们在百度谷歌，搜索 qrcode，能搜到非常多在线制作二维码的工具，它们其中一些也会带有制作渐变二维码的功能。但是它们大部分都是 Canvas 或者其它编程语言实现的。
617
+ 双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非...
596
618
  </div>
597
619
  </div>
598
620
  </li>
@@ -601,7 +623,7 @@
601
623
  <div class="info">
602
624
  <div class="rank">
603
625
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041542058" target="_blank" title="走进开源项目 - urlcat 源码分析">走进开源项目 - urlcat 源码分析</a>
626
+ <a href="https://segmentfault.com/a/1190000041542386" target="_blank" title="null 和 undefined 的区别！">null 和 undefined 的区别！</a>
605
627
  </div>
606
628
  <div class="sub-title followers">
607
629
 
@@ -612,15 +634,15 @@
612
634
  <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"/>
613
635
  </g>
614
636
  </svg>
615
- <span>3</span>
637
+ <span>5</span>
616
638
  </span>
617
639
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
619
- <span>robin</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
641
+ <span>前端小智</span>
620
642
  </a>
621
643
  </div>
622
644
  <div class="details">
623
- 该项目是在 qs 项目的基础上并使用 typescript 进行开发，其中定义了 2 个类型，有几个不太了解知识点 type 、 Recode 、Partial 和 Pick 。
645
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
624
646
  </div>
625
647
  </div>
626
648
  </li>
@@ -629,7 +651,7 @@
629
651
  <div class="info">
630
652
  <div class="rank">
631
653
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041538256" target="_blank" title="如何在 JavaScript 中实现 Event Bus（事件总线）">如何在 JavaScript 中实现 Event Bus（事件总线）</a>
654
+ <a href="https://segmentfault.com/a/1190000041551724" target="_blank" title="（交作业啦！！！）html5学习笔记🐷">（交作业啦！！！）html5学习笔记🐷</a>
633
655
  </div>
634
656
  <div class="sub-title followers">
635
657
 
@@ -640,15 +662,15 @@
640
662
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
641
663
  </g>
642
664
  </svg>
643
- <span>4</span>
665
+ <span>9</span>
644
666
  </span>
645
667
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/dushusir" title="Programming Language">
647
- <span>Dushusir</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
669
+ <span>不会写代码的小白</span>
648
670
  </a>
649
671
  </div>
650
672
  <div class="details">
651
- Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。
673
+ 由于前段时间比较忙（忙着相亲）所以很久都没有更新文章，也没有认真学习啦！导致我的老师都来质问我，所以今天要做个检讨了😭嘿嘿嘿，是不是有一种上高中的时候被老师催着交作业的感觉！！！
652
674
  </div>
653
675
  </div>
654
676
  </li>
@@ -668,7 +690,7 @@
668
690
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
669
691
  </g>
670
692
  </svg>
671
- <span>3</span>
693
+ <span>5</span>
672
694
  </span>
673
695
  &nbsp;
674
696
  <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
@@ -685,7 +707,7 @@
685
707
  <div class="info">
686
708
  <div class="rank">
687
709
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041554419" target="_blank" title="写给后端开发工程师的H5前端开发知识">写给后端开发工程师的H5前端开发知识</a>
710
+ <a href="https://segmentfault.com/a/1190000041542058" target="_blank" title="走进开源项目 - urlcat 源码分析">走进开源项目 - urlcat 源码分析</a>
689
711
  </div>
690
712
  <div class="sub-title followers">
691
713
 
@@ -699,12 +721,12 @@
699
721
  <span>3</span>
700
722
  </span>
701
723
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
703
- <span>得物技术</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
725
+ <span>robin</span>
704
726
  </a>
705
727
  </div>
706
728
  <div class="details">
707
- web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开...
729
+ 该项目是在 qs 项目的基础上并使用 typescript 进行开发，其中定义了 2 个类型，有几个不太了解知识点 type 、 Recode 、Partial 和 Pick 。
708
730
  </div>
709
731
  </div>
710
732
  </li>
@@ -713,7 +735,7 @@
713
735
  <div class="info">
714
736
  <div class="rank">
715
737
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041531553" target="_blank" title="React内部的性能优化没有达到极致？">React内部的性能优化没有达到极致？</a>
738
+ <a href="https://segmentfault.com/a/1190000041538256" target="_blank" title="如何在 JavaScript 中实现 Event Bus（事件总线）">如何在 JavaScript 中实现 Event Bus（事件总线）</a>
717
739
  </div>
718
740
  <div class="sub-title followers">
719
741
 
@@ -727,12 +749,12 @@
727
749
  <span>4</span>
728
750
  </span>
729
751
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
731
- <span>卡颂</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/dushusir" title="Programming Language">
753
+ <span>Dushusir</span>
732
754
  </a>
733
755
  </div>
734
756
  <div class="details">
735
- 大家好，我卡颂。对于如下这个常见交互步骤：点击按钮，触发状态更新组件render视图渲染你觉得哪些步骤有性能优化的空间呢？答案是：1和2。对于步骤1，如果状态更新前后没有变化，则可以略过剩下的步骤。这个优化...
757
+ Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。
736
758
  </div>
737
759
  </div>
738
760
  </li>
@@ -741,7 +763,7 @@
741
763
  <div class="info">
742
764
  <div class="rank">
743
765
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041545050" target="_blank" title="网易云音乐低代码体系建设思考与实践">网易云音乐低代码体系建设思考与实践</a>
766
+ <a href="https://segmentfault.com/a/1190000041556957" target="_blank" title="高效求职，直通技术leader，思否招聘内推季正式开启！">高效求职，直通技术leader，思否招聘内推季正式开启！</a>
745
767
  </div>
746
768
  <div class="sub-title followers">
747
769
 
@@ -752,15 +774,15 @@
752
774
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
753
775
  </g>
754
776
  </svg>
755
- <span>4</span>
777
+ <span>2</span>
756
778
  </span>
757
779
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
759
- <span>云音乐技术团队</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
781
+ <span>SegmentFault思否</span>
760
782
  </a>
761
783
  </div>
762
784
  <div class="details">
763
- 本文主要谈一谈网易云音乐大前端团队在面向模式化研发场景的低代码体系的建设思考和实践。本文将会从当前我们所面临的业务研发问题出发，谈一谈我们对于构建低代码研发体系的思考，进而介绍我们正在构建的同时支...
785
+ 作为科技企业和开发者沟通的桥梁，为解决企业与开发者无法快速“了解”彼此的困扰，SegmentFault 思否正式开启本年度最大型线上活动：「宝藏公司内推季」。
764
786
  </div>
765
787
  </div>
766
788
  </li>
@@ -769,7 +791,7 @@
769
791
  <div class="info">
770
792
  <div class="rank">
771
793
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041543171" target="_blank" title="CSS 美化滑动输入条 input range">CSS 美化滑动输入条 input range</a>
794
+ <a href="https://segmentfault.com/a/1190000041545050" target="_blank" title="网易云音乐低代码体系建设思考与实践">网易云音乐低代码体系建设思考与实践</a>
773
795
  </div>
774
796
  <div class="sub-title followers">
775
797
 
@@ -783,12 +805,12 @@
783
805
  <span>6</span>
784
806
  </span>
785
807
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
787
- <span>XboxYan</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
809
+ <span>云音乐技术团队</span>
788
810
  </a>
789
811
  </div>
790
812
  <div class="details">
791
- 欢迎关注我的公众号：前端侦探关于原生 input range 滑动输入条如何自定义样式一直都是我心里的一道坎，一般情况下，可以很轻易的美化到这个程度为什么很容易呢？因为这些都是有对应的伪元素可以修改的 {代码...}...
813
+ 本文主要谈一谈网易云音乐大前端团队在面向模式化研发场景的低代码体系的建设思考和实践。本文将会从当前我们所面临的业务研发问题出发，谈一谈我们对于构建低代码研发体系的思考，进而介绍我们正在构建的同时支...
792
814
  </div>
793
815
  </div>
794
816
  </li>
@@ -797,7 +819,7 @@
797
819
  <div class="info">
798
820
  <div class="rank">
799
821
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041549758" target="_blank" title="我在 ONES 等你 ｜ 宝藏公司技术招聘">我在 ONES 等你 ｜ 宝藏公司技术招聘</a>
822
+ <a href="https://segmentfault.com/a/1190000041554419" target="_blank" title="写给后端开发工程师的H5前端开发知识">写给后端开发工程师的H5前端开发知识</a>
801
823
  </div>
802
824
  <div class="sub-title followers">
803
825
 
@@ -808,15 +830,15 @@
808
830
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
809
831
  </g>
810
832
  </svg>
811
- <span>2</span>
833
+ <span>4</span>
812
834
  </span>
813
835
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
815
- <span>万事ONES</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
837
+ <span>得物技术</span>
816
838
  </a>
817
839
  </div>
818
840
  <div class="details">
819
- 主讲人简介ONES 联合创始人兼 CTO 冯斌曾任职于金山软件网易邮箱、正点科技；CSM、DevOps Master、KMP、PMI-ACP、系统分析师中国信息通信研究院《研发运营一体化（DevOps）能力成熟度模型》 编写专家《研发运营一...
841
+ web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开...
820
842
  </div>
821
843
  </div>
822
844
  </li>
@@ -825,7 +847,7 @@
825
847
  <div class="info">
826
848
  <div class="rank">
827
849
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041533456" target="_blank" title="VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据">VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据</a>
850
+ <a href="https://segmentfault.com/a/1190000041567908" target="_blank" title="欢迎体验 | Android 13 开发者预览版 2">欢迎体验 | Android 13 开发者预览版 2</a>
829
851
  </div>
830
852
  <div class="sub-title followers">
831
853
 
@@ -836,15 +858,15 @@
836
858
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
837
859
  </g>
838
860
  </svg>
839
- <span>3</span>
861
+ <span>2</span>
840
862
  </span>
841
863
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
843
- <span>冴羽</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/androiddevs" title="Programming Language">
865
+ <span>Android开发者</span>
844
866
  </a>
845
867
  </div>
846
868
  <div class="details">
847
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这...
869
+ 上个月，我们 发布了 Android 13 的首个开发者预览版。Android 13 围绕我们的核心主题打造，即隐私和安全、开发者生产力，以及支持平板电脑和 大屏幕设备。今天，我们为大家带来了 Android 13 开发者预览版 2，提...
848
870
  </div>
849
871
  </div>
850
872
  </li>
@@ -853,7 +875,7 @@
853
875
  <div class="info">
854
876
  <div class="rank">
855
877
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041547589" target="_blank" title="JZ-072-礼物的最大价值">JZ-072-礼物的最大价值</a>
878
+ <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
857
879
  </div>
858
880
  <div class="sub-title followers">
859
881
 
@@ -864,15 +886,15 @@
864
886
  <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"/>
865
887
  </g>
866
888
  </svg>
867
- <span>4</span>
889
+ <span>7</span>
868
890
  </span>
869
891
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
871
- <span>雄狮虎豹</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
893
+ <span>kumfo</span>
872
894
  </a>
873
895
  </div>
874
896
  <div class="details">
875
- 在一个 m*n 的棋盘的每一个格都放有一个礼物，每个礼物都有一定价值（大于 0）。从左上角开始拿礼物，每次向右或向下移动一格，直到右下角结束。给定一个棋盘，求拿到礼物的最大价值。例如，对于如下棋盘1 10 3 8...
897
+ 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
876
898
  </div>
877
899
  </div>
878
900
  </li>
@@ -881,7 +903,7 @@
881
903
  <div class="info">
882
904
  <div class="rank">
883
905
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041538428" target="_blank" title="LeetCode刷题笔记：数组中重复的数据">LeetCode刷题笔记：数组中重复的数据</a>
906
+ <a href="https://segmentfault.com/a/1190000041549758" target="_blank" title="我在 ONES 等你 ｜ 宝藏公司技术招聘">我在 ONES 等你 ｜ 宝藏公司技术招聘</a>
885
907
  </div>
886
908
  <div class="sub-title followers">
887
909
 
@@ -892,15 +914,15 @@
892
914
  <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"/>
893
915
  </g>
894
916
  </svg>
895
- <span>4</span>
917
+ <span>2</span>
896
918
  </span>
897
919
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/dushusir" title="Programming Language">
899
- <span>Dushusir</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
921
+ <span>万事ONES</span>
900
922
  </a>
901
923
  </div>
902
924
  <div class="details">
903
- 给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。
925
+ 主讲人简介ONES 联合创始人兼 CTO 冯斌曾任职于金山软件网易邮箱、正点科技；CSM、DevOps Master、KMP、PMI-ACP、系统分析师中国信息通信研究院《研发运营一体化（DevOps）能力成熟度模型》 编写专家《研发运营一...
904
926
  </div>
905
927
  </div>
906
928
  </li>
@@ -909,7 +931,7 @@
909
931
  <div class="info">
910
932
  <div class="rank">
911
933
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041549456" target="_blank" title="使用 Rancher 进行首次金丝雀部署">使用 Rancher 进行首次金丝雀部署</a>
934
+ <a href="https://segmentfault.com/a/1190000041555868" target="_blank" title="宝藏公司一StreamNative">宝藏公司一StreamNative</a>
913
935
  </div>
914
936
  <div class="sub-title followers">
915
937
 
@@ -923,12 +945,12 @@
923
945
  <span>2</span>
924
946
  </span>
925
947
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/rancher" title="Programming Language">
927
- <span>Rancher</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/apachepulsar" title="Programming Language">
949
+ <span>ApachePulsar</span>
928
950
  </a>
929
951
  </div>
930
952
  <div class="details">
931
- 过去，可怜的金丝雀会作为试验品，用来测试煤矿中甲烷的含量。用绳子将装有金丝雀的笼子放入矿井一段时间，再拉上来，如果金丝雀还活着，矿井就可以安全开采；如果金丝雀死亡，则不能开采。现在，这种方法早已弃...
953
+ 曾任职于 EMC，担任北京 EMC 实时处理平台技术负责人主要从事实时计算和分布式存储系统的相关开发，在开源项目 Apache BookKeeper, Apache Pulsar 等项目中持续贡献代码
932
954
  </div>
933
955
  </div>
934
956
  </li>
@@ -937,7 +959,7 @@
937
959
  <div class="info">
938
960
  <div class="rank">
939
961
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041543599" target="_blank" title="[live streaming] CG&amp;WebGL&amp;Threejs知识以及学习思维分享。">[live streaming] CG&amp;WebGL&amp;Threejs知识以及学习思维分享。</a>
962
+ <a href="https://segmentfault.com/a/1190000041564784" target="_blank" title="Web3D 从入门到跑路 · 3D 初体验">Web3D 从入门到跑路 · 3D 初体验</a>
941
963
  </div>
942
964
  <div class="sub-title followers">
943
965
 
@@ -948,15 +970,15 @@
948
970
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
949
971
  </g>
950
972
  </svg>
951
- <span>3</span>
973
+ <span>5</span>
952
974
  </span>
953
975
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
955
- <span>wlove</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
977
+ <span>凹凸实验室</span>
956
978
  </a>
957
979
  </div>
958
980
  <div class="details">
959
- 对于一次直播分享的文字版记录 (建议看视频), 视频云盘链接 全篇主要分为几个方向进行了介绍:Computer Graphics相关WebGL相关Threejs相关Q&amp;A 暂不记录注意下述内容与直播内容可能稍微存在差异。Computer Graphics...
981
+ 在“元宇宙”概念越来越火热的背景下，我们准备了一系列的 3D 元宇宙公开课及教学文章，教大家如何从 0 到 1 快速搭建一个3D项目，从中可以学习到 WebGL 底层原理、图形学、热门引擎的使用方法等。在入门前，我们先...
960
982
  </div>
961
983
  </div>
962
984
  </li>
@@ -977,7 +999,7 @@
977
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
1000
  </a>
979
1001
  </div>
980
- <div class="time">Last cache created on 2022/3/18 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/3/19 by Github API v3.</div>
981
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
1004
  </div>
983
1005
  </body>