@wcj/github-rank 22.10.24 → 22.10.26

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 (40) hide show
  1. package/README.md +2 -2
  2. package/dist/repos.json +32597 -32589
  3. package/dist/trending-daily.json +168 -168
  4. package/dist/trending-monthly.json +159 -159
  5. package/dist/trending-weekly.json +171 -171
  6. package/dist/users.china.json +13571 -14135
  7. package/dist/users.json +1215 -1113
  8. package/package.json +4 -6
  9. package/web/data/repos.json +32597 -32589
  10. package/web/data/trending-daily.json +168 -168
  11. package/web/data/trending-monthly.json +159 -159
  12. package/web/data/trending-weekly.json +171 -171
  13. package/web/data/users.china.json +13571 -14135
  14. package/web/data/users.json +1215 -1113
  15. package/web/index.html +843 -849
  16. package/web/repos.html +3951 -3961
  17. package/web/trending-monthly.html +138 -144
  18. package/web/trending-weekly.html +150 -152
  19. package/web/trending.html +149 -147
  20. package/web/users.china.html +3890 -3896
  21. package/dist/36kr.json +0 -6963
  22. package/dist/sifou-daily.json +0 -47
  23. package/dist/sifou-monthly.json +0 -272
  24. package/dist/sifou-weekly.json +0 -272
  25. package/dist/toutiao-30.json +0 -1
  26. package/dist/toutiao-7.json +0 -1
  27. package/dist/toutiao-90.json +0 -1
  28. package/web/data/36kr.json +0 -6963
  29. package/web/data/sifou-daily.json +0 -47
  30. package/web/data/sifou-monthly.json +0 -272
  31. package/web/data/sifou-weekly.json +0 -272
  32. package/web/data/toutiao-30.json +0 -1
  33. package/web/data/toutiao-7.json +0 -1
  34. package/web/data/toutiao-90.json +0 -1
  35. package/web/sifou-daily.html +0 -304
  36. package/web/sifou-monthly.html +0 -1004
  37. package/web/sifou-weekly.html +0 -1004
  38. package/web/toutiao-30.html +0 -171
  39. package/web/toutiao-7.html +0 -171
  40. package/web/toutiao-90.html +0 -171
package/web/sifou-weekly.html DELETED
@@ -1,1004 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
- <link rel="icon" type="image/x-icon" href="https://github.githubassets.com/favicon.ico">
8
- <title> Segmentfault 思否热门 </title>
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>
34
- <style>
35
- * { box-sizing: border-box; }
36
- html, body, ul, li, h1 { margin: 0; padding: 0 }
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; }
38
- ul { list-style: none; }
39
-
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; }
42
- a.github-corner:hover .octo-arm { animation: octocat-wave 560ms infinite linear; }
43
- a.github-corner svg { fill: #f1f1f1; color: #000; position: absolute; top: 0; border: 0; right: 0; z-index: 99; width: 70px; height: 70px; }
44
- a.github-corner { position: fixed; z-index: 9999; top: 0; right: 0; }
45
-
46
- .title { padding: 32px 20px 10px 20px; font-size: 32px; display: flex; }
47
- .title a svg { display: block; }
48
- .title a { color: var(--color-accent-fg); display: inline-block; margin-left: 10px; }
49
- .time, .footer { padding: 5px 20px 2px 20px; font-size: 12px; color: #adadad; }
50
- .tabs { padding: 0 20px 5px 20px;}
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); }
52
- .tabs a.active { background: #333; color: #efefef; }
53
- .tabs a:hover:not(.active) { background: #efefef; }
54
- .footer { padding: 0 20px 30px 20px; font-size: 12px; color: #adadad; }
55
- .footer .time { padding: 0; }
56
- .list { text-align: left; padding-bottom: 10px; margin: 0 15px; }
57
- .list img { width: 36px; height: 36px; border-radius: 3px; display: block; margin: 0 auto; background-color: #e2e2e2; border: 0; overflow: hidden; }
58
- .list li { padding: 10px; transition: all .3s; }
59
- .list li.rank-title { margin: 0; padding: 3px 0 0 7px; margin-bottom: 10px; border-radius: 5px; font-size: 12px; line-height: 16px; }
60
- .list li.rank-title > a { margin-right: 10px; }
61
- .list li.rank-title:hover { background: transparent; }
62
- .list li:last-child, .list li.rank-title { border-bottom: 0; }
63
- .list li:hover { background: var(--color-neutral-muted); }
64
- .list li > div { display: table-cell; vertical-align: top; font-size: 14px; }
65
- .list li div.rank span { font-weight: bold; }
66
- .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: var(--color-fg-muted); }
67
- .list li div.details a { color: #b9b9b9; transition: all .3s; }
68
- .list li div.details a:hover { color: #1600ff; }
69
- .list li div.details a:hover svg { fill: #1600ff; }
70
- .list li div.details * { vertical-align: middle; }
71
- .list li div.details .localtion { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 150px; display: inline-block; height: 14px; }
72
- .list li div.details svg { width: 12px; height: 12px; margin-top: 0; margin-right: 2px; fill: #b9b9b9; display: inline-block; }
73
- .list li > div.info { width: 100%; }
74
- .list li > div.info i { color: #717171; }
75
- .list li > div.info a:hover i { color: #333; }
76
- .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
77
- .list li div.avatar { padding-right: 10px; }
78
- @keyframes octocat-wave {
79
- 0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
80
- 20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
81
- 40%,80%{-webkit-transform:rotate(10deg); transform:rotate(10deg);}
82
- }
83
- @media screen and (max-width: 479px) {
84
- .title { padding-top: 16px; font-size: 21px; }
85
- }
86
- </style>
87
-
88
-
89
- <style>
90
- .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
91
- </style>
92
-
93
-
94
-
95
-
96
- <script src="https://unpkg.com/@wcj/dark-mode"></script>
97
- </head>
98
- <body>
99
- <a href="https://github.com/jaywcjlove/github-rank" target="_blank" class="github-corner">
100
- <svg viewBox="0 0 250 250">
101
- <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
102
- <path class="octo-arm" fill="currentColor" style="transform-origin: 130px 106px;" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"></path>
103
- <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>
104
- </svg>
105
- </a>
106
- <h1 class="title">
107
- <dark-mode permanent></dark-mode>
108
- Segmentfault 思否热门
109
-
110
-
111
-
112
-
113
- <a target="_blank" href="https://segmentfault.com/hottest">
114
- <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>
115
- </a>
116
-
117
-
118
- </h1>
119
- <div class="time">Last cache created on 2022/10/24 by
120
-
121
-
122
-
123
-
124
- <a href="https://segmentfault.com/hottest">SegmentFault</a>
125
-
126
- .
127
- </div>
128
- <div class="tabs">
129
- <a class="" href="index.html">Users</a>
130
- <a class="" href="repos.html">Repos</a>
131
- <a class="" href="trending.html">Trending</a>
132
- <a class="active" href="sifou-daily.html">Sifou</a>
133
- <a class="" href="toutiao-7.html">开发头条</a>
134
- </div>
135
- <ul class="list">
136
- <li class="rank-title">
137
- <span class="select">
138
- <a class="" href="sifou-daily.html">日热门</a>
139
- <a class="active" href="sifou-weekly.html">周热门</a>
140
- <a class="" href="sifou-monthly.html">月热门</a>
141
- </span>
142
- </li>
143
-
144
- <li>
145
- <div class="info">
146
- <div class="rank">
147
- <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042643893" target="_blank" title="CSS 绘制一只思否猫">CSS 绘制一只思否猫</a>
149
- </div>
150
- <div class="sub-title followers">
151
-
152
- <span title="Stargazers Count">
153
- <svg width="12" height="12" viewBox="0 0 16 16">
154
- <g fill="none" fill-rule="evenodd">
155
- <path d="M0 0h16v16H0z"/>
156
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
- </g>
158
- </svg>
159
- <span>24</span>
160
- </span>
161
- &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
- <span>XboxYan</span>
164
- </a>
165
- </div>
166
- <div class="details">
167
- 欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;...
168
- </div>
169
- </div>
170
- </li>
171
-
172
- <li>
173
- <div class="info">
174
- <div class="rank">
175
- <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042632786" target="_blank" title="思否猫拼接怪编辑器">思否猫拼接怪编辑器</a>
177
- </div>
178
- <div class="sub-title followers">
179
-
180
- <span title="Stargazers Count">
181
- <svg width="12" height="12" viewBox="0 0 16 16">
182
- <g fill="none" fill-rule="evenodd">
183
- <path d="M0 0h16v16H0z"/>
184
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
- </g>
186
- </svg>
187
- <span>11</span>
188
- </span>
189
- &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
191
- <span>JenK</span>
192
- </a>
193
- </div>
194
- <div class="details">
195
- 1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的
196
- </div>
197
- </div>
198
- </li>
199
-
200
- <li>
201
- <div class="info">
202
- <div class="rank">
203
- <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042647263" target="_blank" title="SegmentFault 思否 Top Writer 榜单｜2022年第三季度">SegmentFault 思否 Top Writer 榜单｜2022年第三季度</a>
205
- </div>
206
- <div class="sub-title followers">
207
-
208
- <span title="Stargazers Count">
209
- <svg width="12" height="12" viewBox="0 0 16 16">
210
- <g fill="none" fill-rule="evenodd">
211
- <path d="M0 0h16v16H0z"/>
212
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
213
- </g>
214
- </svg>
215
- <span>13</span>
216
- </span>
217
- &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
219
- <span>SegmentFault思否</span>
220
- </a>
221
- </div>
222
- <div class="details">
223
- 他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。
224
- </div>
225
- </div>
226
- </li>
227
-
228
- <li>
229
- <div class="info">
230
- <div class="rank">
231
- <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042653533" target="_blank" title="超强的苹果官网滚动文字特效实现">超强的苹果官网滚动文字特效实现</a>
233
- </div>
234
- <div class="sub-title followers">
235
-
236
- <span title="Stargazers Count">
237
- <svg width="12" height="12" viewBox="0 0 16 16">
238
- <g fill="none" fill-rule="evenodd">
239
- <path d="M0 0h16v16H0z"/>
240
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
241
- </g>
242
- </svg>
243
- <span>16</span>
244
- </span>
245
- &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
247
- <span>chokcoco</span>
248
- </a>
249
- </div>
250
- <div class="details">
251
- 每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...
252
- </div>
253
- </div>
254
- </li>
255
-
256
- <li>
257
- <div class="info">
258
- <div class="rank">
259
- <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042671467" target="_blank" title="面向猫猫编程，SegmentFault 思否 1024 程序员节惊喜彩蛋攻略来啦！">面向猫猫编程，SegmentFault 思否 1024 程序员节惊喜彩蛋攻略来啦！</a>
261
- </div>
262
- <div class="sub-title followers">
263
-
264
- <span title="Stargazers Count">
265
- <svg width="12" height="12" viewBox="0 0 16 16">
266
- <g fill="none" fill-rule="evenodd">
267
- <path d="M0 0h16v16H0z"/>
268
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
- </g>
270
- </svg>
271
- <span>36</span>
272
- </span>
273
- &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
275
- <span>SegmentFault思否</span>
276
- </a>
277
- </div>
278
- <div class="details">
279
- 在 SegmentFault 思否 1024 程序员节系列活动 中，思否小姐姐为大家预留了一个悬念，还没有公布第三站：惊喜彩蛋「喵了个喵」的具体玩法，思否小姐姐也收到了不少咨询活动玩法的私信，惊喜彩蛋哪里找？趣味游戏怎...
280
- </div>
281
- </div>
282
- </li>
283
-
284
- <li>
285
- <div class="info">
286
- <div class="rank">
287
- <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042643627" target="_blank" title="利用思否猫素材实现一个连连看小游戏">利用思否猫素材实现一个连连看小游戏</a>
289
- </div>
290
- <div class="sub-title followers">
291
-
292
- <span title="Stargazers Count">
293
- <svg width="12" height="12" viewBox="0 0 16 16">
294
- <g fill="none" fill-rule="evenodd">
295
- <path d="M0 0h16v16H0z"/>
296
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
- </g>
298
- </svg>
299
- <span>8</span>
300
- </span>
301
- &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
303
- <span>夕水</span>
304
- </a>
305
- </div>
306
- <div class="details">
307
- vue3实现一个思否猫连连看小游戏本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果，一些canvas的...
308
- </div>
309
- </div>
310
- </li>
311
-
312
- <li>
313
- <div class="info">
314
- <div class="rank">
315
- <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042558270" target="_blank" title="你不知道的JavaScript APIs">你不知道的JavaScript APIs</a>
317
- </div>
318
- <div class="sub-title followers">
319
-
320
- <span title="Stargazers Count">
321
- <svg width="12" height="12" viewBox="0 0 16 16">
322
- <g fill="none" fill-rule="evenodd">
323
- <path d="M0 0h16v16H0z"/>
324
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
325
- </g>
326
- </svg>
327
- <span>5</span>
328
- </span>
329
- &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
331
- <span>前端小智</span>
332
- </a>
333
- </div>
334
- <div class="details">
335
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
336
- </div>
337
- </div>
338
- </li>
339
-
340
- <li>
341
- <div class="info">
342
- <div class="rank">
343
- <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042656728" target="_blank" title="React + Springboot + Quartz，从0实现Excel报表自动化">React + Springboot + Quartz，从0实现Excel报表自动化</a>
345
- </div>
346
- <div class="sub-title followers">
347
-
348
- <span title="Stargazers Count">
349
- <svg width="12" height="12" viewBox="0 0 16 16">
350
- <g fill="none" fill-rule="evenodd">
351
- <path d="M0 0h16v16H0z"/>
352
- <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"/>
353
- </g>
354
- </svg>
355
- <span>4</span>
356
- </span>
357
- &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
359
- <span>葡萄城技术团队</span>
360
- </a>
361
- </div>
362
- <div class="details">
363
- 企业日常工作中需要制作大量的报表，比如商品的销量、销售额、库存详情、员工打卡信息、保险报销、办公用品采购、差旅报销、项目进度等等，都需要制作统计图表以更直观地查阅。但是报表的制作往往需要耗费大量的...
364
- </div>
365
- </div>
366
- </li>
367
-
368
- <li>
369
- <div class="info">
370
- <div class="rank">
371
- <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042661646" target="_blank" title="利用思否猫素材实现一个丝滑的轮播图（html + css + js）">利用思否猫素材实现一个丝滑的轮播图（html + css + js）</a>
373
- </div>
374
- <div class="sub-title followers">
375
-
376
- <span title="Stargazers Count">
377
- <svg width="12" height="12" viewBox="0 0 16 16">
378
- <g fill="none" fill-rule="evenodd">
379
- <path d="M0 0h16v16H0z"/>
380
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
381
- </g>
382
- </svg>
383
- <span>3</span>
384
- </span>
385
- &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
387
- <span>夕水</span>
388
- </a>
389
- </div>
390
- <div class="details">
391
- 使用思否猫素材实现一个轮播图本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:htmlcssjs没错，就是html，css,js,现在是框架盛行的时代，所以很少会有人在意原生三件套，通过本文实现一个丝...
392
- </div>
393
- </div>
394
- </li>
395
-
396
- <li>
397
- <div class="info">
398
- <div class="rank">
399
- <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042638751" target="_blank" title="2022前端面试总结">2022前端面试总结</a>
401
- </div>
402
- <div class="sub-title followers">
403
-
404
- <span title="Stargazers Count">
405
- <svg width="12" height="12" viewBox="0 0 16 16">
406
- <g fill="none" fill-rule="evenodd">
407
- <path d="M0 0h16v16H0z"/>
408
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
- </g>
410
- </svg>
411
- <span>8</span>
412
- </span>
413
- &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/wensandaoshi" title="Programming Language">
415
- <span>fx67ll</span>
416
- </a>
417
- </div>
418
- <div class="details">
419
- 首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...
420
- </div>
421
- </div>
422
- </li>
423
-
424
- <li>
425
- <div class="info">
426
- <div class="rank">
427
- <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042635772" target="_blank" title="第一个可以在条件语句中使用的原生hook诞生了">第一个可以在条件语句中使用的原生hook诞生了</a>
429
- </div>
430
- <div class="sub-title followers">
431
-
432
- <span title="Stargazers Count">
433
- <svg width="12" height="12" viewBox="0 0 16 16">
434
- <g fill="none" fill-rule="evenodd">
435
- <path d="M0 0h16v16H0z"/>
436
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
437
- </g>
438
- </svg>
439
- <span>3</span>
440
- </span>
441
- &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
443
- <span>卡颂</span>
444
- </a>
445
- </div>
446
- <div class="details">
447
- 大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...
448
- </div>
449
- </div>
450
- </li>
451
-
452
- <li>
453
- <div class="info">
454
- <div class="rank">
455
- <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042635667" target="_blank" title="两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航">两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航</a>
457
- </div>
458
- <div class="sub-title followers">
459
-
460
- <span title="Stargazers Count">
461
- <svg width="12" height="12" viewBox="0 0 16 16">
462
- <g fill="none" fill-rule="evenodd">
463
- <path d="M0 0h16v16H0z"/>
464
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
465
- </g>
466
- </svg>
467
- <span>3</span>
468
- </span>
469
- &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
471
- <span>XboxYan</span>
472
- </a>
473
- </div>
474
- <div class="details">
475
- 通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？
476
- </div>
477
- </div>
478
- </li>
479
-
480
- <li>
481
- <div class="info">
482
- <div class="rank">
483
- <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042658579" target="_blank" title="头大了，我的Sentry为什么上报错误不准">头大了，我的Sentry为什么上报错误不准</a>
485
- </div>
486
- <div class="sub-title followers">
487
-
488
- <span title="Stargazers Count">
489
- <svg width="12" height="12" viewBox="0 0 16 16">
490
- <g fill="none" fill-rule="evenodd">
491
- <path d="M0 0h16v16H0z"/>
492
- <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"/>
493
- </g>
494
- </svg>
495
- <span>3</span>
496
- </span>
497
- &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/wujiantao_5a06ffda461ec" title="Programming Language">
499
- <span>江湖人称007</span>
500
- </a>
501
- </div>
502
- <div class="details">
503
- “瞎子过河记”项目的监控报错机制使用 Sentry，为了更好的定位到错误，所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路（基础教...
504
- </div>
505
- </div>
506
- </li>
507
-
508
- <li>
509
- <div class="info">
510
- <div class="rank">
511
- <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042657582" target="_blank" title="Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9">Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9</a>
513
- </div>
514
- <div class="sub-title followers">
515
-
516
- <span title="Stargazers Count">
517
- <svg width="12" height="12" viewBox="0 0 16 16">
518
- <g fill="none" fill-rule="evenodd">
519
- <path d="M0 0h16v16H0z"/>
520
- <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"/>
521
- </g>
522
- </svg>
523
- <span>3</span>
524
- </span>
525
- &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/mobtech" title="Programming Language">
527
- <span>MobTech袤博</span>
528
- </a>
529
- </div>
530
- <div class="details">
531
- 过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...
532
- </div>
533
- </div>
534
- </li>
535
-
536
- <li>
537
- <div class="info">
538
- <div class="rank">
539
- <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042653911" target="_blank" title="VS Code For Web 深入浅出 -- 进程间通信篇">VS Code For Web 深入浅出 -- 进程间通信篇</a>
541
- </div>
542
- <div class="sub-title followers">
543
-
544
- <span title="Stargazers Count">
545
- <svg width="12" height="12" viewBox="0 0 16 16">
546
- <g fill="none" fill-rule="evenodd">
547
- <path d="M0 0h16v16H0z"/>
548
- <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"/>
549
- </g>
550
- </svg>
551
- <span>3</span>
552
- </span>
553
- &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
555
- <span>Duang</span>
556
- </a>
557
- </div>
558
- <div class="details">
559
- 在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。
560
- </div>
561
- </div>
562
- </li>
563
-
564
- <li>
565
- <div class="info">
566
- <div class="rank">
567
- <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042643748" target="_blank" title="深入理解JavaScript——闭包">深入理解JavaScript——闭包</a>
569
- </div>
570
- <div class="sub-title followers">
571
-
572
- <span title="Stargazers Count">
573
- <svg width="12" height="12" viewBox="0 0 16 16">
574
- <g fill="none" fill-rule="evenodd">
575
- <path d="M0 0h16v16H0z"/>
576
- <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"/>
577
- </g>
578
- </svg>
579
- <span>3</span>
580
- </span>
581
- &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
583
- <span>山头人汉波</span>
584
- </a>
585
- </div>
586
- <div class="details">
587
- 网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等
588
- </div>
589
- </div>
590
- </li>
591
-
592
- <li>
593
- <div class="info">
594
- <div class="rank">
595
- <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042631207" target="_blank" title="Golang 轮子之 Supervisor">Golang 轮子之 Supervisor</a>
597
- </div>
598
- <div class="sub-title followers">
599
-
600
- <span title="Stargazers Count">
601
- <svg width="12" height="12" viewBox="0 0 16 16">
602
- <g fill="none" fill-rule="evenodd">
603
- <path d="M0 0h16v16H0z"/>
604
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
605
- </g>
606
- </svg>
607
- <span>1</span>
608
- </span>
609
- &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
611
- <span>小白要生发</span>
612
- </a>
613
- </div>
614
- <div class="details">
615
- Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...
616
- </div>
617
- </div>
618
- </li>
619
-
620
- <li>
621
- <div class="info">
622
- <div class="rank">
623
- <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042636388" target="_blank" title="SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？">SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？</a>
625
- </div>
626
- <div class="sub-title followers">
627
-
628
- <span title="Stargazers Count">
629
- <svg width="12" height="12" viewBox="0 0 16 16">
630
- <g fill="none" fill-rule="evenodd">
631
- <path d="M0 0h16v16H0z"/>
632
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
633
- </g>
634
- </svg>
635
- <span>1</span>
636
- </span>
637
- &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
639
- <span>Beverly</span>
640
- </a>
641
- </div>
642
- <div class="details">
643
- Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...
644
- </div>
645
- </div>
646
- </li>
647
-
648
- <li>
649
- <div class="info">
650
- <div class="rank">
651
- <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042631895" target="_blank" title="从局部变量说起，关于一个莫得名堂的引用和一个坑！">从局部变量说起，关于一个莫得名堂的引用和一个坑！</a>
653
- </div>
654
- <div class="sub-title followers">
655
-
656
- <span title="Stargazers Count">
657
- <svg width="12" height="12" viewBox="0 0 16 16">
658
- <g fill="none" fill-rule="evenodd">
659
- <path d="M0 0h16v16H0z"/>
660
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
661
- </g>
662
- </svg>
663
- <span>2</span>
664
- </span>
665
- &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
667
- <span>why技术</span>
668
- </a>
669
- </div>
670
- <div class="details">
671
- 你好呀，我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢，先给你上个代码：请问，上面代码中，位于 method 方法中的 object 对象，在方法执行完成之后，是否可以被垃圾回收？这还思考个啥呀，这必...
672
- </div>
673
- </div>
674
- </li>
675
-
676
- <li>
677
- <div class="info">
678
- <div class="rank">
679
- <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042632229" target="_blank" title="微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地">微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地</a>
681
- </div>
682
- <div class="sub-title followers">
683
-
684
- <span title="Stargazers Count">
685
- <svg width="12" height="12" viewBox="0 0 16 16">
686
- <g fill="none" fill-rule="evenodd">
687
- <path d="M0 0h16v16H0z"/>
688
- <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"/>
689
- </g>
690
- </svg>
691
- <span>3</span>
692
- </span>
693
- &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
695
- <span>MissD</span>
696
- </a>
697
- </div>
698
- <div class="details">
699
- 大规模语言模型领域迎来新“选手”。近日，微信 AI 推出自研 NLP 大规模语言模型 WeLM ，该模型是一个尺寸合理的中文模型，能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。
700
- </div>
701
- </div>
702
- </li>
703
-
704
- <li>
705
- <div class="info">
706
- <div class="rank">
707
- <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042644397" target="_blank" title="5个需要避免的CSS错误">5个需要避免的CSS错误</a>
709
- </div>
710
- <div class="sub-title followers">
711
-
712
- <span title="Stargazers Count">
713
- <svg width="12" height="12" viewBox="0 0 16 16">
714
- <g fill="none" fill-rule="evenodd">
715
- <path d="M0 0h16v16H0z"/>
716
- <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"/>
717
- </g>
718
- </svg>
719
- <span>1</span>
720
- </span>
721
- &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
- <span>前端小智</span>
724
- </a>
725
- </div>
726
- <div class="details">
727
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
728
- </div>
729
- </div>
730
- </li>
731
-
732
- <li>
733
- <div class="info">
734
- <div class="rank">
735
- <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042659118" target="_blank" title="golang中的切片">golang中的切片</a>
737
- </div>
738
- <div class="sub-title followers">
739
-
740
- <span title="Stargazers Count">
741
- <svg width="12" height="12" viewBox="0 0 16 16">
742
- <g fill="none" fill-rule="evenodd">
743
- <path d="M0 0h16v16H0z"/>
744
- <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"/>
745
- </g>
746
- </svg>
747
- <span>1</span>
748
- </span>
749
- &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/liuyuede123" title="Programming Language">
751
- <span>liuyuede</span>
752
- </a>
753
- </div>
754
- <div class="details">
755
- 在go中切片的底层是数组，所以切片的数据连续存储在数组的数据结构中。如果底层的数组满了，切片还需要添加元素的话，底层数组就需要扩容。如果底层数组几乎为空时，就会缩容。
756
- </div>
757
- </div>
758
- </li>
759
-
760
- <li>
761
- <div class="info">
762
- <div class="rank">
763
- <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042635731" target="_blank" title="规则引擎深度对比，LiteFlow vs Drools！">规则引擎深度对比，LiteFlow vs Drools！</a>
765
- </div>
766
- <div class="sub-title followers">
767
-
768
- <span title="Stargazers Count">
769
- <svg width="12" height="12" viewBox="0 0 16 16">
770
- <g fill="none" fill-rule="evenodd">
771
- <path d="M0 0h16v16H0z"/>
772
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
773
- </g>
774
- </svg>
775
- <span>3</span>
776
- </span>
777
- &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
779
- <span>铂赛东</span>
780
- </a>
781
- </div>
782
- <div class="details">
783
- Drools是一款老牌的java规则引擎框架，早在十几年前，我刚工作的时候，曾在一家第三方支付企业工作。在核心的支付路由层面我记得就是用Drools来做的。
784
- </div>
785
- </div>
786
- </li>
787
-
788
- <li>
789
- <div class="info">
790
- <div class="rank">
791
- <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042659070" target="_blank" title="Vue3响应式助你轻松实现国际化">Vue3响应式助你轻松实现国际化</a>
793
- </div>
794
- <div class="sub-title followers">
795
-
796
- <span title="Stargazers Count">
797
- <svg width="12" height="12" viewBox="0 0 16 16">
798
- <g fill="none" fill-rule="evenodd">
799
- <path d="M0 0h16v16H0z"/>
800
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
801
- </g>
802
- </svg>
803
- <span>1</span>
804
- </span>
805
- &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
807
- <span>街角小林</span>
808
- </a>
809
- </div>
810
- <div class="details">
811
- 本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。
812
- </div>
813
- </div>
814
- </li>
815
-
816
- <li>
817
- <div class="info">
818
- <div class="rank">
819
- <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042659025" target="_blank" title="如何实现一个丝滑的点击水波效果">如何实现一个丝滑的点击水波效果</a>
821
- </div>
822
- <div class="sub-title followers">
823
-
824
- <span title="Stargazers Count">
825
- <svg width="12" height="12" viewBox="0 0 16 16">
826
- <g fill="none" fill-rule="evenodd">
827
- <path d="M0 0h16v16H0z"/>
828
- <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"/>
829
- </g>
830
- </svg>
831
- <span>2</span>
832
- </span>
833
- &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
835
- <span>街角小林</span>
836
- </a>
837
- </div>
838
- <div class="details">
839
- 本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令： {代码...} 接下来就从源码角度看看它是...
840
- </div>
841
- </div>
842
- </li>
843
-
844
- <li>
845
- <div class="info">
846
- <div class="rank">
847
- <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042632971" target="_blank" title="js常用方法梳理">js常用方法梳理</a>
849
- </div>
850
- <div class="sub-title followers">
851
-
852
- <span title="Stargazers Count">
853
- <svg width="12" height="12" viewBox="0 0 16 16">
854
- <g fill="none" fill-rule="evenodd">
855
- <path d="M0 0h16v16H0z"/>
856
- <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"/>
857
- </g>
858
- </svg>
859
- <span>3</span>
860
- </span>
861
- &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
863
- <span>墨城</span>
864
- </a>
865
- </div>
866
- <div class="details">
867
- 1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...
868
- </div>
869
- </div>
870
- </li>
871
-
872
- <li>
873
- <div class="info">
874
- <div class="rank">
875
- <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042668772" target="_blank" title="数字华容道「思否猫版」">数字华容道「思否猫版」</a>
877
- </div>
878
- <div class="sub-title followers">
879
-
880
- <span title="Stargazers Count">
881
- <svg width="12" height="12" viewBox="0 0 16 16">
882
- <g fill="none" fill-rule="evenodd">
883
- <path d="M0 0h16v16H0z"/>
884
- <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"/>
885
- </g>
886
- </svg>
887
- <span>2</span>
888
- </span>
889
- &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
891
- <span>wuwhs</span>
892
- </a>
893
- </div>
894
- <div class="details">
895
- 思否社区首届「猫猫杯」线上代码共创大赛日程已接近尾声，各路大神狂拽炫酷的项目已经出炉了。奈何拖延症，我还在想“创意点”，同时考虑到实现周期要赶上 deadline，纠结之时，无意间在地铁上瞟见有人在看《最强大...
896
- </div>
897
- </div>
898
- </li>
899
-
900
- <li>
901
- <div class="info">
902
- <div class="rank">
903
- <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042665605" target="_blank" title="阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案">阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案</a>
905
- </div>
906
- <div class="sub-title followers">
907
-
908
- <span title="Stargazers Count">
909
- <svg width="12" height="12" viewBox="0 0 16 16">
910
- <g fill="none" fill-rule="evenodd">
911
- <path d="M0 0h16v16H0z"/>
912
- <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"/>
913
- </g>
914
- </svg>
915
- <span>1</span>
916
- </span>
917
- &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/aliterminal" title="Programming Language">
919
- <span>阿里巴巴终端技术</span>
920
- </a>
921
- </div>
922
- <div class="details">
923
- 继 2019 年开源 Midway 框架之后，阿里一直在 Node.js 的前沿进行深度研究，除了加入 TC39 参与标准化建设，向上游 Node.js 项目持续贡献，与龙蜥社区合作优化之外，也在 Serverless 领域有了不小的成果。
924
- </div>
925
- </div>
926
- </li>
927
-
928
- <li>
929
- <div class="info">
930
- <div class="rank">
931
- <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042631567" target="_blank" title="go-GIN入门到....(持续更新中)">go-GIN入门到....(持续更新中)</a>
933
- </div>
934
- <div class="sub-title followers">
935
-
936
- <span title="Stargazers Count">
937
- <svg width="12" height="12" viewBox="0 0 16 16">
938
- <g fill="none" fill-rule="evenodd">
939
- <path d="M0 0h16v16H0z"/>
940
- <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"/>
941
- </g>
942
- </svg>
943
- <span>1</span>
944
- </span>
945
- &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/bewatermyfriends" title="Programming Language">
947
- <span>BewaterMyfriends</span>
948
- </a>
949
- </div>
950
- <div class="details">
951
- go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...
952
- </div>
953
- </div>
954
- </li>
955
-
956
- <li>
957
- <div class="info">
958
- <div class="rank">
959
- <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042630604" target="_blank" title="面试官：深度不够，建议回去深挖">面试官：深度不够，建议回去深挖</a>
961
- </div>
962
- <div class="sub-title followers">
963
-
964
- <span title="Stargazers Count">
965
- <svg width="12" height="12" viewBox="0 0 16 16">
966
- <g fill="none" fill-rule="evenodd">
967
- <path d="M0 0h16v16H0z"/>
968
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
- </g>
970
- </svg>
971
- <span>1</span>
972
- </span>
973
- &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
975
- <span>小傅哥</span>
976
- </a>
977
- </div>
978
- <div class="details">
979
- 从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...
980
- </div>
981
- </div>
982
- </li>
983
-
984
- </ul>
985
- <div class="footer">
986
- <div>
987
- <a href="https://github.com/jaywcjlove/github-rank/network" target="_blank">
988
- <img src="https://img.shields.io/github/forks/jaywcjlove/github-rank.svg">
989
- </a>
990
- <a href="https://github.com/jaywcjlove/github-rank/stargazers" target="_blank">
991
- <img src="https://img.shields.io/github/stars/jaywcjlove/github-rank.svg">
992
- </a>
993
- <a href="https://www.npmjs.com/package/@wcj/github-rank" target="_blank">
994
- <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg">
995
- </a>
996
- <a href="https://unpkg.com/@wcj/github-rank/web/index.html" target="_blank">
997
- <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
- </a>
999
- </div>
1000
- <div class="time">Last cache created on 2022/10/24 by Github API v3.</div>
1001
- Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
- </div>
1003
- </body>
1004
- </html>