@wcj/github-rank 21.9.13 → 21.9.17

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 +39539 -38521
  2. package/dist/sifou-daily.json +46 -37
  3. package/dist/sifou-monthly.json +98 -98
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +114 -114
  6. package/dist/toutiao-7.json +145 -145
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +196 -196
  9. package/dist/trending-monthly.json +175 -175
  10. package/dist/trending-weekly.json +193 -193
  11. package/dist/users.china.json +3038 -3038
  12. package/dist/users.json +4450 -4450
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +39539 -38521
  16. package/web/data/sifou-daily.json +46 -37
  17. package/web/data/sifou-monthly.json +98 -98
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +114 -114
  20. package/web/data/toutiao-7.json +145 -145
  21. package/web/data/toutiao-90.json +60 -60
  22. package/web/data/trending-daily.json +196 -196
  23. package/web/data/trending-monthly.json +175 -175
  24. package/web/data/trending-weekly.json +193 -193
  25. package/web/data/users.china.json +3038 -3038
  26. package/web/data/users.json +4450 -4450
  27. package/web/index.html +2313 -2313
  28. package/web/repos.html +4706 -4690
  29. package/web/sifou-daily.html +60 -32
  30. package/web/sifou-monthly.html +111 -111
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +102 -102
  33. package/web/toutiao-7.html +99 -99
  34. package/web/toutiao-90.html +80 -80
  35. package/web/trending-monthly.html +157 -161
  36. package/web/trending-weekly.html +177 -173
  37. package/web/trending.html +169 -177
  38. package/web/users.china.html +1636 -1636
package/web/sifou-weekly.html CHANGED
@@ -73,7 +73,7 @@
73
73
  </svg>
74
74
  </a>
75
75
  <h1 class="title"> Segmentfault 思否热门 </h1>
76
- <div class="time">Last cache created on 2021/9/13 by Github API v3.</div>
76
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
77
77
  <div class="tabs">
78
78
  <a class="" href="index.html">Users</a>
79
79
  <a class="" href="repos.html">Repos</a>
@@ -96,7 +96,7 @@
96
96
  <div class="info">
97
97
  <div class="rank">
98
98
  <span title="Ranking 1">1</span>
99
- <a href="https://segmentfault.com/a/1190000040642243" target="_blank" title="MySQL 从入门到实践，万字详解！">MySQL 从入门到实践，万字详解！</a>
99
+ <a href="https://segmentfault.com/a/1190000040685726" target="_blank" title="给自己点时间再记记这200条Git命令">给自己点时间再记记这200条Git命令</a>
100
100
  </div>
101
101
  <div class="sub-title followers">
102
102
 
@@ -107,15 +107,15 @@
107
107
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
108
108
  </g>
109
109
  </svg>
110
- <span>31</span>
110
+ <span>23</span>
111
111
  </span>
112
112
  &nbsp;
113
- <a target="_blank" href="https://segmentfault.com/u/sherlocked93" title="Programming Language">
114
- <span>SHERlocked93</span>
113
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
114
+ <span>wscats</span>
115
115
  </a>
116
116
  </div>
117
117
  <div class="details">
118
- 数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...
118
+ 我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...
119
119
  </div>
120
120
  </div>
121
121
  </li>
@@ -124,7 +124,7 @@
124
124
  <div class="info">
125
125
  <div class="rank">
126
126
  <span title="Ranking 2">2</span>
127
- <a href="https://segmentfault.com/a/1190000040642688" target="_blank" title="MySQL 数据库定时备份的几种方式（非常全面）">MySQL 数据库定时备份的几种方式（非常全面）</a>
127
+ <a href="https://segmentfault.com/a/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
128
128
  </div>
129
129
  <div class="sub-title followers">
130
130
 
@@ -135,15 +135,15 @@
135
135
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
136
136
  </g>
137
137
  </svg>
138
- <span>19</span>
138
+ <span>17</span>
139
139
  </span>
140
140
  &nbsp;
141
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
142
- <span>民工哥</span>
141
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
142
+ <span>TNTWEB</span>
143
143
  </a>
144
144
  </div>
145
145
  <div class="details">
146
- 在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。
146
+ TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
147
147
  </div>
148
148
  </div>
149
149
  </li>
@@ -152,7 +152,7 @@
152
152
  <div class="info">
153
153
  <div class="rank">
154
154
  <span title="Ranking 3">3</span>
155
- <a href="https://segmentfault.com/a/1190000040643120" target="_blank" title="高性能利器：CDN我建议你好好学一下！">高性能利器：CDN我建议你好好学一下！</a>
155
+ <a href="https://segmentfault.com/a/1190000040688086" target="_blank" title="从 0 到 1 开发一个聊天通讯 服务 复盘总结分享">从 0 到 1 开发一个聊天通讯 服务 复盘总结分享</a>
156
156
  </div>
157
157
  <div class="sub-title followers">
158
158
 
@@ -163,15 +163,15 @@
163
163
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
164
164
  </g>
165
165
  </svg>
166
- <span>24</span>
166
+ <span>12</span>
167
167
  </span>
168
168
  &nbsp;
169
- <a target="_blank" href="https://segmentfault.com/u/jaycekon" title="Programming Language">
170
- <span>九灵</span>
169
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
170
+ <span>大新</span>
171
171
  </a>
172
172
  </div>
173
173
  <div class="details">
174
- CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定
174
+ 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...
175
175
  </div>
176
176
  </div>
177
177
  </li>
@@ -180,7 +180,7 @@
180
180
  <div class="info">
181
181
  <div class="rank">
182
182
  <span title="Ranking 4">4</span>
183
- <a href="https://segmentfault.com/a/1190000040637925" target="_blank" title="分享32个JavaScript工作中常用的代码片段">分享32个JavaScript工作中常用的代码片段</a>
183
+ <a href="https://segmentfault.com/a/1190000040681871" target="_blank" title="为你的网站加入这些可爱的看板娘吧">为你的网站加入这些可爱的看板娘吧</a>
184
184
  </div>
185
185
  <div class="sub-title followers">
186
186
 
@@ -191,15 +191,15 @@
191
191
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
192
192
  </g>
193
193
  </svg>
194
- <span>21</span>
194
+ <span>8</span>
195
195
  </span>
196
196
  &nbsp;
197
- <a target="_blank" href="https://segmentfault.com/u/jack_code" title="Programming Language">
198
- <span>蛙人</span>
197
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
198
+ <span>JenK</span>
199
199
  </a>
200
200
  </div>
201
201
  <div class="details">
202
- 前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...
202
+ 1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...
203
203
  </div>
204
204
  </div>
205
205
  </li>
@@ -208,7 +208,7 @@
208
208
  <div class="info">
209
209
  <div class="rank">
210
210
  <span title="Ranking 5">5</span>
211
- <a href="https://segmentfault.com/a/1190000040635362" target="_blank" title="CSS 快速实现烟花绽放🎆">CSS 快速实现烟花绽放🎆</a>
211
+ <a href="https://segmentfault.com/a/1190000040680395" target="_blank" title="性能优化：如何更快地接收数据">性能优化：如何更快地接收数据</a>
212
212
  </div>
213
213
  <div class="sub-title followers">
214
214
 
@@ -219,15 +219,15 @@
219
219
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
220
220
  </g>
221
221
  </svg>
222
- <span>15</span>
222
+ <span>9</span>
223
223
  </span>
224
224
  &nbsp;
225
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
226
- <span>XboxYan</span>
225
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
226
+ <span>云叔_又拍云</span>
227
227
  </a>
228
228
  </div>
229
229
  <div class="details">
230
- 什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。
230
+ 从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...
231
231
  </div>
232
232
  </div>
233
233
  </li>
@@ -236,7 +236,7 @@
236
236
  <div class="info">
237
237
  <div class="rank">
238
238
  <span title="Ranking 6">6</span>
239
- <a href="https://segmentfault.com/a/1190000040655590" target="_blank" title="90行代码实现模块打包器">90行代码实现模块打包器</a>
239
+ <a href="https://segmentfault.com/a/1190000040668661" target="_blank" title="神级程序员们都在用的技术网站！总结好了，分享给你">神级程序员们都在用的技术网站！总结好了，分享给你</a>
240
240
  </div>
241
241
  <div class="sub-title followers">
242
242
 
@@ -247,15 +247,15 @@
247
247
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
248
248
  </g>
249
249
  </svg>
250
- <span>13</span>
250
+ <span>11</span>
251
251
  </span>
252
252
  &nbsp;
253
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
254
- <span>卡颂</span>
253
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
254
+ <span>民工哥</span>
255
255
  </a>
256
256
  </div>
257
257
  <div class="details">
258
- 大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...
258
+ 作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...
259
259
  </div>
260
260
  </div>
261
261
  </li>
@@ -264,7 +264,7 @@
264
264
  <div class="info">
265
265
  <div class="rank">
266
266
  <span title="Ranking 7">7</span>
267
- <a href="https://segmentfault.com/a/1190000040638020" target="_blank" title="从零到一实现企业级微前端框架，保姆级教学">从零到一实现企业级微前端框架，保姆级教学</a>
267
+ <a href="https://segmentfault.com/a/1190000040674102" target="_blank" title="[Jenkins进阶]-后端CI/CD">[Jenkins进阶]-后端CI/CD</a>
268
268
  </div>
269
269
  <div class="sub-title followers">
270
270
 
@@ -275,15 +275,15 @@
275
275
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
276
276
  </g>
277
277
  </svg>
278
- <span>11</span>
278
+ <span>6</span>
279
279
  </span>
280
280
  &nbsp;
281
- <a target="_blank" href="https://segmentfault.com/u/user_ngjv5fmp" title="Programming Language">
282
- <span>y_ck</span>
281
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
282
+ <span>JenK</span>
283
283
  </a>
284
284
  </div>
285
285
  <div class="details">
286
- 微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：
286
+ 如果没有自动化， 我们的后端从开发到提测工作流程可能如下：1.本地机器上写代码2.提交代码，push 到 git 远程仓库3.执行mvn clean package单元测试并且打包jar包4.ssh/ftp发包至测试服务器等各种方式5.重启java...
287
287
  </div>
288
288
  </div>
289
289
  </li>
@@ -292,7 +292,7 @@
292
292
  <div class="info">
293
293
  <div class="rank">
294
294
  <span title="Ranking 8">8</span>
295
- <a href="https://segmentfault.com/a/1190000040661568" target="_blank" title="15个值得收藏的JavaScript函数">15个值得收藏的JavaScript函数</a>
295
+ <a href="https://segmentfault.com/a/1190000040677455" target="_blank" title="从零开始使用create-react-app + react + typescript 完成一个网站">从零开始使用create-react-app + react + typescript 完成一个网站</a>
296
296
  </div>
297
297
  <div class="sub-title followers">
298
298
 
@@ -303,15 +303,15 @@
303
303
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
304
304
  </g>
305
305
  </svg>
306
- <span>13</span>
306
+ <span>7</span>
307
307
  </span>
308
308
  &nbsp;
309
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
310
- <span>TNTWEB</span>
309
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
310
+ <span>夕水</span>
311
311
  </a>
312
312
  </div>
313
313
  <div class="details">
314
- TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
314
+ 也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...
315
315
  </div>
316
316
  </div>
317
317
  </li>
@@ -320,7 +320,7 @@
320
320
  <div class="info">
321
321
  <div class="rank">
322
322
  <span title="Ranking 9">9</span>
323
- <a href="https://segmentfault.com/a/1190000040640072" target="_blank" title="微服务架构下的熔断框架：hystrix-go">微服务架构下的熔断框架：hystrix-go</a>
323
+ <a href="https://segmentfault.com/a/1190000040686657" target="_blank" title="高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗">高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗</a>
324
324
  </div>
325
325
  <div class="sub-title followers">
326
326
 
@@ -331,15 +331,15 @@
331
331
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
332
332
  </g>
333
333
  </svg>
334
- <span>8</span>
334
+ <span>9</span>
335
335
  </span>
336
336
  &nbsp;
337
- <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86" title="Programming Language">
338
- <span>asong</span>
337
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
338
+ <span>荣顶</span>
339
339
  </a>
340
340
  </div>
341
341
  <div class="details">
342
- 伴随着微服务架构被宣传得如火如茶，一些概念也被推到了我们的面前。一提到微服务，就离不开这几个字：高内聚低耦合；微服务的架构设计最终目的也就是实现这几个字。在微服务架构中，微服务就是完成一个单一的业...
342
+ 前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...
343
343
  </div>
344
344
  </div>
345
345
  </li>
@@ -348,7 +348,7 @@
348
348
  <div class="info">
349
349
  <div class="rank">
350
350
  <span title="Ranking 10">10</span>
351
- <a href="https://segmentfault.com/a/1190000040640217" target="_blank" title="Web 应用服务器端渲染入门指南">Web 应用服务器端渲染入门指南</a>
351
+ <a href="https://segmentfault.com/a/1190000040678481" target="_blank" title="前端瓦片地图加载之塞尔达传说旷野之息">前端瓦片地图加载之塞尔达传说旷野之息</a>
352
352
  </div>
353
353
  <div class="sub-title followers">
354
354
 
@@ -359,15 +359,15 @@
359
359
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
360
360
  </g>
361
361
  </svg>
362
- <span>10</span>
362
+ <span>5</span>
363
363
  </span>
364
364
  &nbsp;
365
- <a target="_blank" href="https://segmentfault.com/u/jerrywangsap" title="Programming Language">
366
- <span>JerryWang_汪子熙</span>
365
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
366
+ <span>dragonir</span>
367
367
  </a>
368
368
  </div>
369
369
  <div class="details">
370
- 作为开发人员，我们经常面临会影响应用程序整个架构的决策。 Web 开发人员必须做出的核心决策之一是在他们的应用程序中实现逻辑和呈现的位置。 这可能很困难，因为有许多不同的方法来构建网站。
370
+ 最近在 肝🤕 塞尔达旷野之息，希望 2022年 新作发布前可以救出公主 👸。 同时公司有地图加载的需求，于是想以 旷野之息 地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理...
371
371
  </div>
372
372
  </div>
373
373
  </li>
@@ -376,7 +376,7 @@
376
376
  <div class="info">
377
377
  <div class="rank">
378
378
  <span title="Ranking 11">11</span>
379
- <a href="https://segmentfault.com/a/1190000040642550" target="_blank" title="开源浪潮下程序员的职业规划和成长">开源浪潮下程序员的职业规划和成长</a>
379
+ <a href="https://segmentfault.com/a/1190000040663155" target="_blank" title="TypeScript 高（zhuāng）级（bī）的用法Partial、Required、Readonly……">TypeScript 高（zhuāng）级（bī）的用法Partial、Required、Readonly……</a>
380
380
  </div>
381
381
  <div class="sub-title followers">
382
382
 
@@ -387,15 +387,15 @@
387
387
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
388
388
  </g>
389
389
  </svg>
390
- <span>9</span>
390
+ <span>7</span>
391
391
  </span>
392
392
  &nbsp;
393
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
394
- <span>云叔_又拍云</span>
393
+ <a target="_blank" href="https://segmentfault.com/u/pantao" title="Programming Language">
394
+ <span>大胡子民工潘半仙</span>
395
395
  </a>
396
396
  </div>
397
397
  <div class="details">
398
- 无论从年初开源社发布的《2020 中国开源年度报告》还是整体的大环境，不难看到中国的开源正在崛起，越来越多的来自中国的开源项目和开发者们正在走入大家的视野。在开源浪潮的大趋势下，程序员又该如何规划自己的...
398
+ 如何让一个类的属性全部可选？比如我有下面这样一个类型： {代码...} User 类型要求所有属性都必须有值，所以： {代码...} 是不可行的，会提示： {代码...} 如何让它可行？使用 Partial 即可： {代码...} Partial...
399
399
  </div>
400
400
  </div>
401
401
  </li>
@@ -404,7 +404,7 @@
404
404
  <div class="info">
405
405
  <div class="rank">
406
406
  <span title="Ranking 12">12</span>
407
- <a href="https://segmentfault.com/a/1190000040649617" target="_blank" title="Vue微信开发中授权登录的优雅实现">Vue微信开发中授权登录的优雅实现</a>
407
+ <a href="https://segmentfault.com/a/1190000040686994" target="_blank" title="揭秘你处理数据的“底层逻辑”，详解公式引擎计算（一）">揭秘你处理数据的“底层逻辑”，详解公式引擎计算（一）</a>
408
408
  </div>
409
409
  <div class="sub-title followers">
410
410
 
@@ -415,15 +415,15 @@
415
415
  <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"/>
416
416
  </g>
417
417
  </svg>
418
- <span>9</span>
418
+ <span>1</span>
419
419
  </span>
420
420
  &nbsp;
421
- <a target="_blank" href="https://segmentfault.com/u/imwty" title="Programming Language">
422
- <span>imwty</span>
421
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
422
+ <span>葡萄城技术团队</span>
423
423
  </a>
424
424
  </div>
425
425
  <div class="details">
426
- 微信授权登录是做微信公众号开发一直绕不开的话题，而且整个授权登录流程的实现，是需要前后端配合一起完成的。在过去前后端还未分离的年代，也许我们前端并不需要太过关心授权的具体实现。然而现在都2021年了，...
426
+ 身处信息时代之中，我们最能明显感受到的一点就是密集数据大量爆发，人们积累的数据也越来越多。这些庞杂的数据出现在一起，传统使用的很多数据记录、查询、汇总工具并不能满足人们的需求。更有效的将这些大量数...
427
427
  </div>
428
428
  </div>
429
429
  </li>
@@ -432,7 +432,7 @@
432
432
  <div class="info">
433
433
  <div class="rank">
434
434
  <span title="Ranking 13">13</span>
435
- <a href="https://segmentfault.com/a/1190000040655391" target="_blank" title="灵魂画手：漫画图解 SSH">灵魂画手：漫画图解 SSH</a>
435
+ <a href="https://segmentfault.com/a/1190000040670804" target="_blank" title="用canvas实现一个大气球送给你">用canvas实现一个大气球送给你</a>
436
436
  </div>
437
437
  <div class="sub-title followers">
438
438
 
@@ -443,15 +443,15 @@
443
443
  <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"/>
444
444
  </g>
445
445
  </svg>
446
- <span>8</span>
446
+ <span>4</span>
447
447
  </span>
448
448
  &nbsp;
449
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
450
- <span>云叔_又拍云</span>
449
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
450
+ <span>执鸢者</span>
451
451
  </a>
452
452
  </div>
453
453
  <div class="details">
454
- OpenSSL 本身是一个软件库，这个软件被广泛的应用在系统服务器当中，他的主要功能是在网络通信的过程中，保证数据的一致性以及数据传输过程中的安全性。软件本身是由C语言编写，这使得他具备了跨平台的特性，Open...
454
+ 一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...
455
455
  </div>
456
456
  </div>
457
457
  </li>
@@ -460,7 +460,7 @@
460
460
  <div class="info">
461
461
  <div class="rank">
462
462
  <span title="Ranking 14">14</span>
463
- <a href="https://segmentfault.com/a/1190000040635389" target="_blank" title="SeaTable 新增 SQL 查询接口，让数据分析和查询更方便">SeaTable 新增 SQL 查询接口，让数据分析和查询更方便</a>
463
+ <a href="https://segmentfault.com/a/1190000040664756" target="_blank" title="HDD成都站：HMS Core 6.0带来新可能，多元服务驱动产品价值提升">HDD成都站：HMS Core 6.0带来新可能，多元服务驱动产品价值提升</a>
464
464
  </div>
465
465
  <div class="sub-title followers">
466
466
 
@@ -471,15 +471,15 @@
471
471
  <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"/>
472
472
  </g>
473
473
  </svg>
474
- <span>3</span>
474
+ <span>0</span>
475
475
  </span>
476
476
  &nbsp;
477
- <a target="_blank" href="https://segmentfault.com/u/seatable" title="Programming Language">
478
- <span>SeaTable开发者版</span>
477
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
478
+ <span>华为移动服务</span>
479
479
  </a>
480
480
  </div>
481
481
  <div class="details">
482
- SeaTable 开发者版是一款免费易用、可扩展的数据中台产品。它同时结合了协同表格的易用性和数据库强大的数据处理能力。从 2.3 版本开始，SeaTable 在数据分析方面又有了一个重大的增强，那就是对 SQL 查询的支持...
482
+ 9月10日，由华为开发者联盟主办的HDD（Huawei Developer Day）于成都举行。活动中，华为HMS Core各领域专家重点解读了HMS Core 6.0为开发者带来的多项全新能力，及生态开放应用的场景和价值。多位华为专家也详细...
483
483
  </div>
484
484
  </div>
485
485
  </li>
@@ -488,7 +488,7 @@
488
488
  <div class="info">
489
489
  <div class="rank">
490
490
  <span title="Ranking 15">15</span>
491
- <a href="https://segmentfault.com/a/1190000040660041" target="_blank" title="前端灵异事件 好好的代码就我跑不起来？">前端灵异事件 好好的代码就我跑不起来？</a>
491
+ <a href="https://segmentfault.com/a/1190000040665639" target="_blank" title="Angular开发小程序">Angular开发小程序</a>
492
492
  </div>
493
493
  <div class="sub-title followers">
494
494
 
@@ -499,15 +499,15 @@
499
499
  <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"/>
500
500
  </g>
501
501
  </svg>
502
- <span>4</span>
502
+ <span>3</span>
503
503
  </span>
504
504
  &nbsp;
505
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
506
- <span>Peter谭老师</span>
505
+ <a target="_blank" href="https://segmentfault.com/u/wszgrcy" title="Programming Language">
506
+ <span>wszgrcy</span>
507
507
  </a>
508
508
  </div>
509
509
  <div class="details">
510
- 写在开头前端灵魂拷问：同一个项目，同一份代码，别人电脑上能跑，为什么自己电脑上就不行？同一个项目，同一份代码，别人自己电脑上打包构建，为什么服务器上就不行？Peter老司机这次带你们深刻的分析这个问题那...
510
+ Angular开发小程序通过修改Angular实现使用Angular开发小程序本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低视频简介[链接]开发模板[链接]修改内容builder修改用于支持自定义构建compo...
511
511
  </div>
512
512
  </div>
513
513
  </li>
@@ -516,7 +516,7 @@
516
516
  <div class="info">
517
517
  <div class="rank">
518
518
  <span title="Ranking 16">16</span>
519
- <a href="https://segmentfault.com/a/1190000040658141" target="_blank" title="对StarRocks “真假开源”之争的灵魂 9 问">对StarRocks “真假开源”之争的灵魂 9 问</a>
519
+ <a href="https://segmentfault.com/a/1190000040680716" target="_blank" title="动态代理大揭秘，带你彻底弄清楚动态代理！">动态代理大揭秘，带你彻底弄清楚动态代理！</a>
520
520
  </div>
521
521
  <div class="sub-title followers">
522
522
 
@@ -527,15 +527,15 @@
527
527
  <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"/>
528
528
  </g>
529
529
  </svg>
530
- <span>2</span>
530
+ <span>5</span>
531
531
  </span>
532
532
  &nbsp;
533
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
534
- <span>思否编辑部</span>
533
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
534
+ <span>铂赛东</span>
535
535
  </a>
536
536
  </div>
537
537
  <div class="details">
538
- 这篇文章，以一封公开信的形式，向“各位大数据从业者”描述了目前数据分析构架所面临的各种困难和挑战，随后宣布“将核心产品 DorisDB 升级为 StarRocks，并全面开源（Github 搜索‘StarRocks’），和全球大数据从业...
538
+ 代理模式是一种设计模式，能够使得在不修改源目标的前提下，额外扩展源目标的功能。即通过访问源目标的代理类，再由代理类去访问源目标。这样一来，要扩展功能，就无需修改源目标的代码了。只需要在代理类上增加...
539
539
  </div>
540
540
  </div>
541
541
  </li>
@@ -544,7 +544,7 @@
544
544
  <div class="info">
545
545
  <div class="rank">
546
546
  <span title="Ranking 17">17</span>
547
- <a href="https://segmentfault.com/a/1190000040653014" target="_blank" title="玩转TypeScript工具类型（上）">玩转TypeScript工具类型（上）</a>
547
+ <a href="https://segmentfault.com/a/1190000040674439" target="_blank" title="IPFS 技术发展新赛道，Jupiter 黑客松—IPFS 开发者大赛开拓全新应用场景">IPFS 技术发展新赛道，Jupiter 黑客松—IPFS 开发者大赛开拓全新应用场景</a>
548
548
  </div>
549
549
  <div class="sub-title followers">
550
550
 
@@ -555,15 +555,15 @@
555
555
  <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"/>
556
556
  </g>
557
557
  </svg>
558
- <span>6</span>
558
+ <span>3</span>
559
559
  </span>
560
560
  &nbsp;
561
- <a target="_blank" href="https://segmentfault.com/u/youdaotec" title="Programming Language">
562
- <span>有道技术团队</span>
561
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
562
+ <span>六一</span>
563
563
  </a>
564
564
  </div>
565
565
  <div class="details">
566
- 随着前端项目的规模不断变大，多人协同开发已经成为了前端开发的标配，随之而来的就是 TypeScript 被越来越多的项目所使用，这种变化并不是对技术的盲目追求，而是业务驱动下的技术进步，TypeScript 通过对原生 J...
566
+ 为帮助使用IPFS技术的亚洲开发人员认证、加速、孵化他们的精彩创意，培养全球开发者社区基于IPFS协议创立新的初创企业、发展创新性的应用、解决主要问题和让网络的未来变得更加强大、安全和去中心化。
567
567
  </div>
568
568
  </div>
569
569
  </li>
@@ -572,7 +572,7 @@
572
572
  <div class="info">
573
573
  <div class="rank">
574
574
  <span title="Ranking 18">18</span>
575
- <a href="https://segmentfault.com/a/1190000040659946" target="_blank" title="如何阅读&#39;嵌套深&#39;&amp;&#39;引用关系复杂&#39;的react+ts项目? 要不咱写个loader缓解一下~">如何阅读&#39;嵌套深&#39;&amp;&#39;引用关系复杂&#39;的react+ts项目? 要不咱写个loader缓解一下~</a>
575
+ <a href="https://segmentfault.com/a/1190000040685876" target="_blank" title="Vue3 Ref 语法糖，告别 .value 的写法">Vue3 Ref 语法糖，告别 .value 的写法</a>
576
576
  </div>
577
577
  <div class="sub-title followers">
578
578
 
@@ -583,15 +583,15 @@
583
583
  <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"/>
584
584
  </g>
585
585
  </svg>
586
- <span>7</span>
586
+ <span>5</span>
587
587
  </span>
588
588
  &nbsp;
589
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
590
- <span>lulu_up</span>
589
+ <a target="_blank" href="https://segmentfault.com/u/wjchumble" title="Programming Language">
590
+ <span>五柳</span>
591
591
  </a>
592
592
  </div>
593
593
  <div class="details">
594
- 随着项目越做越大(cha), 会多出不少很深的代码模块, 比如你看到页面上显示的一个&#39;名片框&#39;, 但你可能需要找好几分钟才能找到这个&#39;名片框&#39;的代码写在了哪个文件里, 如果这个项目你只是接收过来, 前几年不是你...
594
+ 近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...
595
595
  </div>
596
596
  </div>
597
597
  </li>
@@ -600,7 +600,7 @@
600
600
  <div class="info">
601
601
  <div class="rank">
602
602
  <span title="Ranking 19">19</span>
603
- <a href="https://segmentfault.com/a/1190000040636475" target="_blank" title="别问了，我真的不喜欢这个注解！">别问了，我真的不喜欢这个注解！</a>
603
+ <a href="https://segmentfault.com/a/1190000040673481" target="_blank" title="【HMS Core 6.0全球上线】Toolkit，您的智能辅助编程好帮手">【HMS Core 6.0全球上线】Toolkit，您的智能辅助编程好帮手</a>
604
604
  </div>
605
605
  <div class="sub-title followers">
606
606
 
@@ -611,15 +611,15 @@
611
611
  <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"/>
612
612
  </g>
613
613
  </svg>
614
- <span>6</span>
614
+ <span>1</span>
615
615
  </span>
616
616
  &nbsp;
617
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
618
- <span>why技术</span>
617
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
618
+ <span>华为移动服务</span>
619
619
  </a>
620
620
  </div>
621
621
  <div class="details">
622
- 你好呀，我是why。我之前写过一些关于线程池的文章，然后有同学去翻了一圈，发现我没有写过一篇关于 @Async 注解的文章，于是他来问我：是的，我摊牌了。我不喜欢这个注解的原因，是因为我压根就没用过。我习惯用...
622
+ HMS Core 6.0已于7月15日全球上线。本次版本中，华为HMS Toolkit向广大开发者推出了智能辅助编程助手SmartCoder，帮助开发者轻松高效地集成HMS Core，开发新功能，创建新应用。
623
623
  </div>
624
624
  </div>
625
625
  </li>
@@ -628,7 +628,7 @@
628
628
  <div class="info">
629
629
  <div class="rank">
630
630
  <span title="Ranking 20">20</span>
631
- <a href="https://segmentfault.com/a/1190000040616715" target="_blank" title="12种 console 相关的方法，帮你快速提高调试效率！（建议收藏）">12种 console 相关的方法，帮你快速提高调试效率！（建议收藏）</a>
631
+ <a href="https://segmentfault.com/a/1190000040661069" target="_blank" title="保姆式教程！Centos7 系统部署 Zabbix5.0">保姆式教程！Centos7 系统部署 Zabbix5.0</a>
632
632
  </div>
633
633
  <div class="sub-title followers">
634
634
 
@@ -639,15 +639,15 @@
639
639
  <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"/>
640
640
  </g>
641
641
  </svg>
642
- <span>4</span>
642
+ <span>5</span>
643
643
  </span>
644
644
  &nbsp;
645
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
646
- <span>前端小智</span>
645
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
646
+ <span>民工哥</span>
647
647
  </a>
648
648
  </div>
649
649
  <div class="details">
650
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
650
+ 系统简介：zabbix是一个企业级解决方案，支持实时监控数千台服务器，虚拟机和网络设备采集百万级监控指标。CentOS 7上搭建 Zabbix4.0，一次性成功，收藏了！Zabbix的主要特点有1.指标收集:从任何设备、系统、应用...
651
651
  </div>
652
652
  </div>
653
653
  </li>
@@ -656,7 +656,7 @@
656
656
  <div class="info">
657
657
  <div class="rank">
658
658
  <span title="Ranking 21">21</span>
659
- <a href="https://segmentfault.com/a/1190000040665639" target="_blank" title="Angular开发小程序">Angular开发小程序</a>
659
+ <a href="https://segmentfault.com/a/1190000040675446" target="_blank" title="滚动穿透与滚动溢出">滚动穿透与滚动溢出</a>
660
660
  </div>
661
661
  <div class="sub-title followers">
662
662
 
@@ -667,15 +667,15 @@
667
667
  <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"/>
668
668
  </g>
669
669
  </svg>
670
- <span>3</span>
670
+ <span>4</span>
671
671
  </span>
672
672
  &nbsp;
673
- <a target="_blank" href="https://segmentfault.com/u/wszgrcy" title="Programming Language">
674
- <span>wszgrcy</span>
673
+ <a target="_blank" href="https://segmentfault.com/u/barrior" title="Programming Language">
674
+ <span>Barrior</span>
675
675
  </a>
676
676
  </div>
677
677
  <div class="details">
678
- Angular开发小程序通过修改Angular实现使用Angular开发小程序本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低视频简介[链接]开发模板[链接]修改内容builder修改用于支持自定义构建compo...
678
+ 在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，...
679
679
  </div>
680
680
  </div>
681
681
  </li>
@@ -684,7 +684,7 @@
684
684
  <div class="info">
685
685
  <div class="rank">
686
686
  <span title="Ranking 22">22</span>
687
- <a href="https://segmentfault.com/a/1190000040660544" target="_blank" title="对于 JavaScript 中循环之间的技术差异概述">对于 JavaScript 中循环之间的技术差异概述</a>
687
+ <a href="https://segmentfault.com/a/1190000040672742" target="_blank" title="原来3D感空间行星轨迹是这样画的">原来3D感空间行星轨迹是这样画的</a>
688
688
  </div>
689
689
  <div class="sub-title followers">
690
690
 
@@ -698,12 +698,12 @@
698
698
  <span>5</span>
699
699
  </span>
700
700
  &nbsp;
701
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
702
- <span>前端小智</span>
701
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
702
+ <span>前端胖头鱼</span>
703
703
  </a>
704
704
  </div>
705
705
  <div class="details">
706
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
706
+ 我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转2点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回...
707
707
  </div>
708
708
  </div>
709
709
  </li>
@@ -712,7 +712,7 @@
712
712
  <div class="info">
713
713
  <div class="rank">
714
714
  <span title="Ranking 23">23</span>
715
- <a href="https://segmentfault.com/a/1190000040640951" target="_blank" title="Vue3 与 Vue2 的Props、全局组件的异同点！">Vue3 与 Vue2 的Props、全局组件的异同点！</a>
715
+ <a href="https://segmentfault.com/a/1190000040685620" target="_blank" title="直击 2021 苹果秋季发布会：iPhone 13 全系降价，这次彻底放大招？">直击 2021 苹果秋季发布会：iPhone 13 全系降价，这次彻底放大招？</a>
716
716
  </div>
717
717
  <div class="sub-title followers">
718
718
 
@@ -726,12 +726,12 @@
726
726
  <span>2</span>
727
727
  </span>
728
728
  &nbsp;
729
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
730
- <span>前端小智</span>
729
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
730
+ <span>snakesss</span>
731
731
  </a>
732
732
  </div>
733
733
  <div class="details">
734
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
734
+ 今天凌晨 1 点的苹果发布会你看了没？又是出乎意料的短，没有意外惊喜没有 one more thing，全程 1 小时 18 分钟，只发布了： iPhone 13 Pro、iPhone 13、Apple Watch Series 7、全新 iPad mini 和 iPad ，传闻中...
735
735
  </div>
736
736
  </div>
737
737
  </li>
@@ -740,7 +740,7 @@
740
740
  <div class="info">
741
741
  <div class="rank">
742
742
  <span title="Ranking 24">24</span>
743
- <a href="https://segmentfault.com/a/1190000040648510" target="_blank" title="高手是如何写出让别人看不懂的选择器">高手是如何写出让别人看不懂的选择器</a>
743
+ <a href="https://segmentfault.com/a/1190000040673071" target="_blank" title="vivo营销自动化技术解密｜开篇">vivo营销自动化技术解密｜开篇</a>
744
744
  </div>
745
745
  <div class="sub-title followers">
746
746
 
@@ -754,12 +754,12 @@
754
754
  <span>2</span>
755
755
  </span>
756
756
  &nbsp;
757
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
758
- <span>chokcoco</span>
757
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
758
+ <span>vivo互联网技术</span>
759
759
  </a>
760
760
  </div>
761
761
  <div class="details">
762
- 本文的标题是如何写出让别人看不懂的选择器，但是本意不是希望大家去写如此复杂的选择，一些复杂（怪异）的选择器在一些特定场景下也许有着妙用，又或者写出这种选择器是基于当时的特殊背景。
762
+ 营销自动化是指专门为营销部门或组织设计的软件平台和技术，可以更有效地在线进行多渠道营销并使重复性任务自动化。营销部门和销售人员通过制定任务和流程的操作标准，然后由IT系统进行解释、存储和执行，从而提...
763
763
  </div>
764
764
  </div>
765
765
  </li>
@@ -768,7 +768,7 @@
768
768
  <div class="info">
769
769
  <div class="rank">
770
770
  <span title="Ranking 25">25</span>
771
- <a href="https://segmentfault.com/a/1190000040641616" target="_blank" title="从源码角度分析 MyBatis 工作原理">从源码角度分析 MyBatis 工作原理</a>
771
+ <a href="https://segmentfault.com/a/1190000040674426" target="_blank" title="CSS资源">CSS资源</a>
772
772
  </div>
773
773
  <div class="sub-title followers">
774
774
 
@@ -779,15 +779,15 @@
779
779
  <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"/>
780
780
  </g>
781
781
  </svg>
782
- <span>2</span>
782
+ <span>4</span>
783
783
  </span>
784
784
  &nbsp;
785
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
786
- <span>vivo互联网技术</span>
785
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
786
+ <span>小蘑菇</span>
787
787
  </a>
788
788
  </div>
789
789
  <div class="details">
790
- 一、MyBatis 完整示例这里，我将以一个入门级的示例来演示 MyBatis 是如何工作的。注：本文后面章节中的原理、源码部分也将基于这个示例来进行讲解。完整示例源码地址1.1. 数据库准备在本示例中，需要针对一张用...
790
+ 1、Layoutit Grid 是一个 CSS Grid 布局生成器地址：[链接]2、Sarah Drasner 的 CSS 网格生成器地址：[链接]3、Grid by Example地址：[链接]4、CSS Grid Garden地址：[链接]5、Grid Malven地址：[链接]6、CSS Tri...
791
791
  </div>
792
792
  </div>
793
793
  </li>
@@ -796,7 +796,7 @@
796
796
  <div class="info">
797
797
  <div class="rank">
798
798
  <span title="Ranking 26">26</span>
799
- <a href="https://segmentfault.com/a/1190000040653733" target="_blank" title="clean-state: 一个轻巧又灵活的React状态管理器">clean-state: 一个轻巧又灵活的React状态管理器</a>
799
+ <a href="https://segmentfault.com/a/1190000040668215" target="_blank" title="Vue微信开发中微信分享的优雅实现">Vue微信开发中微信分享的优雅实现</a>
800
800
  </div>
801
801
  <div class="sub-title followers">
802
802
 
@@ -810,12 +810,12 @@
810
810
  <span>3</span>
811
811
  </span>
812
812
  &nbsp;
813
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
814
- <span>TNTWEB</span>
813
+ <a target="_blank" href="https://segmentfault.com/u/imwty" title="Programming Language">
814
+ <span>imwty</span>
815
815
  </a>
816
816
  </div>
817
817
  <div class="details">
818
- TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...
818
+ 微信分享主要是可以把我们做的网页分享给好友或者分享到朋友圈，在发送给好友时，展示出来的消息不是一段很丑的网址，而是带着图文描述的特殊模板消息，很多传播性质比较强的网页都会借助这个特性提升传播性。要...
819
819
  </div>
820
820
  </div>
821
821
  </li>
@@ -824,7 +824,7 @@
824
824
  <div class="info">
825
825
  <div class="rank">
826
826
  <span title="Ranking 27">27</span>
827
- <a href="https://segmentfault.com/a/1190000040647007" target="_blank" title="淘客项目coupons在 Linux 环境部署指南">淘客项目coupons在 Linux 环境部署指南</a>
827
+ <a href="https://segmentfault.com/a/1190000040681270" target="_blank" title="Spring Boot中使用@Async实现异步调用，加速任务的执行！">Spring Boot中使用@Async实现异步调用，加速任务的执行！</a>
828
828
  </div>
829
829
  <div class="sub-title followers">
830
830
 
@@ -838,12 +838,12 @@
838
838
  <span>2</span>
839
839
  </span>
840
840
  &nbsp;
841
- <a target="_blank" href="https://segmentfault.com/u/silently9527" title="Programming Language">
842
- <span>Silently9527</span>
841
+ <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
842
+ <span>程序猿DD</span>
843
843
  </a>
844
844
  </div>
845
845
  <div class="details">
846
- Coupons是一个从前端到后端完全开源的淘宝客项目，目前项目已经支持打包成App、微信小程序、QQ小程序、Web站点；理论上其他小程序支持，可能需要微调
846
+ 什么是“异步调用”？“异步调用”对应的是“同步调用”，同步调用指程序按照定义顺序依次执行，每一行程序都必须等待上一行程序执行完成之后才能执行；异步调用指程序在顺序执行时，不等待异步调用的语句返回结果就执...
847
847
  </div>
848
848
  </div>
849
849
  </li>
@@ -852,7 +852,7 @@
852
852
  <div class="info">
853
853
  <div class="rank">
854
854
  <span title="Ranking 28">28</span>
855
- <a href="https://segmentfault.com/a/1190000040648795" target="_blank" title="从IT圈“鄙视链”看前端开发有多难？">从IT圈“鄙视链”看前端开发有多难？</a>
855
+ <a href="https://segmentfault.com/a/1190000040687221" target="_blank" title="PHP 字符串中直接解析函数的写法">PHP 字符串中直接解析函数的写法</a>
856
856
  </div>
857
857
  <div class="sub-title followers">
858
858
 
@@ -863,15 +863,15 @@
863
863
  <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"/>
864
864
  </g>
865
865
  </svg>
866
- <span>4</span>
866
+ <span>3</span>
867
867
  </span>
868
868
  &nbsp;
869
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
870
- <span>葡萄城技术团队</span>
869
+ <a target="_blank" href="https://segmentfault.com/u/guanguans" title="Programming Language">
870
+ <span>guanguans</span>
871
871
  </a>
872
872
  </div>
873
873
  <div class="details">
874
- 如今“鄙视链”体现在生活的方方面面，各行各业都有默认一致的鄙视链。IT圈子因为开发语言多样、工程师岗位种类多、技术框架多，也有自己圈子内的鄙视链。按照开发工程师的岗位形成的鄙视链是：
874
+ PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...
875
875
  </div>
876
876
  </div>
877
877
  </li>
@@ -880,7 +880,7 @@
880
880
  <div class="info">
881
881
  <div class="rank">
882
882
  <span title="Ranking 29">29</span>
883
- <a href="https://segmentfault.com/a/1190000040646210" target="_blank" title="是什么让 Java 应用程序的 CPU 使用率飙升？">是什么让 Java 应用程序的 CPU 使用率飙升？</a>
883
+ <a href="https://segmentfault.com/a/1190000040664642" target="_blank" title="程序员玩转 Github Sponsors，开源变现年入百万">程序员玩转 Github Sponsors，开源变现年入百万</a>
884
884
  </div>
885
885
  <div class="sub-title followers">
886
886
 
@@ -891,15 +891,15 @@
891
891
  <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"/>
892
892
  </g>
893
893
  </svg>
894
- <span>3</span>
894
+ <span>2</span>
895
895
  </span>
896
896
  &nbsp;
897
- <a target="_blank" href="https://segmentfault.com/u/xiniao_6051dfcd5b5e8" title="Programming Language">
898
- <span>惜鸟</span>
897
+ <a target="_blank" href="https://segmentfault.com/u/aryu" title="Programming Language">
898
+ <span>aryu</span>
899
899
  </a>
900
900
  </div>
901
901
  <div class="details">
902
- 如果命运是一条孤独的河流，谁会是你的灵魂摆渡人？ —— 克莱儿·麦克福尔《摆渡人》一. 问题while 的无限循环是否会导致 CPU 使用率飙升？频繁的 Young GC 是否会导致 CPU 使用率飙升？有大量线程的应用程序的 CPU...
902
+ 聊聊看开源项目作者如何通过 Github Sponsors 成为独立开发者。[链接]
903
903
  </div>
904
904
  </div>
905
905
  </li>
@@ -908,7 +908,7 @@
908
908
  <div class="info">
909
909
  <div class="rank">
910
910
  <span title="Ranking 30">30</span>
911
- <a href="https://segmentfault.com/a/1190000040652105" target="_blank" title="JsonUtils简单使用">JsonUtils简单使用</a>
911
+ <a href="https://segmentfault.com/a/1190000040670962" target="_blank" title="Go 程序崩了？煎鱼教你用 PProf 工具来救火！">Go 程序崩了？煎鱼教你用 PProf 工具来救火！</a>
912
912
  </div>
913
913
  <div class="sub-title followers">
914
914
 
@@ -922,12 +922,12 @@
922
922
  <span>2</span>
923
923
  </span>
924
924
  &nbsp;
925
- <a target="_blank" href="https://segmentfault.com/u/iswulongbo" title="Programming Language">
926
- <span>isWulongbo</span>
925
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
926
+ <span>煎鱼</span>
927
927
  </a>
928
928
  </div>
929
929
  <div class="details">
930
- {代码...}
930
+ 这次分享《Go 语言编程之旅》中的性能分析大杀器 PProf，文章字数有 1w3+ 字，我想应该是目前业界比较全的 PProf 文章了，也欢迎大家买本 《Go 语言编程之旅》学习更多的 Go 语言进阶技巧和知识。
931
931
  </div>
932
932
  </div>
933
933
  </li>
@@ -948,7 +948,7 @@
948
948
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
949
949
  </a>
950
950
  </p>
951
- <div class="time">Last cache created on 2021/9/13 by Github API v3.</div>
951
+ <div class="time">Last cache created on 2021/9/17 by Github API v3.</div>
952
952
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
953
953
  </div>
954
954
  </body>