@wcj/github-rank 22.9.20 → 22.9.22

package/web/data/sifou-weekly.json

@@ -1,39 +1,30 @@
 [
-  {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 1
-  },
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "14",
-    "rank": 2
-  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
     "url": "https://segmentfault.com/a/1190000042502121",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "11",
-    "rank": 3
+    "votes": "12",
+    "rank": 1
   },
   {
-    "title": "深入理解JavaScript-JavaScript 中的始皇",
-    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
-    "url": "https://segmentfault.com/a/1190000042469668",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "3",
-    "rank": 4
+    "title": "图解JS中的事件循环",
+    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
+    "url": "https://segmentfault.com/a/1190000042485178",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "4",
+    "rank": 2
+  },
+  {
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "7",
+    "rank": 3
   },
   {
     "title": "如何写成高性能的代码（一）：巧用Canvas绘制电子表格",
@@ -42,178 +33,169 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
+    "rank": 4
+  },
+  {
+    "title": "微信小程序转为App并上架应用市场",
+    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
+    "url": "https://segmentfault.com/a/1190000042503461",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "Google 谷歌开发者大会观看指南，速速收藏！",
-    "description": "222 Google 开发者大会明天上午 9 : 30 将正式开幕！收藏这份大会观看指南线上线下同步自由探索24 个产品线和话题最新动态80+ 个技术专题演讲30+ 个技术与产品趣味互动体验开启技术灵感交流的难忘之旅！9 月 14 ...",
-    "url": "https://segmentfault.com/a/1190000042471763",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "6",
     "rank": 6
   },
   {
-    "title": "共码未来丨行业伙伴畅谈 “多端触达”，展望全球技术生态",
-    "description": "各路科技大咖、行业精英与热爱科技的开发者们齐聚 2022 Google 开发者大会共同解锁海量技术干货体验更全面的互动交流收获更丰富的创作灵感合力构建更美好的科技未来！ 致力于帮助开发者打造面对当今和未来的产品...",
-    "url": "https://segmentfault.com/a/1190000042482415",
+    "title": "共码未来 | 助力打造现代、高效、流畅的开发体验",
+    "description": "谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...",
+    "url": "https://segmentfault.com/a/1190000042501529",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
     "rank": 7
   },
   {
-    "title": "共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾",
-    "description": "终于等到你！ 2022 Google 开发者大会今日如约重聚主旨演讲干货新鲜出炉快来一起回顾！谷歌一直积极帮助开发者灵活运用前沿科技，探索创新的方式以解决现实问题，以科技之力应对变化，帮助他人，如 Google 大中华...",
-    "url": "https://segmentfault.com/a/1190000042482325",
+    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
+    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
+    "url": "https://segmentfault.com/a/1190000042500419",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
     "rank": 8
   },
   {
-    "title": "共码未来 | 助力打造现代、高效、流畅的开发体验",
-    "description": "谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...",
-    "url": "https://segmentfault.com/a/1190000042501529",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "50天用vue3完成了50个web项目，我学到了什么?",
+    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
+    "url": "https://segmentfault.com/a/1190000042509082",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "7",
     "rank": 9
   },
   {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "3",
+    "title": "共码未来：2022 Google 开发者大会亮点回顾",
+    "description": "当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...",
+    "url": "https://segmentfault.com/a/1190000042509333",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "5",
     "rank": 10
   },
   {
-    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
-    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
-    "url": "https://segmentfault.com/a/1190000042500419",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "聊聊单点登录(SSO)中的CAS认证",
+    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
+    "url": "https://segmentfault.com/a/1190000042489268",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "里程碑！用自己的编程语言实现了一个网站",
-    "description": "前言在上一篇《终于实现了一门属于自己的编程语言》 介绍了自己写的编程语言 GScript ，在文中提到希望最终可以使用 GScript 开发一个网站。到目前为止确实是做到了，首页地址：[链接]要称为一个网站确实有点勉强...",
-    "url": "https://segmentfault.com/a/1190000042473463",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "2",
+    "title": "共码未来 | 助力实现事半功倍的前端开发体验",
+    "description": "谷歌赋能开发者高效开发通过提供简单易用且相互协同的开发工具助力开发者轻松快速的完成开发工作专注于构建用户喜爱的产品 一起来看看有哪些“事半功倍”的工具能够为开发者带来更好的前端开发体验  Flutter: 高效...",
+    "url": "https://segmentfault.com/a/1190000042517434",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "4",
+    "title": "共码未来 | 更全面的开源机器学习生态",
+    "description": "构建机器学习的每个环节都有来自谷歌技术与工具的强力支持 Tensor Projects为开发者们提供了一整套出色且具备协同效应的技术与平台助力开发者开启机器学习的未来之路 跟随 2022 Google 开发者大会的脚步一起探索...",
+    "url": "https://segmentfault.com/a/1190000042512333",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
     "rank": 13
   },
   {
-    "title": "新时代布局新特性 -- 容器查询",
-    "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
-    "url": "https://segmentfault.com/a/1190000042475705",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
+    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
+    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
+    "url": "https://segmentfault.com/a/1190000042509388",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "3",
     "rank": 14
   },
   {
-    "title": "CSS 有了:has伪类可以做些什么？",
-    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000042490237",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "共码未来 | 提供运营数据库工作负载的优越平台",
+    "description": "云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...",
+    "url": "https://segmentfault.com/a/1190000042528779",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
     "rank": 15
   },
   {
-    "title": "Taro源码-cli项目创建的过程",
-    "description": "packages/taro-cli/src/cli.ts这个文件的作用就是接受内置命令、分解内置命令、针对不同的内置命令注册对应的命令插件。",
-    "url": "https://segmentfault.com/a/1190000042478842",
-    "author": "perkz",
-    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
-    "votes": "10",
+    "title": "类型体操的9种类型运算、4种类型套路总结",
+    "description": "今天给大家分享的主题是一起来做类型体操。主要分为 4 个部分进行介绍：类型体操的背景，通过背景了解为什么要在项目中加入类型体操；了解类型体操的主要类型、运算逻辑、和类型套路；类型体操实践，解析 TypeScr...",
+    "url": "https://segmentfault.com/a/1190000042489026",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "2",
     "rank": 16
   },
   {
-    "title": "Vite入门从手写一个乞丐版的Vite开始（上）",
-    "description": "Vite是什么就不用笔者多说了，用过Vue的朋友肯定都知道，本文会通过手写一个非常简单的乞丐版Vite来了解一下Vite的基本实现原理，参考的是Vite最早的版本（vite-1.0.0-rc.5版本，Vue版本为3.0.0-rc.10）实现的，...",
-    "url": "https://segmentfault.com/a/1190000042472725",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "title": "webpack学习：webpack把react编译成weapp",
+    "description": "在package.json中可以找到入口文件这个文件的作用就是引入webpack核心函数（lib/webpack.js）以及工具文件，抛出整理好之后的webpack核心函数",
+    "url": "https://segmentfault.com/a/1190000042505414",
+    "author": "perkz",
+    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
     "votes": "2",
     "rank": 17
   },
   {
-    "title": "这个开源 api 管理工具终于支持 Websocket 协议测试、插件管理功能了",
-    "description": "距离上一次发布正式版本过了两周，这两周我们在攒一个大功能—— 支持 Websocket 协议测试！长期关注我们的共建者知道，这个功能预告了几万年，真不是我们拖延，是 API 协议实在太多了...有些协议纵横互联网 20 年...",
-    "url": "https://segmentfault.com/a/1190000042479125",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
+    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
+    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
+    "url": "https://segmentfault.com/a/1190000042507363",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "聊聊单点登录(SSO)中的CAS认证",
-    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
-    "url": "https://segmentfault.com/a/1190000042489268",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "7",
+    "title": "停止像这样使用 \"async/await\"，改用原版",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042512976",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 19
   },
   {
-    "title": "分析了1011个程序员的裁员情况后得出的启示",
-    "description": "大家好，我卡颂。大家应该能明显感觉到最近几个月求职环境不太好，但究竟有多不好，具体的情况是什么样的？为了分析程序员职场现状，我进行了裁员情况调查，一共有1011位程序员朋友参与。本文会根据调查结果，为...",
-    "url": "https://segmentfault.com/a/1190000042461269",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "分片上传方案",
+    "description": "一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042501942",
+    "author": "lihaixing",
+    "home_url": "https://segmentfault.com/u/lihaixing",
     "votes": "2",
     "rank": 20
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 如何做好性能优化？",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042462060",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？",
+    "description": "苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...",
+    "url": "https://segmentfault.com/a/1190000042503863",
+    "author": "mazhilin",
+    "home_url": "https://segmentfault.com/u/mazhilin_5c1ceeea5edba",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "图解JS中的事件循环",
-    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
-    "url": "https://segmentfault.com/a/1190000042485178",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "2",
-    "rank": 22
-  },
-  {
-    "title": "🦀🦀🦀 一个普通人的前端职业成长之路",
-    "description": "大家好，我是 范文杰，一个前端从业者，最近刚写完我的第一本小册《Webpack 核心原理与实践应用》，这对我是一个不小的职业突破，所以不能免俗地想做个总结，分享我这九年工作的成长经历，以及我对前端这个职业的...",
-    "url": "https://segmentfault.com/a/1190000042472941",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "3",
-    "rank": 23
-  },
-  {
-    "title": "分片上传方案",
-    "description": "一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042501942",
-    "author": "lihaixing",
-    "home_url": "https://segmentfault.com/u/lihaixing",
+    "title": "Go 内存泄漏，pprof 够用了吗？",
+    "description": "文｜朱德江（GitHub ID：doujiang24)MOSN 项目核心开发者、蚂蚁集团技术专家专注于云原生网关研发的相关工作本文 2651 字 阅读 8 分钟MOSN 是主要使用 Go 语言开发的云原生网络代理平台，在蚂蚁集团有着几十万容...",
+    "url": "https://segmentfault.com/a/1190000042510437",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
     "votes": "1",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "深入理解JavaScript-instanceof——找祖籍",
@@ -222,15 +204,33 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
+    "rank": 23
+  },
+  {
+    "title": "深入浅出 JavaScript 中的 this",
+    "description": "笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...",
+    "url": "https://segmentfault.com/a/1190000042509466",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "2",
+    "rank": 24
+  },
+  {
+    "title": "借助 :has 实现3d轮播图",
+    "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
+    "url": "https://segmentfault.com/a/1190000042512102",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "vivo 全球商城：电商平台通用取货码设计",
-    "description": "随着O2O线上线下业务的不断扩展，电商平台也在逐步完善交易侧相关的产品功能。在最近的需求版本中，业务方为进一步提升用户的使用体验，规划了取货码生成及订单核销相关逻辑，目的是让线上的用户在付完款之后能够...",
-    "url": "https://segmentfault.com/a/1190000042461697",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "5",
+    "title": "浅谈 MessageChannel",
+    "description": "MessageChannel 允许两个不同的脚本运行在同一个文档的不同浏览器上下文（例如两个 iframe，文档主体和一个 iframe，使用 SharedWorker 的两个文档，或两个 worker）来直接通讯，在每端使用一个端口（port）通过...",
+    "url": "https://segmentfault.com/a/1190000042501046",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "1",
     "rank": 26
   },
   {
@@ -243,29 +243,29 @@
     "rank": 27
   },
   {
-    "title": "【1-1 Golang】Go语言快速入门—基本语法",
-    "description": "Go语言是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。Go语言做到了在不损失应用程序性能的情况下降低代码的复杂性。",
-    "url": "https://segmentfault.com/a/1190000042461965",
-    "author": "西红柿",
-    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
-    "votes": "1",
+    "title": "SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？",
+    "description": "运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的...",
+    "url": "https://segmentfault.com/a/1190000042513773",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "5分钟自建数据库可视化平台，在线管理数据库也太方便了！",
-    "description": "作为程序员，我们经常会使用客户端来管理数据库，但是却很少使用能管理数据库的在线服务。今天给大家推荐一个可以在线可视化管理数据库的开源工具Bytebase，不仅可以方便地管理数据库，还支持SQL审核和备份恢复，...",
-    "url": "https://segmentfault.com/a/1190000042475414",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
+    "title": "精读《State of CSS 2022》",
+    "description": "解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...",
+    "url": "https://segmentfault.com/a/1190000042507985",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "一文看懂Node处理CPU密集型任务的方法有哪些",
-    "description": "Node是一个非阻塞I/O(non-blocking I/O)和事件驱动(event-driven)的JavaScript运行环境(runtime)，所以它非常适合用来构建I/O密集型应用，例如Web服务等。",
-    "url": "https://segmentfault.com/a/1190000042471511",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
+    "title": "js之页面列表加载常用方法总结",
+    "description": "导语：最近由于一些事情需要处理，所以没来得及写技术总结了。今天终于可以坐下来好好的梳理一下脉络，说一下那个在日常前端开发过程中，常用到的页面列表加载的方法总结。这里介绍三种方法，分别是分页加载、按...",
+    "url": "https://segmentfault.com/a/1190000042504944",
+    "author": "MarkGuan",
+    "home_url": "https://segmentfault.com/u/jcguanqi",
     "votes": "1",
     "rank": 30
   }