@wcj/github-rank 21.10.26 → 21.10.27

package/web/data/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040840891",
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "15",
+    "votes": "20",
     "rank": 1
   },
   {
@@ -14,26 +14,35 @@
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "16",
+    "votes": "22",
     "rank": 2
   },
+  {
+    "title": "前端如何实现token的无感刷新",
+    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
+    "url": "https://segmentfault.com/a/1190000040850857",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "19",
+    "rank": 3
+  },
   {
     "title": "利用 CSS Overview 面板重构优化你的网站",
     "description": "本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：",
     "url": "https://segmentfault.com/a/1190000040837145",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
-    "rank": 3
+    "votes": "11",
+    "rank": 4
   },
   {
-    "title": "一文读懂浏览器存储与缓存机制",
-    "description": "Cookie 是 HTTP 协议的一种无状态协议。当请求服务器时，HTTP 请求都需要携带 Cookie，用来验证用户身份。Cookie 由服务端生成，存储在客户端，用来维持状态。",
-    "url": "https://segmentfault.com/a/1190000040831850",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "14",
-    "rank": 4
+    "title": "uniapp云函数教程② ：商品列表增删改查",
+    "description": "上篇文章uniapp云函数教程① ：登录篇,我们实现了简单的登录与注册逻辑。这篇文章我们来实现一个商品列表的增删改查实战小项目。源码见文末。扫码体验或浏览器访问1.数据库设计我们需要2张表：商品分类表(mall_typ...",
+    "url": "https://segmentfault.com/a/1190000040839358",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "5",
+    "rank": 5
   },
   {
     "title": "驳“低代码开发取代程序员”论 为什么专业开发者也需要低代码？",
@@ -41,16 +50,7 @@
     "url": "https://segmentfault.com/a/1190000040842990",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "5",
-    "rank": 5
-  },
-  {
-    "title": "uniapp云函数教程② ：商品列表增删改查",
-    "description": "上篇文章uniapp云函数教程① ：登录篇,我们实现了简单的登录与注册逻辑。这篇文章我们来实现一个商品列表的增删改查实战小项目。源码见文末。扫码体验或浏览器访问1.数据库设计我们需要2张表：商品分类表(mall_typ...",
-    "url": "https://segmentfault.com/a/1190000040839358",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "4",
+    "votes": "6",
     "rank": 6
   },
   {
@@ -62,24 +62,6 @@
     "votes": "5",
     "rank": 7
   },
-  {
-    "title": "42+JavaScript高频手写题及详细答案，胖头鱼喊你直接通过考核",
-    "description": "昨天遇见小学同学，没有想到它混的这么差 --- 只放了一块钱到我的碗里o(╥﹏╥)o生活这么无聊，总得逗逗自己是不，以后我要经常给大家讲笑话，你愿意听不O(∩_∩)O哈哈~",
-    "url": "https://segmentfault.com/a/1190000040830661",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "13",
-    "rank": 8
-  },
-  {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "11",
-    "rank": 9
-  },
   {
     "title": "记录：Webpack5把微前端qiankun的配置文件干没了",
     "description": "从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的",
@@ -87,7 +69,7 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "5",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "初探JavaScript PDF blob转换为Word docx方法",
@@ -96,52 +78,52 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "6",
-    "rank": 11
+    "rank": 9
   },
   {
-    "title": "华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放",
-    "description": "【2021年10月22日·东莞】华为开发者大会 2021（Together）于今天正式开幕，华为在主题演讲中正式发布全新的HMS Core 6，向全球开发者开放7大领域的69个Kit和21,738个API，包括13个跨操作系统能力，开发者基于不同...",
-    "url": "https://segmentfault.com/a/1190000040851457",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 12
+    "title": "前端实现iPhone绕过AppStore从浏览器安装App",
+    "description": "都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...",
+    "url": "https://segmentfault.com/a/1190000040846993",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "7",
+    "rank": 10
   },
   {
-    "title": "try..catch 不能捕获的错误有哪些？注意事项又有哪些？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040836275",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 13
+    "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
+    "description": "Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。",
+    "url": "https://segmentfault.com/a/1190000040863000",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "14",
+    "rank": 11
   },
   {
-    "title": "异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！",
-    "description": "下班回家打开门，电灯、电视、空调、音响、电动窗帘、扫地机器人……一呼百应，有序开工，原本冰冷的房子立刻变成了温暖港湾。可以说，舒适便捷的智能设备已经完全融入了我们的生活中。从单一场景、单一设备，到现...",
-    "url": "https://segmentfault.com/a/1190000040845022",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 14
+    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
+    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
+    "url": "https://segmentfault.com/a/1190000040855949",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "7",
+    "rank": 12
   },
   {
-    "title": "数据库设计的 6 个阶段详解",
-    "description": "按照规范设计，我们将数据库的设计过程分为六个阶段：系统需求分析阶段；概念结构设计阶段；逻辑结构设计阶段；物理结构设计阶段；数据库实施阶段；数据库运行与维护阶段；每个阶段的详细资料来自：数据库设计（...",
-    "url": "https://segmentfault.com/a/1190000040834613",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "5",
-    "rank": 15
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 13
   },
   {
-    "title": "一张思维大图入门React",
-    "description": "俗话说的好“好记性不如烂笔头”，今天秉承着后期复习方便的态度，整理了一份React基础知识点，并以思维导图的方式呈现出来，方便跟老铁们一起查漏补缺。“React”完整思维导图也有呀！！！",
-    "url": "https://segmentfault.com/a/1190000040835809",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "7",
-    "rank": 16
+    "title": "使用CSS计数器美化有序列表",
+    "description": "在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。",
+    "url": "https://segmentfault.com/a/1190000040836461",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "6",
+    "rank": 14
   },
   {
     "title": "Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目",
@@ -150,15 +132,33 @@
     "author": "王培",
     "home_url": "https://segmentfault.com/u/givebest",
     "votes": "7",
+    "rank": 15
+  },
+  {
+    "title": "华为在HDC2021发布全新HMS Core 6 宣布跨OS能力开放",
+    "description": "【2021年10月22日·东莞】华为开发者大会 2021（Together）于今天正式开幕，华为在主题演讲中正式发布全新的HMS Core 6，向全球开发者开放7大领域的69个Kit和21,738个API，包括13个跨操作系统能力，开发者基于不同...",
+    "url": "https://segmentfault.com/a/1190000040851457",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "华为首次采用数字人全程实时手语直播，并宣布全面开放手语服务能力",
+    "description": "【2021年10月22日·东莞】华为开发者大会2021（Together）在东莞松山湖正式开幕。本次大会首次采用数字人全程实时手语直播，数字人基于即时听到的语言，通过华为手语服务，实时生成连贯、自然的手语。同时华为宣布...",
+    "url": "https://segmentfault.com/a/1190000040851497",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 17
   },
   {
-    "title": "使用CSS计数器美化有序列表",
-    "description": "在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。",
-    "url": "https://segmentfault.com/a/1190000040836461",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "5",
+    "title": "异构智联Wi-Fi6+蓝牙模组，重新定义多屏互联体验！",
+    "description": "下班回家打开门，电灯、电视、空调、音响、电动窗帘、扫地机器人……一呼百应，有序开工，原本冰冷的房子立刻变成了温暖港湾。可以说，舒适便捷的智能设备已经完全融入了我们的生活中。从单一场景、单一设备，到现...",
+    "url": "https://segmentfault.com/a/1190000040845022",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 18
   },
   {
@@ -170,15 +170,6 @@
     "votes": "4",
     "rank": 19
   },
-  {
-    "title": "前端实现iPhone绕过AppStore从浏览器安装App",
-    "description": "都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...",
-    "url": "https://segmentfault.com/a/1190000040846993",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "5",
-    "rank": 20
-  },
   {
     "title": "前端- JavaScript异步编程Promise",
     "description": "Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：",
@@ -186,14 +177,23 @@
     "author": "编程码农",
     "home_url": "https://segmentfault.com/u/onlythinking",
     "votes": "2",
+    "rank": 20
+  },
+  {
+    "title": "前端-JavaScript异步编程async函数",
+    "description": "基本概念传统JavaScript异步编程的形式大体分以下几种。回调函数事件监听发布/订阅Promise 对象异步一个任务连续的执行就叫做同步。如果将任务为分两步执行，执行完第一步，转而执行其它任务，等做好了准备，再回...",
+    "url": "https://segmentfault.com/a/1190000040845483",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "3",
     "rank": 21
   },
   {
-    "title": "一文阅尽苹果新品发布会：真“炸场”还是假“炸场”？",
-    "description": "本场发布会的第一个产品是加入新配色的 HomePod mini ，分别是黄色、蓝色、橙色。三款新配色音箱将于 11 月发售，售价 99 美元，与原版价格相同，预计国行售价为 749 元。",
-    "url": "https://segmentfault.com/a/1190000040832423",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "前端时间国际化入门",
+    "description": "最近在开发一个需要完善国际化方案的前端项目，在处理时间国际化的时候遇到了一些问题。于是花了一些时间研究，有了这篇文章。不过由于网上关于 JavaScript 中 Date 对象的坑的文章已经一抓一大把了，因此这篇文...",
+    "url": "https://segmentfault.com/a/1190000040845760",
+    "author": "奇舞团",
+    "home_url": "https://segmentfault.com/u/75team",
     "votes": "2",
     "rank": 22
   },
@@ -206,15 +206,6 @@
     "votes": "2",
     "rank": 23
   },
-  {
-    "title": "学点bash，装B - 快速移动光标",
-    "description": "学点bash，装Bthe-art-of-command-linectrl-w 删除你键入的最后一个单词ctrl-u 删除行内光标所在位置之前的内容ctrl-k 删除光标至行尾的所有内容ctrl-l 可以清屏ctrl-a 可以将光标移至行首ctrl-e 可以将光标移至...",
-    "url": "https://segmentfault.com/a/1190000040841954",
-    "author": "混子的日常",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "3",
-    "rank": 24
-  },
   {
     "title": "javascript实现网页截图导出方案",
     "description": "首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。",
@@ -222,51 +213,60 @@
     "author": "donglegend",
     "home_url": "https://segmentfault.com/u/donglegend",
     "votes": "2",
+    "rank": 24
+  },
+  {
+    "title": "学点bash，装B - 快速移动光标",
+    "description": "学点bash，装Bthe-art-of-command-linectrl-w 删除你键入的最后一个单词ctrl-u 删除行内光标所在位置之前的内容ctrl-k 删除光标至行尾的所有内容ctrl-l 可以清屏ctrl-a 可以将光标移至行首ctrl-e 可以将光标移至...",
+    "url": "https://segmentfault.com/a/1190000040841954",
+    "author": "混子的日常",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "前端-JavaScript异步编程async函数",
-    "description": "基本概念传统JavaScript异步编程的形式大体分以下几种。回调函数事件监听发布/订阅Promise 对象异步一个任务连续的执行就叫做同步。如果将任务为分两步执行，执行完第一步，转而执行其它任务，等做好了准备，再回...",
-    "url": "https://segmentfault.com/a/1190000040845483",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "1",
+    "title": "第七期:前端九条启发分享",
+    "description": "事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 \"json对象\", 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...",
+    "url": "https://segmentfault.com/a/1190000040857798",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "3",
     "rank": 26
   },
   {
-    "title": "前端表单验证常用的25个JS正则表达式",
-    "description": "1、手机号校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码...} 7、日期 YYYY-MM-DD {代码...} 8、日期 YYYY-MM-D...",
-    "url": "https://segmentfault.com/a/1190000040844198",
-    "author": "嘴叼辣条闯世界",
-    "home_url": "https://segmentfault.com/u/zuidiaolatiaochuangshijie",
-    "votes": "3",
+    "title": "前端-JavaScript运行原理",
+    "description": "简介理解JavaScript运行原理，我们需要理解以下两方面内容。JavaScript引擎。JavaScript运行时环境。JavaScript引擎什么是JavaScript引擎JavaScript引擎是一个计算机程序，它的主要作用是JavaScript运行时将源码...",
+    "url": "https://segmentfault.com/a/1190000040851732",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "5",
     "rank": 27
   },
   {
-    "title": "React：从来如此便对么",
-    "description": "然而，如果梳理历史的走向，模版语法才是更自然的选择。接下来让我们看看React选择JSX背后的逻辑是什么？这是React如今生态繁荣的关键因素么？",
-    "url": "https://segmentfault.com/a/1190000040842197",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
+    "title": "从零开始实现一个在线三角形生成器",
+    "description": "在线三角形生成器通过本文，你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法elemen...",
+    "url": "https://segmentfault.com/a/1190000040854433",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "TypeScript 中  unknown 与 any 有啥区别",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040654545",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "Go 开发时要了解的 1 个内存模型细节",
+    "description": "在日常工作中，如果我们能够了解 Go 语言内存模型，那会带来非常大的作用。这样在看一些极端情况，又或是变态面试题的时候，就能够明白程序运行表现下的很多根本原因了。",
+    "url": "https://segmentfault.com/a/1190000040843418",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "前端-JavaScript中的代理和反射",
-    "description": "上面这种调用方式我们比较熟悉，不过当你想编写一些抽象框架时（框架又需要与业务定义的类进行互操作），由于你不知道业务类的成员和方法，这时反射动态获取成员变量或调用方法。",
-    "url": "https://segmentfault.com/a/1190000040829478",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "4",
+    "title": "前端表单验证常用的25个JS正则表达式",
+    "description": "1、手机号校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码...} 7、日期 YYYY-MM-DD {代码...} 8、日期 YYYY-MM-D...",
+    "url": "https://segmentfault.com/a/1190000040844198",
+    "author": "嘴叼辣条闯世界",
+    "home_url": "https://segmentfault.com/u/zuidiaolatiaochuangshijie",
+    "votes": "3",
     "rank": 30
   }
 ]