@wcj/github-rank 22.7.6 → 22.7.9

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 (41) hide show
  1. package/README.md +2 -3
  2. package/dist/36kr.json +5006 -1552
  3. package/dist/repos.json +34920 -34923
  4. package/dist/sifou-daily.json +12 -93
  5. package/dist/sifou-monthly.json +104 -104
  6. package/dist/sifou-weekly.json +165 -165
  7. package/dist/toutiao-30.json +97 -97
  8. package/dist/toutiao-7.json +113 -113
  9. package/dist/toutiao-90.json +35 -35
  10. package/dist/trending-daily.json +165 -165
  11. package/dist/trending-monthly.json +159 -159
  12. package/dist/trending-weekly.json +171 -171
  13. package/dist/users.china.json +2667 -2667
  14. package/dist/users.json +4076 -4078
  15. package/package.json +19 -18
  16. package/web/data/36kr.json +5006 -1552
  17. package/web/data/repos.json +34920 -34923
  18. package/web/data/sifou-daily.json +12 -93
  19. package/web/data/sifou-monthly.json +104 -104
  20. package/web/data/sifou-weekly.json +165 -165
  21. package/web/data/toutiao-30.json +97 -97
  22. package/web/data/toutiao-7.json +113 -113
  23. package/web/data/toutiao-90.json +35 -35
  24. package/web/data/trending-daily.json +165 -165
  25. package/web/data/trending-monthly.json +159 -159
  26. package/web/data/trending-weekly.json +171 -171
  27. package/web/data/users.china.json +2667 -2667
  28. package/web/data/users.json +4076 -4078
  29. package/web/index.html +1998 -2001
  30. package/web/repos.html +4274 -4277
  31. package/web/sifou-daily.html +12 -267
  32. package/web/sifou-monthly.html +127 -130
  33. package/web/sifou-weekly.html +140 -143
  34. package/web/toutiao-30.html +78 -81
  35. package/web/toutiao-7.html +79 -82
  36. package/web/toutiao-90.html +56 -59
  37. package/web/trending-monthly.html +140 -139
  38. package/web/trending-weekly.html +146 -153
  39. package/web/trending.html +136 -151
  40. package/web/users.china.html +1394 -1397
  41. package/web/36kr.html +0 -828
package/web/sifou-weekly.html CHANGED
@@ -115,16 +115,14 @@
115
115
  </a>
116
116
 
117
117
 
118
-
119
118
  </h1>
120
- <div class="time">Last cache created on 2022/7/6 by
119
+ <div class="time">Last cache created on 2022/7/9 by
121
120
 
122
121
 
123
122
 
124
123
 
125
124
  <a href="https://segmentfault.com/hottest">SegmentFault</a>
126
125
 
127
-
128
126
  .
129
127
  </div>
130
128
  <div class="tabs">
@@ -133,7 +131,6 @@
133
131
  <a class="" href="trending.html">Trending</a>
134
132
  <a class="active" href="sifou-daily.html">Sifou</a>
135
133
  <a class="" href="toutiao-7.html">开发头条</a>
136
- <a class="" href="36kr.html">36Kr</a>
137
134
  </div>
138
135
  <ul class="list">
139
136
  <li class="rank-title">
@@ -148,7 +145,7 @@
148
145
  <div class="info">
149
146
  <div class="rank">
150
147
  <span title="Ranking 1">1</span>
151
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
148
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
152
149
  </div>
153
150
  <div class="sub-title followers">
154
151
 
@@ -159,15 +156,15 @@
159
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"/>
160
157
  </g>
161
158
  </svg>
162
- <span>12</span>
159
+ <span>19</span>
163
160
  </span>
164
161
  &nbsp;
165
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
166
- <span>边城</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
+ <span>XboxYan</span>
167
164
  </a>
168
165
  </div>
169
166
  <div class="details">
170
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
167
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
171
168
  </div>
172
169
  </div>
173
170
  </li>
@@ -176,7 +173,7 @@
176
173
  <div class="info">
177
174
  <div class="rank">
178
175
  <span title="Ranking 2">2</span>
179
- <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
176
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
180
177
  </div>
181
178
  <div class="sub-title followers">
182
179
 
@@ -187,15 +184,15 @@
187
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"/>
188
185
  </g>
189
186
  </svg>
190
- <span>14</span>
187
+ <span>18</span>
191
188
  </span>
192
189
  &nbsp;
193
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
194
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
+ <span>chokcoco</span>
195
192
  </a>
196
193
  </div>
197
194
  <div class="details">
198
- 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
195
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
199
196
  </div>
200
197
  </div>
201
198
  </li>
@@ -232,7 +229,7 @@
232
229
  <div class="info">
233
230
  <div class="rank">
234
231
  <span title="Ranking 4">4</span>
235
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
232
+ <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
236
233
  </div>
237
234
  <div class="sub-title followers">
238
235
 
@@ -243,15 +240,15 @@
243
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"/>
244
241
  </g>
245
242
  </svg>
246
- <span>7</span>
243
+ <span>9</span>
247
244
  </span>
248
245
  &nbsp;
249
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
250
- <span>Beverly</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
247
+ <span>南城大前端</span>
251
248
  </a>
252
249
  </div>
253
250
  <div class="details">
254
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
251
+ 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
255
252
  </div>
256
253
  </div>
257
254
  </li>
@@ -260,7 +257,7 @@
260
257
  <div class="info">
261
258
  <div class="rank">
262
259
  <span title="Ranking 5">5</span>
263
- <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
260
+ <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
264
261
  </div>
265
262
  <div class="sub-title followers">
266
263
 
@@ -271,7 +268,7 @@
271
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"/>
272
269
  </g>
273
270
  </svg>
274
- <span>7</span>
271
+ <span>4</span>
275
272
  </span>
276
273
  &nbsp;
277
274
  <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
@@ -279,7 +276,7 @@
279
276
  </a>
280
277
  </div>
281
278
  <div class="details">
282
- 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
279
+ Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...
283
280
  </div>
284
281
  </div>
285
282
  </li>
@@ -288,7 +285,7 @@
288
285
  <div class="info">
289
286
  <div class="rank">
290
287
  <span title="Ranking 6">6</span>
291
- <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
288
+ <a href="https://segmentfault.com/a/1190000042081565" target="_blank" title="DNS 系列（一）：为什么更新了 DNS 记录不生效？">DNS 系列（一）：为什么更新了 DNS 记录不生效？</a>
292
289
  </div>
293
290
  <div class="sub-title followers">
294
291
 
@@ -299,15 +296,15 @@
299
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"/>
300
297
  </g>
301
298
  </svg>
302
- <span>11</span>
299
+ <span>4</span>
303
300
  </span>
304
301
  &nbsp;
305
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
306
- <span>chokcoco</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
303
+ <span>云叔_又拍云</span>
307
304
  </a>
308
305
  </div>
309
306
  <div class="details">
310
- 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
307
+ 我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...
311
308
  </div>
312
309
  </div>
313
310
  </li>
@@ -316,7 +313,7 @@
316
313
  <div class="info">
317
314
  <div class="rank">
318
315
  <span title="Ranking 7">7</span>
319
- <a href="https://segmentfault.com/a/1190000042055196" target="_blank" title="Skypack：我老早就在布局前端基建了">Skypack：我老早就在布局前端基建了</a>
316
+ <a href="https://segmentfault.com/a/1190000042060686" target="_blank" title="编程语言：类型系统的本质">编程语言：类型系统的本质</a>
320
317
  </div>
321
318
  <div class="sub-title followers">
322
319
 
@@ -327,15 +324,15 @@
327
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"/>
328
325
  </g>
329
326
  </svg>
330
- <span>6</span>
327
+ <span>4</span>
331
328
  </span>
332
329
  &nbsp;
333
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
334
- <span>卡颂</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/donghaichenguangjian" title="Programming Language">
331
+ <span>陈光剑</span>
335
332
  </a>
336
333
  </div>
337
334
  <div class="details">
338
- 其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。
335
+ 我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...
339
336
  </div>
340
337
  </div>
341
338
  </li>
@@ -344,7 +341,7 @@
344
341
  <div class="info">
345
342
  <div class="rank">
346
343
  <span title="Ranking 8">8</span>
347
- <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
344
+ <a href="https://segmentfault.com/a/1190000042065274" target="_blank" title="反爬篇 | 手把手教你处理 JS 逆向之图片伪装">反爬篇 | 手把手教你处理 JS 逆向之图片伪装</a>
348
345
  </div>
349
346
  <div class="sub-title followers">
350
347
 
@@ -355,15 +352,15 @@
355
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"/>
356
353
  </g>
357
354
  </svg>
358
- <span>4</span>
355
+ <span>2</span>
359
356
  </span>
360
357
  &nbsp;
361
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
362
- <span>云叔_又拍云</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
359
+ <span>Python技术大本营</span>
363
360
  </a>
364
361
  </div>
365
362
  <div class="details">
366
- Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...
363
+ aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi
367
364
  </div>
368
365
  </div>
369
366
  </li>
@@ -372,7 +369,7 @@
372
369
  <div class="info">
373
370
  <div class="rank">
374
371
  <span title="Ranking 9">9</span>
375
- <a href="https://segmentfault.com/a/1190000042048733" target="_blank" title="超 Nice 的表格响应式布局小技巧">超 Nice 的表格响应式布局小技巧</a>
372
+ <a href="https://segmentfault.com/a/1190000042069019" target="_blank" title="这个高颜值的开源第三方网易云音乐播放器你值得拥有">这个高颜值的开源第三方网易云音乐播放器你值得拥有</a>
376
373
  </div>
377
374
  <div class="sub-title followers">
378
375
 
@@ -383,15 +380,15 @@
383
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"/>
384
381
  </g>
385
382
  </svg>
386
- <span>7</span>
383
+ <span>2</span>
387
384
  </span>
388
385
  &nbsp;
389
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
390
- <span>chokcoco</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
387
+ <span>街角小林</span>
391
388
  </a>
392
389
  </div>
393
390
  <div class="details">
394
- 今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...
391
+ 我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...
395
392
  </div>
396
393
  </div>
397
394
  </li>
@@ -400,7 +397,7 @@
400
397
  <div class="info">
401
398
  <div class="rank">
402
399
  <span title="Ranking 10">10</span>
403
- <a href="https://segmentfault.com/a/1190000042057238" target="_blank" title="世界上最快的排序算法-Timsort">世界上最快的排序算法-Timsort</a>
400
+ <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
404
401
  </div>
405
402
  <div class="sub-title followers">
406
403
 
@@ -411,15 +408,15 @@
411
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"/>
412
409
  </g>
413
410
  </svg>
414
- <span>2</span>
411
+ <span>3</span>
415
412
  </span>
416
413
  &nbsp;
417
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
418
- <span>编程码农</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/rhythm_2019" title="Programming Language">
415
+ <span>Rhythm_2019</span>
419
416
  </a>
420
417
  </div>
421
418
  <div class="details">
422
- Timsort 是一个混合、稳定的排序算法，简单来说就是归并排序和二分插入排序算法的混合体，号称世界上最好的排序算法。Timsort一直是 Python 的标准排序算法。Java SE 7 后添加了Timsort API ，我们从Arrays.sort...
419
+ Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
423
420
  </div>
424
421
  </div>
425
422
  </li>
@@ -428,7 +425,7 @@
428
425
  <div class="info">
429
426
  <div class="rank">
430
427
  <span title="Ranking 11">11</span>
431
- <a href="https://segmentfault.com/a/1190000042065274" target="_blank" title="反爬篇 | 手把手教你处理 JS 逆向之图片伪装">反爬篇 | 手把手教你处理 JS 逆向之图片伪装</a>
428
+ <a href="https://segmentfault.com/a/1190000042069210" target="_blank" title="Web 应用实时版本检测，这么做最方便">Web 应用实时版本检测，这么做最方便</a>
432
429
  </div>
433
430
  <div class="sub-title followers">
434
431
 
@@ -439,15 +436,15 @@
439
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"/>
440
437
  </g>
441
438
  </svg>
442
- <span>2</span>
439
+ <span>1</span>
443
440
  </span>
444
441
  &nbsp;
445
- <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
446
- <span>Python技术大本营</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/akimyou" title="Programming Language">
443
+ <span>Myou_Aki</span>
447
444
  </a>
448
445
  </div>
449
446
  <div class="details">
450
- aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi
447
+ 经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。
451
448
  </div>
452
449
  </div>
453
450
  </li>
@@ -456,7 +453,7 @@
456
453
  <div class="info">
457
454
  <div class="rank">
458
455
  <span title="Ranking 12">12</span>
459
- <a href="https://segmentfault.com/a/1190000041999027" target="_blank" title="测试一下Pinia，Vuex 要出局了？">测试一下Pinia，Vuex 要出局了？</a>
456
+ <a href="https://segmentfault.com/a/1190000042061765" target="_blank" title="苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊">苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊</a>
460
457
  </div>
461
458
  <div class="sub-title followers">
462
459
 
@@ -467,15 +464,15 @@
467
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"/>
468
465
  </g>
469
466
  </svg>
470
- <span>3</span>
467
+ <span>2</span>
471
468
  </span>
472
469
  &nbsp;
473
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
474
- <span>前端小智</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
471
+ <span>snakesss</span>
475
472
  </a>
476
473
  </div>
477
474
  <div class="details">
478
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
475
+ 40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...
479
476
  </div>
480
477
  </div>
481
478
  </li>
@@ -484,7 +481,7 @@
484
481
  <div class="info">
485
482
  <div class="rank">
486
483
  <span title="Ranking 13">13</span>
487
- <a href="https://segmentfault.com/a/1190000042058053" target="_blank" title="6年技术迭代 阿里全球化出海&amp;合规的挑战和探索">6年技术迭代 阿里全球化出海&amp;合规的挑战和探索</a>
484
+ <a href="https://segmentfault.com/a/1190000042071322" target="_blank" title="GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨">GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨</a>
488
485
  </div>
489
486
  <div class="sub-title followers">
490
487
 
@@ -498,12 +495,12 @@
498
495
  <span>2</span>
499
496
  </span>
500
497
  &nbsp;
501
- <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
502
- <span>溜达兔</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
499
+ <span>MissD</span>
503
500
  </a>
504
501
  </div>
505
502
  <div class="details">
506
- 全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。
503
+ 前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...
507
504
  </div>
508
505
  </div>
509
506
  </li>
@@ -512,7 +509,7 @@
512
509
  <div class="info">
513
510
  <div class="rank">
514
511
  <span title="Ranking 14">14</span>
515
- <a href="https://segmentfault.com/a/1190000042053708" target="_blank" title="Ajax 怎么取消？要不要取消？">Ajax 怎么取消？要不要取消？</a>
512
+ <a href="https://segmentfault.com/a/1190000042073725" target="_blank" title="你还在为组件文档烦恼吗？">你还在为组件文档烦恼吗？</a>
516
513
  </div>
517
514
  <div class="sub-title followers">
518
515
 
@@ -523,15 +520,15 @@
523
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"/>
524
521
  </g>
525
522
  </svg>
526
- <span>2</span>
523
+ <span>1</span>
527
524
  </span>
528
525
  &nbsp;
529
- <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
530
- <span>ssshooter</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/samonxian" title="Programming Language">
527
+ <span>Samon</span>
531
528
  </a>
532
529
  </div>
533
530
  <div class="details">
534
- 假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：
531
+ 从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：
535
532
  </div>
536
533
  </div>
537
534
  </li>
@@ -540,7 +537,7 @@
540
537
  <div class="info">
541
538
  <div class="rank">
542
539
  <span title="Ranking 15">15</span>
543
- <a href="https://segmentfault.com/a/1190000042048420" target="_blank" title="ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？">ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？</a>
540
+ <a href="https://segmentfault.com/a/1190000042064534" target="_blank" title="K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升">K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升</a>
544
541
  </div>
545
542
  <div class="sub-title followers">
546
543
 
@@ -551,15 +548,15 @@
551
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"/>
552
549
  </g>
553
550
  </svg>
554
- <span>2</span>
551
+ <span>1</span>
555
552
  </span>
556
553
  &nbsp;
557
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
558
- <span>万事ONES</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
555
+ <span>张晋涛</span>
559
556
  </a>
560
557
  </div>
561
558
  <div class="details">
562
- 6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。
559
+ 「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...
563
560
  </div>
564
561
  </div>
565
562
  </li>
@@ -568,7 +565,7 @@
568
565
  <div class="info">
569
566
  <div class="rank">
570
567
  <span title="Ranking 16">16</span>
571
- <a href="https://segmentfault.com/a/1190000042050754" target="_blank" title="MySQL 锁常见知识点&amp;面试题总结">MySQL 锁常见知识点&amp;面试题总结</a>
568
+ <a href="https://segmentfault.com/a/1190000042063056" target="_blank" title="全网都在疯传的《老板管理手册》（转）">全网都在疯传的《老板管理手册》（转）</a>
572
569
  </div>
573
570
  <div class="sub-title followers">
574
571
 
@@ -579,15 +576,15 @@
579
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"/>
580
577
  </g>
581
578
  </svg>
582
- <span>2</span>
579
+ <span>1</span>
583
580
  </span>
584
581
  &nbsp;
585
- <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
586
- <span>JavaGuide</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/young_6082714523e64" title="Programming Language">
583
+ <span>Young</span>
587
584
  </a>
588
585
  </div>
589
586
  <div class="details">
590
- InnoDB 不光支持表级锁(table-level locking)，还支持行级锁(row-level locking)，默认为行级锁。行级锁的粒度更小，仅对相关的记录上锁即可（对一行或者多行记录加锁），所以对于并发写入操作来说， InnoDB 的性...
587
+ 《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...
591
588
  </div>
592
589
  </div>
593
590
  </li>
@@ -596,7 +593,7 @@
596
593
  <div class="info">
597
594
  <div class="rank">
598
595
  <span title="Ranking 17">17</span>
599
- <a href="https://segmentfault.com/a/1190000042055924" target="_blank" title="通过示例了解Vue过渡和动画">通过示例了解Vue过渡和动画</a>
596
+ <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
600
597
  </div>
601
598
  <div class="sub-title followers">
602
599
 
@@ -610,12 +607,12 @@
610
607
  <span>2</span>
611
608
  </span>
612
609
  &nbsp;
613
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
614
- <span>前端小智</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
611
+ <span>IT小马</span>
615
612
  </a>
616
613
  </div>
617
614
  <div class="details">
618
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
615
+ 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
619
616
  </div>
620
617
  </div>
621
618
  </li>
@@ -624,7 +621,7 @@
624
621
  <div class="info">
625
622
  <div class="rank">
626
623
  <span title="Ranking 18">18</span>
627
- <a href="https://segmentfault.com/a/1190000042061765" target="_blank" title="苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊">苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊</a>
624
+ <a href="https://segmentfault.com/a/1190000042064614" target="_blank" title="精读《Diff, AnyOf, IsUnion...》">精读《Diff, AnyOf, IsUnion...》</a>
628
625
  </div>
629
626
  <div class="sub-title followers">
630
627
 
@@ -635,15 +632,15 @@
635
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"/>
636
633
  </g>
637
634
  </svg>
638
- <span>2</span>
635
+ <span>1</span>
639
636
  </span>
640
637
  &nbsp;
641
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
642
- <span>snakesss</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
639
+ <span>黄子毅</span>
643
640
  </a>
644
641
  </div>
645
642
  <div class="details">
646
- 40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...
643
+ 首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude&lt;X, Y&gt; 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...
647
644
  </div>
648
645
  </div>
649
646
  </li>
@@ -652,7 +649,7 @@
652
649
  <div class="info">
653
650
  <div class="rank">
654
651
  <span title="Ranking 19">19</span>
655
- <a href="https://segmentfault.com/a/1190000042054691" target="_blank" title="Vue3响应式源码分析 - ref + ReactiveEffect篇">Vue3响应式源码分析 - ref + ReactiveEffect篇</a>
652
+ <a href="https://segmentfault.com/a/1190000042073070" target="_blank" title="Vue 源码中的工具函数">Vue 源码中的工具函数</a>
656
653
  </div>
657
654
  <div class="sub-title followers">
658
655
 
@@ -663,15 +660,15 @@
663
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"/>
664
661
  </g>
665
662
  </svg>
666
- <span>2</span>
663
+ <span>4</span>
667
664
  </span>
668
665
  &nbsp;
669
- <a target="_blank" href="https://segmentfault.com/u/xiaomianyang_5a5c183e17d47" title="Programming Language">
670
- <span>小绵羊</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/nuodun" title="Programming Language">
667
+ <span>诺顿</span>
671
668
  </a>
672
669
  </div>
673
670
  <div class="details">
674
- 在Vue3中，因为reactive创建的响应式对象是通过Proxy来实现的，所以传入数据不能为基础类型，所以 ref 对象是对reactive不支持的数据的一个补充。
671
+ 在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。
675
672
  </div>
676
673
  </div>
677
674
  </li>
@@ -680,7 +677,7 @@
680
677
  <div class="info">
681
678
  <div class="rank">
682
679
  <span title="Ranking 20">20</span>
683
- <a href="https://segmentfault.com/a/1190000042054629" target="_blank" title="冴羽答读者问：如何在工作中打造影响力，带动同事？">冴羽答读者问：如何在工作中打造影响力，带动同事？</a>
680
+ <a href="https://segmentfault.com/a/1190000042063425" target="_blank" title="如何优雅地实现多数据库的发件箱模式">如何优雅地实现多数据库的发件箱模式</a>
684
681
  </div>
685
682
  <div class="sub-title followers">
686
683
 
@@ -691,15 +688,15 @@
691
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"/>
692
689
  </g>
693
690
  </svg>
694
- <span>3</span>
691
+ <span>1</span>
695
692
  </span>
696
693
  &nbsp;
697
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
698
- <span>冴羽</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
695
+ <span>叶东富</span>
699
696
  </a>
700
697
  </div>
701
698
  <div class="details">
702
- 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...
699
+ 一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...
703
700
  </div>
704
701
  </div>
705
702
  </li>
@@ -708,7 +705,7 @@
708
705
  <div class="info">
709
706
  <div class="rank">
710
707
  <span title="Ranking 21">21</span>
711
- <a href="https://segmentfault.com/a/1190000042059163" target="_blank" title="Java 集合常见知识点&amp;面试题总结(上)，2022 最新版！">Java 集合常见知识点&amp;面试题总结(上)，2022 最新版！</a>
708
+ <a href="https://segmentfault.com/a/1190000042073871" target="_blank" title="Vim直接上手（一）：三种模式">Vim直接上手（一）：三种模式</a>
712
709
  </div>
713
710
  <div class="sub-title followers">
714
711
 
@@ -719,15 +716,15 @@
719
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"/>
720
717
  </g>
721
718
  </svg>
722
- <span>2</span>
719
+ <span>1</span>
723
720
  </span>
724
721
  &nbsp;
725
- <a target="_blank" href="https://segmentfault.com/u/javaguide" title="Programming Language">
726
- <span>JavaGuide</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
723
+ <span>LiberHome</span>
727
724
  </a>
728
725
  </div>
729
726
  <div class="details">
730
- 你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。
727
+ 比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。
731
728
  </div>
732
729
  </div>
733
730
  </li>
@@ -736,7 +733,7 @@
736
733
  <div class="info">
737
734
  <div class="rank">
738
735
  <span title="Ranking 22">22</span>
739
- <a href="https://segmentfault.com/a/1190000042057334" target="_blank" title="Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？">Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？</a>
736
+ <a href="https://segmentfault.com/a/1190000042069574" target="_blank" title="纯CSS 格子背景">纯CSS 格子背景</a>
740
737
  </div>
741
738
  <div class="sub-title followers">
742
739
 
@@ -750,12 +747,12 @@
750
747
  <span>1</span>
751
748
  </span>
752
749
  &nbsp;
753
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
754
- <span>煎鱼</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/k21vin" title="Programming Language">
751
+ <span>学习委员</span>
755
752
  </a>
756
753
  </div>
757
754
  <div class="details">
758
- Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。
755
+ 本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...
759
756
  </div>
760
757
  </div>
761
758
  </li>
@@ -764,7 +761,7 @@
764
761
  <div class="info">
765
762
  <div class="rank">
766
763
  <span title="Ranking 23">23</span>
767
- <a href="https://segmentfault.com/a/1190000042053905" target="_blank" title="React Native 中实现动态导入">React Native 中实现动态导入</a>
764
+ <a href="https://segmentfault.com/a/1190000042068929" target="_blank" title="在react中基于ant-design，封装一个中文输入框,提高onchange性能">在react中基于ant-design，封装一个中文输入框,提高onchange性能</a>
768
765
  </div>
769
766
  <div class="sub-title followers">
770
767
 
@@ -775,15 +772,15 @@
775
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"/>
776
773
  </g>
777
774
  </svg>
778
- <span>2</span>
775
+ <span>1</span>
779
776
  </span>
780
777
  &nbsp;
781
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
782
- <span>云音乐技术团队</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/jsoncode" title="Programming Language">
779
+ <span>jsoncode</span>
783
780
  </a>
784
781
  </div>
785
782
  <div class="details">
786
- 随着业务的发展，每一个 React Native 应用的代码数量都在不断增加，bundle 体积不断膨胀，对应用性能的负面影响愈发明显。虽然我们可以通过 React Native 官方工具 Metro 进行拆包处理，拆分为一个基础包和一个...
783
+ 1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。
787
784
  </div>
788
785
  </div>
789
786
  </li>
@@ -792,7 +789,7 @@
792
789
  <div class="info">
793
790
  <div class="rank">
794
791
  <span title="Ranking 24">24</span>
795
- <a href="https://segmentfault.com/a/1190000042053038" target="_blank" title="2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们">2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们</a>
792
+ <a href="https://segmentfault.com/a/1190000042059978" target="_blank" title="官方答：在React18中请求数据的正确姿势（其他框架也适用）">官方答：在React18中请求数据的正确姿势（其他框架也适用）</a>
796
793
  </div>
797
794
  <div class="sub-title followers">
798
795
 
@@ -803,15 +800,15 @@
803
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"/>
804
801
  </g>
805
802
  </svg>
806
- <span>2</span>
803
+ <span>1</span>
807
804
  </span>
808
805
  &nbsp;
809
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
810
- <span>MissD</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
807
+ <span>卡颂</span>
811
808
  </a>
812
809
  </div>
813
810
  <div class="details">
814
- 随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...
811
+ 大家好，我卡颂。一些同学喜欢在useEffect中请求初始数据，类似这样： {代码...} 但React18并不推荐这种方式。这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？本文来看看Dan在reddit是如何回答...
815
812
  </div>
816
813
  </div>
817
814
  </li>
@@ -820,7 +817,7 @@
820
817
  <div class="info">
821
818
  <div class="rank">
822
819
  <span title="Ranking 25">25</span>
823
- <a href="https://segmentfault.com/a/1190000042063056" target="_blank" title="全网都在疯传的《老板管理手册》（转）">全网都在疯传的《老板管理手册》（转）</a>
820
+ <a href="https://segmentfault.com/a/1190000042081989" target="_blank" title="vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用">vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用</a>
824
821
  </div>
825
822
  <div class="sub-title followers">
826
823
 
@@ -831,15 +828,15 @@
831
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"/>
832
829
  </g>
833
830
  </svg>
834
- <span>1</span>
831
+ <span>2</span>
835
832
  </span>
836
833
  &nbsp;
837
- <a target="_blank" href="https://segmentfault.com/u/young_6082714523e64" title="Programming Language">
838
- <span>Young</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/nanfengweiliao" title="Programming Language">
835
+ <span>南风未了</span>
839
836
  </a>
840
837
  </div>
841
838
  <div class="details">
842
- 《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...
839
+ 这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...
843
840
  </div>
844
841
  </div>
845
842
  </li>
@@ -848,7 +845,7 @@
848
845
  <div class="info">
849
846
  <div class="rank">
850
847
  <span title="Ranking 26">26</span>
851
- <a href="https://segmentfault.com/a/1190000042059154" target="_blank" title="又一款值得推荐的高颜值的服务器探针——WGCLOUD">又一款值得推荐的高颜值的服务器探针——WGCLOUD</a>
848
+ <a href="https://segmentfault.com/a/1190000042080607" target="_blank" title="原生JS以后也支持类型注解啦？">原生JS以后也支持类型注解啦？</a>
852
849
  </div>
853
850
  <div class="sub-title followers">
854
851
 
@@ -862,12 +859,12 @@
862
859
  <span>1</span>
863
860
  </span>
864
861
  &nbsp;
865
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
866
- <span>徐三刀</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
863
+ <span>卡颂</span>
867
864
  </a>
868
865
  </div>
869
866
  <div class="details">
870
- 支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...
867
+ 在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
871
868
  </div>
872
869
  </div>
873
870
  </li>
@@ -876,7 +873,7 @@
876
873
  <div class="info">
877
874
  <div class="rank">
878
875
  <span title="Ranking 27">27</span>
879
- <a href="https://segmentfault.com/a/1190000042060686" target="_blank" title="编程语言：类型系统的本质">编程语言：类型系统的本质</a>
876
+ <a href="https://segmentfault.com/a/1190000042060487" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第二十一篇 C++/C语言开发环境搭建">麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第二十一篇 C++/C语言开发环境搭建</a>
880
877
  </div>
881
878
  <div class="sub-title followers">
882
879
 
@@ -887,15 +884,15 @@
887
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"/>
888
885
  </g>
889
886
  </svg>
890
- <span>2</span>
887
+ <span>1</span>
891
888
  </span>
892
889
  &nbsp;
893
- <a target="_blank" href="https://segmentfault.com/u/donghaichenguangjian" title="Programming Language">
894
- <span>陈光剑</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/code4world" title="Programming Language">
891
+ <span>码上世界</span>
895
892
  </a>
896
893
  </div>
897
894
  <div class="details">
898
- 我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...
895
+ 类别：笔记本型号：中国长城 NF14C硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,c++,c,内核飞腾,arm
899
896
  </div>
900
897
  </div>
901
898
  </li>
@@ -904,7 +901,7 @@
904
901
  <div class="info">
905
902
  <div class="rank">
906
903
  <span title="Ranking 28">28</span>
907
- <a href="https://segmentfault.com/a/1190000042051905" target="_blank" title="如何使用插件化机制优雅的封装你的请求hook">如何使用插件化机制优雅的封装你的请求hook</a>
904
+ <a href="https://segmentfault.com/a/1190000042077860" target="_blank" title="Vue 灰度发布新功能的那些事">Vue 灰度发布新功能的那些事</a>
908
905
  </div>
909
906
  <div class="sub-title followers">
910
907
 
@@ -915,15 +912,15 @@
915
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"/>
916
913
  </g>
917
914
  </svg>
918
- <span>1</span>
915
+ <span>0</span>
919
916
  </span>
920
917
  &nbsp;
921
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
922
- <span>Gopal</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
919
+ <span>南城大前端</span>
923
920
  </a>
924
921
  </div>
925
922
  <div class="details">
926
- 本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...
923
+ 灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...
927
924
  </div>
928
925
  </div>
929
926
  </li>
@@ -932,7 +929,7 @@
932
929
  <div class="info">
933
930
  <div class="rank">
934
931
  <span title="Ranking 29">29</span>
935
- <a href="https://segmentfault.com/a/1190000042050449" target="_blank" title="英特尔傲腾，让数据管理不再纠结">英特尔傲腾，让数据管理不再纠结</a>
932
+ <a href="https://segmentfault.com/a/1190000042064332" target="_blank" title="golang 简洁架构介绍">golang 简洁架构介绍</a>
936
933
  </div>
937
934
  <div class="sub-title followers">
938
935
 
@@ -946,12 +943,12 @@
946
943
  <span>1</span>
947
944
  </span>
948
945
  &nbsp;
949
- <a target="_blank" href="https://segmentfault.com/u/liudatu" title="Programming Language">
950
- <span>溜达兔</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/ucmir183" title="Programming Language">
947
+ <span>ucmir183</span>
951
948
  </a>
952
949
  </div>
953
950
  <div class="details">
954
- 据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...
951
+ 在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。
955
952
  </div>
956
953
  </div>
957
954
  </li>
@@ -960,7 +957,7 @@
960
957
  <div class="info">
961
958
  <div class="rank">
962
959
  <span title="Ranking 30">30</span>
963
- <a href="https://segmentfault.com/a/1190000042053265" target="_blank" title="开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破">开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破</a>
960
+ <a href="https://segmentfault.com/a/1190000042068327" target="_blank" title="sso单点登录">sso单点登录</a>
964
961
  </div>
965
962
  <div class="sub-title followers">
966
963
 
@@ -971,15 +968,15 @@
971
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"/>
972
969
  </g>
973
970
  </svg>
974
- <span>1</span>
971
+ <span>2</span>
975
972
  </span>
976
973
  &nbsp;
977
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
978
- <span>MissD</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
975
+ <span>小强Zzz</span>
979
976
  </a>
980
977
  </div>
981
978
  <div class="details">
982
- 采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...
979
+ sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...
983
980
  </div>
984
981
  </div>
985
982
  </li>
@@ -1000,7 +997,7 @@
1000
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1001
998
  </a>
1002
999
  </div>
1003
- <div class="time">Last cache created on 2022/7/6 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/9 by Github API v3.</div>
1004
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1005
1002
  </div>
1006
1003
  </body>