@wcj/github-rank 22.9.9 → 22.9.12

package/web/data/sifou-weekly.json

@@ -5,24 +5,24 @@
     "url": "https://segmentfault.com/a/1190000042447341",
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "6",
+    "votes": "10",
     "rank": 1
   },
-  {
-    "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 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": "6",
+    "rank": 2
+  },
+  {
+    "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": 3
   },
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000042435536",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
+    "votes": "6",
     "rank": 4
   },
   {
@@ -41,18 +41,45 @@
     "url": "https://segmentfault.com/a/1190000042432407",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "5",
+    "votes": "7",
     "rank": 5
   },
   {
-    "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": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "5",
     "rank": 6
   },
+  {
+    "title": "AI数字绘画 stable-diffusion 保姆级教程",
+    "description": "简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...",
+    "url": "https://segmentfault.com/a/1190000042450560",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
+    "url": "https://segmentfault.com/a/1190000042453662",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
+    "rank": 8
+  },
+  {
+    "title": "内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档",
+    "description": "在计量领域中，计量检定是一种重要形式，主要用于评定计量器具的计量性能，确定其量值是否准确一致，实现手段包括计量检验、出具检定证书和加封盖印等。在检定证书这一环节，存在一个难点，就是无法在线预览以及...",
+    "url": "https://segmentfault.com/a/1190000042451554",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 9
+  },
   {
     "title": "开源 api 管理工具 V 1.6.0 发布：切换 Tab 不再担心数据丢失！",
     "description": "之前有用户反馈为啥我在测试页面想看看文档的字段，回测试数据全给我清空了，是的我承认这体验很差，考虑到后续还要支持多协议，Tab 优化被提上了日程～",
@@ -60,7 +87,7 @@
     "author": "eoapi",
     "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "3",
-    "rank": 7
+    "rank": 10
   },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.8",
@@ -69,25 +96,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "有意思的水平横向溢出滚动",
-    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
-    "url": "https://segmentfault.com/a/1190000042443056",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
-    "rank": 9
+    "rank": 11
   },
   {
-    "title": "docker 和 dockerFile 介绍",
-    "description": "最近用到了dockerFIle来构建镜像。 在这之前，其实并不太清楚docker的作用，并不清楚容器和镜像的比较清晰的概念。于是在这里记录一下。",
-    "url": "https://segmentfault.com/a/1190000042435608",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "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": "3",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "性能调优——小小的log大大的坑",
@@ -96,16 +114,16 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "1",
-    "rank": 11
+    "rank": 13
   },
   {
-    "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",
+    "title": "在 Vue 中如何避免在动态绑定 类 出现空 类 的情况?",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442924",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "SegmentFault 思否技术周刊 — 你对 Vue 了解多少？",
@@ -114,53 +132,44 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "2",
-    "rank": 13
-  },
-  {
-    "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": "微信公众号 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": "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",
+    "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": 16
   },
   {
-    "title": "都2022年了，实时更新数据你还只会用短轮询?",
-    "description": "在我们的日常工作中，我们往往会遇到客户端需要实时获取服务端最新数据的场景，例如聊天系统(WeChat/Telegram)，股票行情查看软件(同花顺/富途)，feed推送系统(Twitter/微博)等等。在实现这些需求的时候，我们的...",
-    "url": "https://segmentfault.com/a/1190000042431528",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
-    "votes": "1",
+    "title": "终于实现了一门属于自己的编程语言",
+    "description": "都说程序员的三大浪漫是：操作系统、编译原理、图形学；最后的图形学确实是特定的专业领域，我们几乎接触不到，所以对我来说换成网络更合适一些，最后再加上一个数据库。",
+    "url": "https://segmentfault.com/a/1190000042442712",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "2",
     "rank": 17
   },
   {
-    "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",
+    "title": "精读《依赖注入简介》",
+    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
+    "url": "https://segmentfault.com/a/1190000042431264",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
     "rank": 18
   },
+  {
+    "title": "深入理解JavaScript-原型",
+    "description": "这篇文章将尝试回答这些问题：原型是什么为什么要有原型prototype 和 __proto__ 有什么区别原型链又是什么原型是如何实现继承的原型和原型链的关系如何概述首先，JavaScript 是基于原型继承（Prototypal inherita...",
+    "url": "https://segmentfault.com/a/1190000042441112",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "3",
+    "rank": 19
+  },
   {
     "title": "手把手教你 Spring Boot 整合 Reactor",
     "description": "Reactor 是一个完全非阻塞的 JVM 响应式编程基础，有着高效的需求管理（背压的形式）。它直接整合 Java8 的函数式 API，尤其是 CompletableFuture， Stream，还有 Duration 。提供了可组合的异步化序列 API — Flu...",
@@ -168,44 +177,44 @@
     "author": "六七十三",
     "home_url": "https://segmentfault.com/u/prepared",
     "votes": "1",
-    "rank": 19
-  },
-  {
-    "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": "精读《依赖注入简介》",
-    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
-    "url": "https://segmentfault.com/a/1190000042431264",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "都2022年了，实时更新数据你还只会用短轮询?",
+    "description": "在我们的日常工作中，我们往往会遇到客户端需要实时获取服务端最新数据的场景，例如聊天系统(WeChat/Telegram)，股票行情查看软件(同花顺/富途)，feed推送系统(Twitter/微博)等等。在实现这些需求的时候，我们的...",
+    "url": "https://segmentfault.com/a/1190000042431528",
+    "author": "进击的大葱",
+    "home_url": "https://segmentfault.com/u/jinjidedacong",
     "votes": "1",
     "rank": 21
   },
   {
-    "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",
+    "title": "大家都能看得懂的源码之 ahooks useVirtualList 封装虚拟滚动列表",
+    "description": "本文是深入浅出 ahooks 源码系列文章的第十八篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。简介提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题...",
+    "url": "https://segmentfault.com/a/1190000042447474",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "2",
     "rank": 22
   },
   {
-    "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",
+    "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": 23
   },
+  {
+    "title": "PHP-Parser 应用之扫描发现代码中的打印、输出结构语句",
+    "description": "PHP-Parser 是由 nikic 开发的一个 PHP 抽象语法树(AST)解析器，可方便的将代码与抽象语法树互相转换。工程上常用来生成模板代码(如 rector)、生成抽象语法树进行静态分析(如 phpstan)。最近学习应用(静态分析)了...",
+    "url": "https://segmentfault.com/a/1190000042444476",
+    "author": "guanguans",
+    "home_url": "https://segmentfault.com/u/guanguans",
+    "votes": "1",
+    "rank": 24
+  },
   {
     "title": "最新抖音数据分析app爬虫",
     "description": "我们提供封装好的抖音数据采集接口，实时采集，接口稳定。长期维护使用便宜接口使用详情请参考接口地址：github 访问地址：[链接]全部支持的接口如下，并且支持定制开发",
@@ -213,53 +222,35 @@
     "author": "平果",
     "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
     "votes": "1",
-    "rank": 24
+    "rank": 25
   },
   {
-    "title": "为什么Vue（默认情况下）比React性能更好",
+    "title": "TypeScript 中  unknown 与 any 有啥区别",
     "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042421228",
+    "url": "https://segmentfault.com/a/1190000042431207",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 25
-  },
-  {
-    "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": "TypeScript 中  unknown 与 any 有啥区别",
+    "title": "为什么Vue（默认情况下）比React性能更好",
     "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042431207",
+    "url": "https://segmentfault.com/a/1190000042421228",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 27
   },
   {
-    "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",
+    "title": "如何打造gitlab runner下可用的钉钉机器人",
+    "description": "gitlab runner运行完相关的测试或打包后，我们总想让它把结果实时主动的告知我们，这时候便需要一个钉钉机器人了。报着试试看的想法在docker hub上搜索，虽然找到了几个关键字相同的，但很遗憾这些作者都很懒，没...",
+    "url": "https://segmentfault.com/a/1190000042450397",
+    "author": "myskies",
+    "home_url": "https://segmentfault.com/u/myskies",
     "votes": "1",
     "rank": 28
   },
-  {
-    "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": "pip安装更换镜像",
     "description": "原文链接使用pip来安装python包有时候安装起来会非常慢，因此需要换成国内的源来加速下载：1 单次修改源以Torch为例，常规下载方式为： {代码...} 修改为阿里源： {代码...} 2 修改默认源如果不想在每一次下载都...",
@@ -267,6 +258,15 @@
     "author": "代码的路",
     "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "CommonJS模块 和 ECMAScript模块（来自官方文档）",
+    "description": "CommonJS模块(下面简称 cjs) 是为Node.js打包JavaScript代码的原始方法。使用 require 和 exports（module.exports的简写） 语句定义模块。 参见 nodejs cjsECMAScript模块(下面简称 esm)是ecma262标准下封装的Ja...",
+    "url": "https://segmentfault.com/a/1190000042443391",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "2",
     "rank": 30
   }
 ]