@wcj/github-rank 21.11.23 → 21.11.27

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 +35973 -35965
  2. package/dist/sifou-daily.json +40 -94
  3. package/dist/sifou-monthly.json +112 -112
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +106 -106
  6. package/dist/toutiao-7.json +145 -145
  7. package/dist/toutiao-90.json +43 -43
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +166 -166
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +3563 -3564
  12. package/dist/users.json +3956 -3958
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35973 -35965
  16. package/web/data/sifou-daily.json +40 -94
  17. package/web/data/sifou-monthly.json +112 -112
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +106 -106
  20. package/web/data/toutiao-7.json +145 -145
  21. package/web/data/toutiao-90.json +43 -43
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +166 -166
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +3563 -3564
  26. package/web/data/users.json +3956 -3958
  27. package/web/index.html +1998 -1998
  28. package/web/repos.html +4371 -4371
  29. package/web/sifou-daily.html +34 -202
  30. package/web/sifou-monthly.html +123 -123
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +113 -113
  33. package/web/toutiao-7.html +97 -97
  34. package/web/toutiao-90.html +79 -79
  35. package/web/trending-monthly.html +145 -145
  36. package/web/trending-weekly.html +148 -148
  37. package/web/trending.html +150 -146
  38. package/web/users.china.html +2063 -2063
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2021/11/23 by Github API v3.</div>
97
+ <div class="time">Last cache created on 2021/11/27 by Github API v3.</div>
98
98
  <div class="tabs">
99
99
  <a class="" href="index.html">Users</a>
100
100
  <a class="" href="repos.html">Repos</a>
@@ -127,7 +127,7 @@
127
127
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
128
128
  </g>
129
129
  </svg>
130
- <span>57</span>
130
+ <span>58</span>
131
131
  </span>
132
132
  &nbsp;
133
133
  <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
@@ -144,7 +144,7 @@
144
144
  <div class="info">
145
145
  <div class="rank">
146
146
  <span title="Ranking 2">2</span>
147
- <a href="https://segmentfault.com/a/1190000040896436" target="_blank" title="肝完《浏览器基本原理与实践》，我总结了这些">肝完《浏览器基本原理与实践》，我总结了这些</a>
147
+ <a href="https://segmentfault.com/a/1190000040942225" target="_blank" title="这几个高级前端常用的API，你用到了吗？">这几个高级前端常用的API，你用到了吗？</a>
148
148
  </div>
149
149
  <div class="sub-title followers">
150
150
 
@@ -155,15 +155,15 @@
155
155
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
156
156
  </g>
157
157
  </svg>
158
- <span>40</span>
158
+ <span>49</span>
159
159
  </span>
160
160
  &nbsp;
161
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
162
- <span>wuwhs</span>
161
+ <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
162
+ <span>lzg9527</span>
163
163
  </a>
164
164
  </div>
165
165
  <div class="details">
166
- 作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...
166
+ MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。
167
167
  </div>
168
168
  </div>
169
169
  </li>
@@ -172,7 +172,7 @@
172
172
  <div class="info">
173
173
  <div class="rank">
174
174
  <span title="Ranking 3">3</span>
175
- <a href="https://segmentfault.com/a/1190000040948561" target="_blank" title="前端架构师神技，三招统一代码风格（一文讲透）">前端架构师神技，三招统一代码风格（一文讲透）</a>
175
+ <a href="https://segmentfault.com/a/1190000040996523" target="_blank" title="CSS mask 实现鼠标跟随镂空效果">CSS mask 实现鼠标跟随镂空效果</a>
176
176
  </div>
177
177
  <div class="sub-title followers">
178
178
 
@@ -183,15 +183,15 @@
183
183
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
184
184
  </g>
185
185
  </svg>
186
- <span>38</span>
186
+ <span>30</span>
187
187
  </span>
188
188
  &nbsp;
189
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
190
- <span>杨成功</span>
189
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
190
+ <span>XboxYan</span>
191
191
  </a>
192
192
  </div>
193
193
  <div class="details">
194
- 本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...
194
+ 偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...
195
195
  </div>
196
196
  </div>
197
197
  </li>
@@ -200,7 +200,7 @@
200
200
  <div class="info">
201
201
  <div class="rank">
202
202
  <span title="Ranking 4">4</span>
203
- <a href="https://segmentfault.com/a/1190000040942225" target="_blank" title="这几个高级前端常用的API，你用到了吗？">这几个高级前端常用的API，你用到了吗？</a>
203
+ <a href="https://segmentfault.com/a/1190000040896436" target="_blank" title="肝完《浏览器基本原理与实践》，我总结了这些">肝完《浏览器基本原理与实践》，我总结了这些</a>
204
204
  </div>
205
205
  <div class="sub-title followers">
206
206
 
@@ -211,15 +211,15 @@
211
211
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
212
212
  </g>
213
213
  </svg>
214
- <span>40</span>
214
+ <span>41</span>
215
215
  </span>
216
216
  &nbsp;
217
- <a target="_blank" href="https://segmentfault.com/u/michael_5c03399eed011" title="Programming Language">
218
- <span>lzg9527</span>
217
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
218
+ <span>wuwhs</span>
219
219
  </a>
220
220
  </div>
221
221
  <div class="details">
222
- MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。
222
+ 作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...
223
223
  </div>
224
224
  </div>
225
225
  </li>
@@ -228,7 +228,7 @@
228
228
  <div class="info">
229
229
  <div class="rank">
230
230
  <span title="Ranking 5">5</span>
231
- <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
231
+ <a href="https://segmentfault.com/a/1190000040948561" target="_blank" title="前端架构师神技，三招统一代码风格（一文讲透）">前端架构师神技，三招统一代码风格（一文讲透）</a>
232
232
  </div>
233
233
  <div class="sub-title followers">
234
234
 
@@ -239,7 +239,7 @@
239
239
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
240
240
  </g>
241
241
  </svg>
242
- <span>37</span>
242
+ <span>41</span>
243
243
  </span>
244
244
  &nbsp;
245
245
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -247,7 +247,7 @@
247
247
  </a>
248
248
  </div>
249
249
  <div class="details">
250
- 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
250
+ 本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...
251
251
  </div>
252
252
  </div>
253
253
  </li>
@@ -256,7 +256,7 @@
256
256
  <div class="info">
257
257
  <div class="rank">
258
258
  <span title="Ranking 6">6</span>
259
- <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
259
+ <a href="https://segmentfault.com/a/1190000040879546" target="_blank" title="前端架构师的 git 功力，你有几成火候？">前端架构师的 git 功力，你有几成火候？</a>
260
260
  </div>
261
261
  <div class="sub-title followers">
262
262
 
@@ -267,15 +267,15 @@
267
267
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
268
268
  </g>
269
269
  </svg>
270
- <span>36</span>
270
+ <span>38</span>
271
271
  </span>
272
272
  &nbsp;
273
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
274
- <span>独钓寒江雪</span>
273
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
274
+ <span>杨成功</span>
275
275
  </a>
276
276
  </div>
277
277
  <div class="details">
278
- 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
278
+ 本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...
279
279
  </div>
280
280
  </div>
281
281
  </li>
@@ -295,7 +295,7 @@
295
295
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
296
296
  </g>
297
297
  </svg>
298
- <span>31</span>
298
+ <span>33</span>
299
299
  </span>
300
300
  &nbsp;
301
301
  <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
@@ -312,7 +312,7 @@
312
312
  <div class="info">
313
313
  <div class="rank">
314
314
  <span title="Ranking 8">8</span>
315
- <a href="https://segmentfault.com/a/1190000040936266" target="_blank" title="3D 穿梭效果？使用 CSS 轻松搞定">3D 穿梭效果？使用 CSS 轻松搞定</a>
315
+ <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
316
316
  </div>
317
317
  <div class="sub-title followers">
318
318
 
@@ -323,15 +323,15 @@
323
323
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
324
324
  </g>
325
325
  </svg>
326
- <span>36</span>
326
+ <span>37</span>
327
327
  </span>
328
328
  &nbsp;
329
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
330
- <span>chokcoco</span>
329
+ <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
330
+ <span>独钓寒江雪</span>
331
331
  </a>
332
332
  </div>
333
333
  <div class="details">
334
- 背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...
334
+ 我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...
335
335
  </div>
336
336
  </div>
337
337
  </li>
@@ -340,7 +340,7 @@
340
340
  <div class="info">
341
341
  <div class="rank">
342
342
  <span title="Ranking 9">9</span>
343
- <a href="https://segmentfault.com/a/1190000040893750" target="_blank" title="尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a>
343
+ <a href="https://segmentfault.com/a/1190000040936266" target="_blank" title="3D 穿梭效果？使用 CSS 轻松搞定">3D 穿梭效果？使用 CSS 轻松搞定</a>
344
344
  </div>
345
345
  <div class="sub-title followers">
346
346
 
@@ -351,15 +351,15 @@
351
351
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
352
352
  </g>
353
353
  </svg>
354
- <span>31</span>
354
+ <span>38</span>
355
355
  </span>
356
356
  &nbsp;
357
- <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
358
- <span>若川</span>
357
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
358
+ <span>chokcoco</span>
359
359
  </a>
360
360
  </div>
361
361
  <div class="details">
362
- 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...
362
+ 背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...
363
363
  </div>
364
364
  </div>
365
365
  </li>
@@ -368,7 +368,7 @@
368
368
  <div class="info">
369
369
  <div class="rank">
370
370
  <span title="Ranking 10">10</span>
371
- <a href="https://segmentfault.com/a/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
371
+ <a href="https://segmentfault.com/a/1190000040893750" target="_blank" title="尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a>
372
372
  </div>
373
373
  <div class="sub-title followers">
374
374
 
@@ -379,15 +379,15 @@
379
379
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
380
380
  </g>
381
381
  </svg>
382
- <span>25</span>
382
+ <span>31</span>
383
383
  </span>
384
384
  &nbsp;
385
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
386
- <span>chokcoco</span>
385
+ <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
386
+ <span>若川</span>
387
387
  </a>
388
388
  </div>
389
389
  <div class="details">
390
- 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
390
+ 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...
391
391
  </div>
392
392
  </div>
393
393
  </li>
@@ -396,7 +396,7 @@
396
396
  <div class="info">
397
397
  <div class="rank">
398
398
  <span title="Ranking 11">11</span>
399
- <a href="https://segmentfault.com/a/1190000040914312" target="_blank" title="【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？">【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？</a>
399
+ <a href="https://segmentfault.com/a/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
400
400
  </div>
401
401
  <div class="sub-title followers">
402
402
 
@@ -407,15 +407,15 @@
407
407
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
408
408
  </g>
409
409
  </svg>
410
- <span>26</span>
410
+ <span>25</span>
411
411
  </span>
412
412
  &nbsp;
413
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
414
- <span>前端胖头鱼</span>
413
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
414
+ <span>chokcoco</span>
415
415
  </a>
416
416
  </div>
417
417
  <div class="details">
418
- vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！
418
+ 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
419
419
  </div>
420
420
  </div>
421
421
  </li>
@@ -424,7 +424,7 @@
424
424
  <div class="info">
425
425
  <div class="rank">
426
426
  <span title="Ranking 12">12</span>
427
- <a href="https://segmentfault.com/a/1190000040929396" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
427
+ <a href="https://segmentfault.com/a/1190000040875123" target="_blank" title="10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！">10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！</a>
428
428
  </div>
429
429
  <div class="sub-title followers">
430
430
 
@@ -435,7 +435,7 @@
435
435
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
436
436
  </g>
437
437
  </svg>
438
- <span>24</span>
438
+ <span>32</span>
439
439
  </span>
440
440
  &nbsp;
441
441
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -443,7 +443,7 @@
443
443
  </a>
444
444
  </div>
445
445
  <div class="details">
446
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
446
+ 作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
447
447
  </div>
448
448
  </div>
449
449
  </li>
@@ -452,7 +452,7 @@
452
452
  <div class="info">
453
453
  <div class="rank">
454
454
  <span title="Ranking 13">13</span>
455
- <a href="https://segmentfault.com/a/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
455
+ <a href="https://segmentfault.com/a/1190000040914312" target="_blank" title="【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？">【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？</a>
456
456
  </div>
457
457
  <div class="sub-title followers">
458
458
 
@@ -463,15 +463,15 @@
463
463
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
464
464
  </g>
465
465
  </svg>
466
- <span>18</span>
466
+ <span>27</span>
467
467
  </span>
468
468
  &nbsp;
469
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
470
- <span>边城</span>
469
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
470
+ <span>前端胖头鱼</span>
471
471
  </a>
472
472
  </div>
473
473
  <div class="details">
474
- 自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...
474
+ vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！
475
475
  </div>
476
476
  </div>
477
477
  </li>
@@ -480,7 +480,7 @@
480
480
  <div class="info">
481
481
  <div class="rank">
482
482
  <span title="Ranking 14">14</span>
483
- <a href="https://segmentfault.com/a/1190000040875123" target="_blank" title="10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！">10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！</a>
483
+ <a href="https://segmentfault.com/a/1190000040929396" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
484
484
  </div>
485
485
  <div class="sub-title followers">
486
486
 
@@ -491,7 +491,7 @@
491
491
  <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"/>
492
492
  </g>
493
493
  </svg>
494
- <span>28</span>
494
+ <span>25</span>
495
495
  </span>
496
496
  &nbsp;
497
497
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -499,7 +499,7 @@
499
499
  </a>
500
500
  </div>
501
501
  <div class="details">
502
- 作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
502
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
503
503
  </div>
504
504
  </div>
505
505
  </li>
@@ -519,7 +519,7 @@
519
519
  <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"/>
520
520
  </g>
521
521
  </svg>
522
- <span>20</span>
522
+ <span>22</span>
523
523
  </span>
524
524
  &nbsp;
525
525
  <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
@@ -536,7 +536,7 @@
536
536
  <div class="info">
537
537
  <div class="rank">
538
538
  <span title="Ranking 16">16</span>
539
- <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
539
+ <a href="https://segmentfault.com/a/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
540
540
  </div>
541
541
  <div class="sub-title followers">
542
542
 
@@ -547,15 +547,15 @@
547
547
  <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"/>
548
548
  </g>
549
549
  </svg>
550
- <span>22</span>
550
+ <span>18</span>
551
551
  </span>
552
552
  &nbsp;
553
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
554
- <span>XboxYan</span>
553
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
554
+ <span>边城</span>
555
555
  </a>
556
556
  </div>
557
557
  <div class="details">
558
- 偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是&#34;不定行&#34;的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...
558
+ 自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...
559
559
  </div>
560
560
  </div>
561
561
  </li>
@@ -564,7 +564,7 @@
564
564
  <div class="info">
565
565
  <div class="rank">
566
566
  <span title="Ranking 17">17</span>
567
- <a href="https://segmentfault.com/a/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</a>
567
+ <a href="https://segmentfault.com/a/1190000040937008" target="_blank" title="前端Node.js面试题">前端Node.js面试题</a>
568
568
  </div>
569
569
  <div class="sub-title followers">
570
570
 
@@ -575,15 +575,15 @@
575
575
  <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"/>
576
576
  </g>
577
577
  </svg>
578
- <span>24</span>
578
+ <span>19</span>
579
579
  </span>
580
580
  &nbsp;
581
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
582
- <span>独钓寒江雪</span>
581
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
582
+ <span>xiangzhihong</span>
583
583
  </a>
584
584
  </div>
585
585
  <div class="details">
586
- Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
586
+ Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...
587
587
  </div>
588
588
  </div>
589
589
  </li>
@@ -592,7 +592,7 @@
592
592
  <div class="info">
593
593
  <div class="rank">
594
594
  <span title="Ranking 18">18</span>
595
- <a href="https://segmentfault.com/a/1190000040937008" target="_blank" title="前端Node.js面试题">前端Node.js面试题</a>
595
+ <a href="https://segmentfault.com/a/1190000040895843" target="_blank" title="把程序做成系统服务">把程序做成系统服务</a>
596
596
  </div>
597
597
  <div class="sub-title followers">
598
598
 
@@ -603,15 +603,15 @@
603
603
  <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"/>
604
604
  </g>
605
605
  </svg>
606
- <span>18</span>
606
+ <span>14</span>
607
607
  </span>
608
608
  &nbsp;
609
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
610
- <span>xiangzhihong</span>
609
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
610
+ <span>边城</span>
611
611
  </a>
612
612
  </div>
613
613
  <div class="details">
614
- Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...
614
+ 写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...
615
615
  </div>
616
616
  </div>
617
617
  </li>
@@ -620,7 +620,7 @@
620
620
  <div class="info">
621
621
  <div class="rank">
622
622
  <span title="Ranking 19">19</span>
623
- <a href="https://segmentfault.com/a/1190000040895843" target="_blank" title="把程序做成系统服务">把程序做成系统服务</a>
623
+ <a href="https://segmentfault.com/a/1190000040978572" target="_blank" title="一文讲透自适应熔断的原理和实现">一文讲透自适应熔断的原理和实现</a>
624
624
  </div>
625
625
  <div class="sub-title followers">
626
626
 
@@ -631,15 +631,15 @@
631
631
  <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"/>
632
632
  </g>
633
633
  </svg>
634
- <span>14</span>
634
+ <span>20</span>
635
635
  </span>
636
636
  &nbsp;
637
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
638
- <span>边城</span>
637
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
638
+ <span>kevinwan</span>
639
639
  </a>
640
640
  </div>
641
641
  <div class="details">
642
- 写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...
642
+ 微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...
643
643
  </div>
644
644
  </div>
645
645
  </li>
@@ -648,7 +648,7 @@
648
648
  <div class="info">
649
649
  <div class="rank">
650
650
  <span title="Ranking 20">20</span>
651
- <a href="https://segmentfault.com/a/1190000040978572" target="_blank" title="一文讲透自适应熔断的原理和实现">一文讲透自适应熔断的原理和实现</a>
651
+ <a href="https://segmentfault.com/a/1190000040971075" target="_blank" title="面试题整理之Vue篇">面试题整理之Vue篇</a>
652
652
  </div>
653
653
  <div class="sub-title followers">
654
654
 
@@ -659,15 +659,15 @@
659
659
  <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"/>
660
660
  </g>
661
661
  </svg>
662
- <span>17</span>
662
+ <span>24</span>
663
663
  </span>
664
664
  &nbsp;
665
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
666
- <span>kevinwan</span>
665
+ <a target="_blank" href="https://segmentfault.com/u/aaronblog" title="Programming Language">
666
+ <span>Aaron</span>
667
667
  </a>
668
668
  </div>
669
669
  <div class="details">
670
- 微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...
670
+ 又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。
671
671
  </div>
672
672
  </div>
673
673
  </li>
@@ -732,7 +732,7 @@
732
732
  <div class="info">
733
733
  <div class="rank">
734
734
  <span title="Ranking 23">23</span>
735
- <a href="https://segmentfault.com/a/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
735
+ <a href="https://segmentfault.com/a/1190000040904889" target="_blank" title="纯 Git 实现前端 CI/CD">纯 Git 实现前端 CI/CD</a>
736
736
  </div>
737
737
  <div class="sub-title followers">
738
738
 
@@ -743,15 +743,15 @@
743
743
  <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"/>
744
744
  </g>
745
745
  </svg>
746
- <span>20</span>
746
+ <span>19</span>
747
747
  </span>
748
748
  &nbsp;
749
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
750
- <span>前端小智</span>
749
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
750
+ <span>杨成功</span>
751
751
  </a>
752
752
  </div>
753
753
  <div class="details">
754
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
754
+ 最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...
755
755
  </div>
756
756
  </div>
757
757
  </li>
@@ -760,7 +760,7 @@
760
760
  <div class="info">
761
761
  <div class="rank">
762
762
  <span title="Ranking 24">24</span>
763
- <a href="https://segmentfault.com/a/1190000040885865" target="_blank" title="PC端高倍屏适配方案实践">PC端高倍屏适配方案实践</a>
763
+ <a href="https://segmentfault.com/a/1190000041005444" target="_blank" title="以 Vuex 为引，一窥状态管理全貌">以 Vuex 为引，一窥状态管理全貌</a>
764
764
  </div>
765
765
  <div class="sub-title followers">
766
766
 
@@ -771,15 +771,15 @@
771
771
  <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"/>
772
772
  </g>
773
773
  </svg>
774
- <span>17</span>
774
+ <span>19</span>
775
775
  </span>
776
776
  &nbsp;
777
- <a target="_blank" href="https://segmentfault.com/u/vleedesigntheory" title="Programming Language">
778
- <span>野林</span>
777
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
778
+ <span>杨成功</span>
779
779
  </a>
780
780
  </div>
781
781
  <div class="details">
782
- 随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...
782
+ Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。
783
783
  </div>
784
784
  </div>
785
785
  </li>
@@ -788,7 +788,7 @@
788
788
  <div class="info">
789
789
  <div class="rank">
790
790
  <span title="Ranking 25">25</span>
791
- <a href="https://segmentfault.com/a/1190000040904889" target="_blank" title="纯 Git 实现前端 CI/CD">纯 Git 实现前端 CI/CD</a>
791
+ <a href="https://segmentfault.com/a/1190000040888747" target="_blank" title="念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事">念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事</a>
792
792
  </div>
793
793
  <div class="sub-title followers">
794
794
 
@@ -799,15 +799,15 @@
799
799
  <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"/>
800
800
  </g>
801
801
  </svg>
802
- <span>18</span>
802
+ <span>12</span>
803
803
  </span>
804
804
  &nbsp;
805
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
806
- <span>杨成功</span>
805
+ <a target="_blank" href="https://segmentfault.com/u/sluke" title="Programming Language">
806
+ <span>sluke</span>
807
807
  </a>
808
808
  </div>
809
809
  <div class="details">
810
- 最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...
810
+ 大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得
811
811
  </div>
812
812
  </div>
813
813
  </li>
@@ -816,7 +816,7 @@
816
816
  <div class="info">
817
817
  <div class="rank">
818
818
  <span title="Ranking 26">26</span>
819
- <a href="https://segmentfault.com/a/1190000040888747" target="_blank" title="念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事">念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事</a>
819
+ <a href="https://segmentfault.com/a/1190000040885865" target="_blank" title="PC端高倍屏适配方案实践">PC端高倍屏适配方案实践</a>
820
820
  </div>
821
821
  <div class="sub-title followers">
822
822
 
@@ -827,15 +827,15 @@
827
827
  <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"/>
828
828
  </g>
829
829
  </svg>
830
- <span>12</span>
830
+ <span>17</span>
831
831
  </span>
832
832
  &nbsp;
833
- <a target="_blank" href="https://segmentfault.com/u/sluke" title="Programming Language">
834
- <span>sluke</span>
833
+ <a target="_blank" href="https://segmentfault.com/u/vleedesigntheory" title="Programming Language">
834
+ <span>野林</span>
835
835
  </a>
836
836
  </div>
837
837
  <div class="details">
838
- 大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得
838
+ 随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...
839
839
  </div>
840
840
  </div>
841
841
  </li>
@@ -844,7 +844,7 @@
844
844
  <div class="info">
845
845
  <div class="rank">
846
846
  <span title="Ranking 27">27</span>
847
- <a href="https://segmentfault.com/a/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a>
847
+ <a href="https://segmentfault.com/a/1190000041004054" target="_blank" title="git进阶（撤销pull、撤销merge、撤销add）">git进阶（撤销pull、撤销merge、撤销add）</a>
848
848
  </div>
849
849
  <div class="sub-title followers">
850
850
 
@@ -855,15 +855,15 @@
855
855
  <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"/>
856
856
  </g>
857
857
  </svg>
858
- <span>16</span>
858
+ <span>12</span>
859
859
  </span>
860
860
  &nbsp;
861
- <a target="_blank" href="https://segmentfault.com/u/lxchuan12" title="Programming Language">
862
- <span>若川</span>
861
+ <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
862
+ <span>浅夏晴空</span>
863
863
  </a>
864
864
  </div>
865
865
  <div class="details">
866
- 想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。
866
+ 1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...
867
867
  </div>
868
868
  </div>
869
869
  </li>
@@ -872,7 +872,7 @@
872
872
  <div class="info">
873
873
  <div class="rank">
874
874
  <span title="Ranking 28">28</span>
875
- <a href="https://segmentfault.com/a/1190000040855949" target="_blank" title="【一文秒懂】电商系统商品模块初建分析与设计">【一文秒懂】电商系统商品模块初建分析与设计</a>
875
+ <a href="https://segmentfault.com/a/1190000041000841" target="_blank" title="14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！">14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！</a>
876
876
  </div>
877
877
  <div class="sub-title followers">
878
878
 
@@ -883,15 +883,15 @@
883
883
  <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"/>
884
884
  </g>
885
885
  </svg>
886
- <span>14</span>
886
+ <span>15</span>
887
887
  </span>
888
888
  &nbsp;
889
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
890
- <span>CrazyCodes</span>
889
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
890
+ <span>前端小智</span>
891
891
  </a>
892
892
  </div>
893
893
  <div class="details">
894
- 创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...
894
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
895
895
  </div>
896
896
  </div>
897
897
  </li>
@@ -900,7 +900,7 @@
900
900
  <div class="info">
901
901
  <div class="rank">
902
902
  <span title="Ranking 29">29</span>
903
- <a href="https://segmentfault.com/a/1190000040950850" target="_blank" title="CSS几个有趣的属性分享">CSS几个有趣的属性分享</a>
903
+ <a href="https://segmentfault.com/a/1190000040980305" target="_blank" title="一篇搞懂容器技术的基石： cgroup">一篇搞懂容器技术的基石： cgroup</a>
904
904
  </div>
905
905
  <div class="sub-title followers">
906
906
 
@@ -914,12 +914,12 @@
914
914
  <span>11</span>
915
915
  </span>
916
916
  &nbsp;
917
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
918
- <span>JenK</span>
917
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
918
+ <span>张晋涛</span>
919
919
  </a>
920
920
  </div>
921
921
  <div class="details">
922
- 这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...
922
+ 大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
923
923
  </div>
924
924
  </div>
925
925
  </li>
@@ -928,7 +928,7 @@
928
928
  <div class="info">
929
929
  <div class="rank">
930
930
  <span title="Ranking 30">30</span>
931
- <a href="https://segmentfault.com/a/1190000040980305" target="_blank" title="一篇搞懂容器技术的基石： cgroup">一篇搞懂容器技术的基石： cgroup</a>
931
+ <a href="https://segmentfault.com/a/1190000040759530" target="_blank" title="使用这11个代码，可以大大地简化我们的代码。">使用这11个代码，可以大大地简化我们的代码。</a>
932
932
  </div>
933
933
  <div class="sub-title followers">
934
934
 
@@ -939,15 +939,15 @@
939
939
  <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"/>
940
940
  </g>
941
941
  </svg>
942
- <span>10</span>
942
+ <span>18</span>
943
943
  </span>
944
944
  &nbsp;
945
- <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
946
- <span>张晋涛</span>
945
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
946
+ <span>前端小智</span>
947
947
  </a>
948
948
  </div>
949
949
  <div class="details">
950
- 大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
950
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
951
951
  </div>
952
952
  </div>
953
953
  </li>
@@ -968,7 +968,7 @@
968
968
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
969
969
  </a>
970
970
  </div>
971
- <div class="time">Last cache created on 2021/11/23 by Github API v3.</div>
971
+ <div class="time">Last cache created on 2021/11/27 by Github API v3.</div>
972
972
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
973
973
  </div>
974
974
  </body>