@wcj/github-rank 22.9.6 → 22.9.9

package/web/data/sifou-weekly.json

@@ -1,271 +1,271 @@
 [
   {
-    "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
-    "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
-    "url": "https://segmentfault.com/a/1190000042418291",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
+    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
+    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
+    "url": "https://segmentfault.com/a/1190000042447341",
+    "author": "dreamapplehappy",
+    "home_url": "https://segmentfault.com/u/dreamapplehappy",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "巧用 transition 实现短视频 APP 点赞动画",
-    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
-    "url": "https://segmentfault.com/a/1190000042398943",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
+    "title": "用Vue.js写一个命令行贪吃蛇游戏",
+    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
+    "url": "https://segmentfault.com/a/1190000042431217",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "如何让CSS计数器支持小数的动态变化？",
-    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
-    "url": "https://segmentfault.com/a/1190000042397184",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "title": "CSS transform、transition、animation 指南",
+    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
+    "url": "https://segmentfault.com/a/1190000042443684",
+    "author": "散一群逗逼",
+    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
+    "votes": "5",
     "rank": 3
   },
   {
-    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
-    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
-    "url": "https://segmentfault.com/a/1190000042416590",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "5",
     "rank": 4
   },
   {
-    "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
-    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
-    "url": "https://segmentfault.com/a/1190000042398762",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "3",
+    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
+    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
+    "url": "https://segmentfault.com/a/1190000042432407",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "5",
     "rank": 5
   },
   {
-    "title": "免费线上讲习班：使用 vue3 开发扫雷游戏",
-    "description": "好了伤疤忘了痛，我又想搞 Workshop 了。这次想做一次 Vue3 相关的，考虑了一下，觉得扫雷游戏比较合适：界面简单，操作简单覆盖全面，布局、JS、交互都有需求不需要前后端数据交互，控制学习范围和难度本身有一...",
-    "url": "https://segmentfault.com/a/1190000042414694",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "6",
+    "title": "hel-micro 模块联邦新革命",
+    "description": "自谷歌chrome浏览器异军突起，并在2008年9月2号 正式官宣发布 v8 js引擎之后，它以极高的运行效率席卷了网络世界，同时也捕获了大量用户，这种不可阻挡的势头让其他各大科技公司（apple、moliza、microsoft）感受...",
+    "url": "https://segmentfault.com/a/1190000042426597",
+    "author": "钟正楷",
+    "home_url": "https://segmentfault.com/u/zhongzhengkai",
+    "votes": "3",
     "rank": 6
   },
   {
-    "title": "深入理解JavaScript-Object.create",
-    "description": "2006年，Douglas Grockford 写了一篇文章：《JavaScript 中的原型式继承》（”Prototypal Inheritance in JavaScript“）。这篇文章介绍了一种不涉及严格意义上构造函数的继承方法。他的出发点是即使不自定义类型也...",
-    "url": "https://segmentfault.com/a/1190000042404696",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "4",
+    "title": "开源 api 管理工具 V 1.6.0 发布：切换 Tab 不再担心数据丢失！",
+    "description": "之前有用户反馈为啥我在测试页面想看看文档的字段，回测试数据全给我清空了，是的我承认这体验很差，考虑到后续还要支持多协议，Tab 优化被提上了日程～",
+    "url": "https://segmentfault.com/a/1190000042434013",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
     "rank": 7
   },
   {
-    "title": "Flutter 3.3 正式发布",
-    "description": "Flutter 3 是我们正式为全平台提供支持的一个重量级里程碑，距离它的发布仅过去了三个月，今天让我们有请 Flutter 3.3 正式版！近三个月我们并没有放慢更新迭代的速度——自 Flutter 3 发布以来，我们已经为 Flutte...",
-    "url": "https://segmentfault.com/a/1190000042407155",
-    "author": "Flutter",
-    "home_url": "https://segmentfault.com/u/flutter",
-    "votes": "4",
+    "title": "SegmentFault 2022 年社区周报 Vol.8",
+    "description": "叮咚，思否喵上线，汇报下本周社区运营情况~本周重点活动：极客观点本轮打卡活动于8月31日正式结束啦，一起来看下优秀奖都有哪些获得者吧~昵称打卡数量极客飞兔111瞿小凯86Gomi79bucai79hevily79完整中奖名单在这...",
+    "url": "https://segmentfault.com/a/1190000042441013",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "BI如何实现用户身份集成自定义安全程序开发",
-    "description": "统一身份认证是整个 IT 架构的最基本的组成部分，而账号则是实现统一身份认证的基础。做好账号的规划和设计直接决定着企业整个信息系统建设的便利与难易程度，决定着系统能否足够敏捷和快速赋能，也决定了在数字...",
-    "url": "https://segmentfault.com/a/1190000042417390",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "title": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
     "rank": 9
   },
   {
-    "title": "「极客观点」打卡活动获奖名单公布，快来领奖！",
-    "description": "话不多说，咱直接公布获奖名单，快看看有没有你～活动：「极客观点」上线：全新打卡挑战开启，完成即得限量周边！🏆 优秀奖中奖规则：回答数量前 5 名即可获得“限定礼品”思否 10 周年限定 T 恤 + 思否猫手办 or 思...",
-    "url": "https://segmentfault.com/a/1190000042418324",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "title": "docker 和 dockerFile 介绍",
+    "description": "最近用到了dockerFIle来构建镜像。 在这之前，其实并不太清楚docker的作用，并不清楚容器和镜像的比较清晰的概念。于是在这里记录一下。",
+    "url": "https://segmentfault.com/a/1190000042435608",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 10
   },
   {
-    "title": "慎用JSON.stringify",
-    "description": "项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。",
-    "url": "https://segmentfault.com/a/1190000042414379",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "4",
+    "title": "性能调优——小小的log大大的坑",
+    "description": "日志对程序的重要性不言而喻，轻巧、简单、无需费脑，程序代码中随处可见，帮助我们排查定位一个有一个问题问题。但看似不起眼的日志，却隐藏着各式各样的“坑”，如果使用不当，不仅不能帮助我们，反而会成为服务“...",
+    "url": "https://segmentfault.com/a/1190000042434642",
+    "author": "咕咕鸡",
+    "home_url": "https://segmentfault.com/u/guguji_fly",
+    "votes": "1",
     "rank": 11
   },
   {
-    "title": "如何使用CSS伪类选择器",
-    "description": "总览CSS选择器允许你通过类型、属性、位于HTML文档中的位置来选择元素。本教程阐述了三个新选项:is()、:where()和:has()。选择器通常在样式表中使用。下面的示例会找到所有<p>段落元素并将字重更改为粗体：...",
-    "url": "https://segmentfault.com/a/1190000042400698",
-    "author": "chuck",
-    "home_url": "https://segmentfault.com/u/chuckqu",
-    "votes": "2",
+    "title": "Dockerfile的初次使用",
+    "description": "比如我们在同时编写两个web项目，一个使用数据库为mysql：5.7，另一个使用的数据库为mysql：8.0，但是mysql并不支持同时在本地运行多个版本，那么当我们每次更换项目时都需要删除当前mysql=》安装所需mysql=》重...",
+    "url": "https://segmentfault.com/a/1190000042430705",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "hel-micro 模块联邦新革命",
-    "description": "自谷歌chrome浏览器异军突起，并在2008年9月2号 正式官宣发布 v8 js引擎之后，它以极高的运行效率席卷了网络世界，同时也捕获了大量用户，这种不可阻挡的势头让其他各大科技公司（apple、moliza、microsoft）感受...",
-    "url": "https://segmentfault.com/a/1190000042426597",
-    "author": "钟正楷",
-    "home_url": "https://segmentfault.com/u/zhongzhengkai",
-    "votes": "3",
+    "title": "SegmentFault 思否技术周刊 — 你对 Vue 了解多少？",
+    "description": "Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。默认模式是高效的，但只...",
+    "url": "https://segmentfault.com/a/1190000042438116",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "在 Vue 中为什么不推荐用 index 做 key",
-    "description": "尤大在vue 2.x的文档中明确指出：建议尽可能在使用 v-for 时提供 key attribute，除非遍历输出的 DOM 内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。",
-    "url": "https://segmentfault.com/a/1190000042415654",
-    "author": "高志鹏",
-    "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "3",
+    "title": "如何使用 webpack 优化 moment.js",
+    "description": "默认情况下，当您编写var moment = require('moment')代码并使用 webpack 打包时，捆绑文件的大小会变得很重，因为webpack 会捆绑所有Moment.js 所有语言环境文件（在 Moment.js 2.18.1 中，压缩后的 KB 为 160）。",
+    "url": "https://segmentfault.com/a/1190000042425059",
+    "author": "记得要微笑",
+    "home_url": "https://segmentfault.com/u/tosmile",
+    "votes": "1",
     "rank": 14
   },
   {
-    "title": "【译】20个实用的JavaScript技巧",
-    "description": "JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新“成为技术怪才”打开了大门。（真假的啊？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论您是JavaScript的新...",
-    "url": "https://segmentfault.com/a/1190000042399644",
-    "author": "九旬",
-    "home_url": "https://segmentfault.com/u/ansonznl",
-    "votes": "3",
+    "title": "微信公众号 Markdown 编辑器",
+    "description": "微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦，和一些功能无法扩展停滞开发了，未来不再开发 Chrome 的插件(暂存在 chrome 分支)，通过 web 版...",
+    "url": "https://segmentfault.com/a/1190000042428168",
+    "author": "小弟调调",
+    "home_url": "https://segmentfault.com/u/ichu",
+    "votes": "2",
     "rank": 15
   },
   {
-    "title": "细数实现全景图VR的几种方式（panorama/cubemap/eac）",
-    "description": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴Three.js系列: 造个海洋球池来学习物理引擎Three.js系列: 游戏中的第一、三人称视角Three.js系列: 数实现全景图VR的几种方式（panorama/cubemap/eac）本篇是 Thre...",
-    "url": "https://segmentfault.com/a/1190000042417150",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "2",
+    "title": "antd vue table表格内添加表单验证方法",
+    "description": "业务需求；需要table内的某项或者某些项能编辑；并且需要校验规则1.在form-model放置在 table 内 {代码...} 2.将table放置在form-model 内 {代码...} 重点是 :prop=\"siteList.${index}.endTime\"",
+    "url": "https://segmentfault.com/a/1190000042424942",
+    "author": "songxianling1992",
+    "home_url": "https://segmentfault.com/u/songxianling1992",
+    "votes": "3",
     "rank": 16
   },
   {
-    "title": "性能优化必备——火焰图",
-    "description": "本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。",
-    "url": "https://segmentfault.com/a/1190000042419139",
-    "author": "咕咕鸡",
-    "home_url": "https://segmentfault.com/u/guguji_fly",
-    "votes": "2",
+    "title": "都2022年了，实时更新数据你还只会用短轮询?",
+    "description": "在我们的日常工作中，我们往往会遇到客户端需要实时获取服务端最新数据的场景，例如聊天系统(WeChat/Telegram)，股票行情查看软件(同花顺/富途)，feed推送系统(Twitter/微博)等等。在实现这些需求的时候，我们的...",
+    "url": "https://segmentfault.com/a/1190000042431528",
+    "author": "进击的大葱",
+    "home_url": "https://segmentfault.com/u/jinjidedacong",
+    "votes": "1",
     "rank": 17
   },
   {
-    "title": "深入理解JavaScript-拷贝的秘密",
-    "description": "前文JavaScript由什么组成中讲述了JavaScript 的数据类型分为基本类型和引用类型，而区分两则的依据是基本类型是”轻量“的，它存在栈内存中，而引用类型比较重，它存在堆内存中。所以当基本类型拷贝时，能直接拷贝...",
-    "url": "https://segmentfault.com/a/1190000042418870",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "4",
+    "title": "K8S 生态周报| Kubernetes v1.25.0 正式发布，新特性一览",
+    "description": "大家好，我是张晋涛。Kubernetes 正式发布了，包含了 40 项目增强更新。本次 LOGO 的主要表达的意思是 尊重协作和开放的精神 ，这种精神将我们凝聚到一起转变为能改变世界的力量。其实我每期的 「k8s生态周报」都...",
+    "url": "https://segmentfault.com/a/1190000042437197",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "聊聊如何利用管道模式来进行业务编排（上篇）",
-    "description": "管道模式不属于我们常说的23种设计模式中的一种，它可以看成是责任链模式的一种变体。所谓的管道模式用技术话来说，就是把数据传递给一个任务队列，由任务队列按次序依次对数据进行加工处理。",
-    "url": "https://segmentfault.com/a/1190000042398701",
-    "author": "linyb极客之路",
-    "home_url": "https://segmentfault.com/u/linybjikezhilu",
+    "title": "手把手教你 Spring Boot 整合 Reactor",
+    "description": "Reactor 是一个完全非阻塞的 JVM 响应式编程基础，有着高效的需求管理（背压的形式）。它直接整合 Java8 的函数式 API，尤其是 CompletableFuture， Stream，还有 Duration 。提供了可组合的异步化序列 API — Flu...",
+    "url": "https://segmentfault.com/a/1190000042442228",
+    "author": "六七十三",
+    "home_url": "https://segmentfault.com/u/prepared",
     "votes": "1",
     "rank": 19
   },
   {
-    "title": "前后端数据接口协作提效实践",
-    "description": "导读：在大部分场景中，前后端可以在开发前约定好数据接口，双方能够围绕约定并行地完成开发和自测 。然而在大型系统中一些后端模块有时并非直连前端，在它们之间可能包含一些其它模块的处理过程，为了保证数据真...",
-    "url": "https://segmentfault.com/a/1190000042398799",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
+    "title": "定时任务cron",
+    "description": "原文链接1 格式{秒数} {分钟} {小时} {日期} {月份} {星期} {年份(可为空)}2 用法\"30 ? \" 每半分钟触发任务\"30 10 * ? \" 每小时的10分30秒触发任务\"30 10 1 ? \" 每天1点10分30秒触发任务\"30 10 1 20 * ? \" 每月20...",
+    "url": "https://segmentfault.com/a/1190000042421829",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
     "rank": 20
   },
   {
-    "title": "JavaScript中的可变性与不可变性",
-    "description": "不可变性(Immutability)是函数式编程的核心原则，在面向对象编程里也有大量应用。在这篇文章里，我会给大家秀一下到底什么是不可变性(Immutability)、她为什么还这么屌、以及在JavaScript中怎么应用。",
-    "url": "https://segmentfault.com/a/1190000042416343",
-    "author": "记得要微笑",
-    "home_url": "https://segmentfault.com/u/tosmile",
+    "title": "精读《依赖注入简介》",
+    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
+    "url": "https://segmentfault.com/a/1190000042431264",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.7 | 好久不见~",
-    "description": "这期间，社区发生了很多很多事情，调整了许多功能模块，当然也包含本喵的诞生，今天社区运营周报制度正式恢复啦，本喵带你了解一下这周社区都发生了什么吧~",
-    "url": "https://segmentfault.com/a/1190000042402701",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "1",
+    "title": "前端实现在浏览器中打印网页",
+    "description": "前端数据报表打印方案背景项目：vue + element ui需求：web端连接打印机打印报表功能关键词：浏览器端 连接打印机 打印报表调研首先，前端调用打印只有两种方式，使用window.print()和调用网络打印机。window.pri...",
+    "url": "https://segmentfault.com/a/1190000042421271",
+    "author": "bucai",
+    "home_url": "https://segmentfault.com/u/bucai_o",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "Promise 函数",
-    "description": "Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。",
-    "url": "https://segmentfault.com/a/1190000042399311",
-    "author": "杭州蘇小小",
-    "home_url": "https://segmentfault.com/u/suhangweb",
+    "title": "字节跳动：不会大规模裁员；黑客窃取 LastPass 源代码；GitHub 即将下线 Trending 趋势功能｜ 思否周刊",
+    "description": "40s 新闻速递字节跳动全员会：没有上市计划，不会大规模裁员苹果面向开发者推出 Xcode Cloud 订阅服务，每月 49.99 美元起微软将优化 Win11 SMB 压缩，减少文件传输时间黑客窃取 LastPass 源代码微软“砍刀部”动手...",
+    "url": "https://segmentfault.com/a/1190000042424962",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "2",
     "rank": 23
   },
   {
-    "title": "hel-micro 模块联邦新革命-实战预告",
-    "description": "hel-microgit：[链接] （你的小星星是我们开源的最大动力）bilibili 模块联邦分享内容预告在线案例体验：[链接] （main文件修改版本号即拉取不同版本的代码）why背景模块联邦是一个最近两年诞生的一门新技术，它...",
-    "url": "https://segmentfault.com/a/1190000042405551",
-    "author": "钟正楷",
-    "home_url": "https://segmentfault.com/u/zhongzhengkai",
+    "title": "最新抖音数据分析app爬虫",
+    "description": "我们提供封装好的抖音数据采集接口，实时采集，接口稳定。长期维护使用便宜接口使用详情请参考接口地址：github 访问地址：[链接]全部支持的接口如下，并且支持定制开发",
+    "url": "https://segmentfault.com/a/1190000042442463",
+    "author": "平果",
+    "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
     "votes": "1",
     "rank": 24
   },
   {
-    "title": "微信公众号 Markdown 编辑器",
-    "description": "微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦，和一些功能无法扩展停滞开发了，未来不再开发 Chrome 的插件(暂存在 chrome 分支)，通过 web 版...",
-    "url": "https://segmentfault.com/a/1190000042428168",
-    "author": "小弟调调",
-    "home_url": "https://segmentfault.com/u/ichu",
-    "votes": "2",
+    "title": "为什么Vue（默认情况下）比React性能更好",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042421228",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "如何使用 webpack 优化 moment.js",
-    "description": "默认情况下，当您编写var moment = require('moment')代码并使用 webpack 打包时，捆绑文件的大小会变得很重，因为webpack 会捆绑所有Moment.js 所有语言环境文件（在 Moment.js 2.18.1 中，压缩后的 KB 为 160）。",
-    "url": "https://segmentfault.com/a/1190000042425059",
-    "author": "记得要微笑",
-    "home_url": "https://segmentfault.com/u/tosmile",
+    "title": "package.json中的字段详解(来自于官方文档)",
+    "description": "module //定义主要入口点，专门为esm 提供，目的时 tree-shaking，没有时，找mainmain //定义主要入口点， esm和cjs提供。exports //定义多个入口点（推荐使用），优先级比上面两个高。为esm和cjs提供，在引入exp...",
+    "url": "https://segmentfault.com/a/1190000042435553",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "提质增效两不误，揭秘大型软件团队「价值增长飞轮」｜直播回顾",
-    "description": "8月24日，ONES 研发管理大师课第三期课程正式开课。ONES 联合创始人兼 CTO 冯斌老师，分享了《大型软件团队高效协作的方法和实践》。借助「价值增长飞轮」这一概念，他剖析了大型软件团队如何实现业务价值的飞速...",
-    "url": "https://segmentfault.com/a/1190000042409788",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
+    "title": "TypeScript 中  unknown 与 any 有啥区别",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042431207",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "基于 LowCodeEngine 的调试能力建设与实践",
-    "description": "低代码由于研发效能和交付的优势变得越来越普及，在降本提效的同时也带来了很多黑盒逻辑。现有的低代码平台普遍缺乏面向用户的调试能力，当用户在低代码搭建遇到问题时，排查和解决问题强依赖平台的客服答疑或浏...",
-    "url": "https://segmentfault.com/a/1190000042408426",
-    "author": "阿里巴巴终端技术",
-    "home_url": "https://segmentfault.com/u/aliterminal",
+    "title": "使用Jenkins优雅部署Java项目【超级详细的实战教程】",
+    "description": "环境准备centos 7Java 1.8Maven 3.6.3Docker 20.10.17Gitlab gitlab-ce:14.0.5-ce.0Jenkins 2.60.3（强烈建议，其他版本有坑）Jenkins相关依赖环境安装Java环境安装虽然我们是采用docker的方式安装Jenkins，所有...",
+    "url": "https://segmentfault.com/a/1190000042430957",
+    "author": "李博帅",
+    "home_url": "https://segmentfault.com/u/liboshuai",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "定时任务cron",
-    "description": "原文链接1 格式{秒数} {分钟} {小时} {日期} {月份} {星期} {年份(可为空)}2 用法\"30 ? \" 每半分钟触发任务\"30 10 * ? \" 每小时的10分30秒触发任务\"30 10 1 ? \" 每天1点10分30秒触发任务\"30 10 1 20 * ? \" 每月20...",
-    "url": "https://segmentfault.com/a/1190000042421829",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "title": "Vue3项目添加 ESLint 和 Prettier",
+    "description": "Vue3 + TS 项目中增加 ESLint 和 Prettier背景eslint 用于校验代码语法规范，保证项目质量；prettier 用于保证项目代码的格式与风格；Vue3 项目初始化参考 搭建 Vite 项目 {代码...} ESLint安装 {代码...} 初始化...",
+    "url": "https://segmentfault.com/a/1190000042424701",
+    "author": "OceanZH",
+    "home_url": "https://segmentfault.com/u/oceanzh",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "熔断原理分析与源码解读",
-    "description": "熔断机制（Circuit Breaker）指的是在股票市场的交易时间中，当价格的波动幅度达到某一个限定的目标（熔断点）时，对其暂停交易一段时间的机制。此机制如同保险丝在电流过大时候熔断，故而得名。熔断机制推出的目...",
-    "url": "https://segmentfault.com/a/1190000042406609",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "pip安装更换镜像",
+    "description": "原文链接使用pip来安装python包有时候安装起来会非常慢，因此需要换成国内的源来加速下载：1 单次修改源以Torch为例，常规下载方式为： {代码...} 修改为阿里源： {代码...} 2 修改默认源如果不想在每一次下载都...",
+    "url": "https://segmentfault.com/a/1190000042431518",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
     "rank": 30
   }