@wcj/github-rank 22.8.8 → 22.8.11

package/web/data/sifou-weekly.json

@@ -1,30 +1,21 @@
 [
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 1
-  },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
     "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
     "url": "https://segmentfault.com/a/1190000042267425",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 2
+    "votes": "20",
+    "rank": 1
   },
   {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
+    "title": "使用 CSS 构建强大且酷炫的粒子动画",
+    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
+    "url": "https://segmentfault.com/a/1190000042283578",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 3
+    "votes": "17",
+    "rank": 2
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -32,15 +23,24 @@
     "url": "https://segmentfault.com/a/1190000042272755",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
+    "votes": "17",
+    "rank": 3
+  },
+  {
+    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
+    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
+    "url": "https://segmentfault.com/a/1190000042282658",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "10",
     "rank": 4
   },
   {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
+    "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
+    "url": "https://segmentfault.com/a/1190000042282263",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "8",
     "rank": 5
   },
@@ -54,68 +54,59 @@
     "rank": 6
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效",
-    "description": "CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。",
-    "url": "https://segmentfault.com/a/1190000042262023",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "4",
+    "title": "React Fiber架构原理剖析",
+    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
+    "url": "https://segmentfault.com/a/1190000042271919",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "7",
     "rank": 7
   },
   {
-    "title": "前端晋升答辩-性能优化篇范式",
-    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
-    "url": "https://segmentfault.com/a/1190000042264240",
-    "author": "胡哥有话说",
-    "home_url": "https://segmentfault.com/u/justbecoder",
+    "title": "PHP如何提高高并发能力",
+    "description": "用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。",
+    "url": "https://segmentfault.com/a/1190000042280585",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
     "votes": "4",
     "rank": 8
   },
   {
-    "title": "React Fiber架构原理剖析",
-    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
-    "url": "https://segmentfault.com/a/1190000042271919",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "5",
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "8",
     "rank": 9
   },
   {
-    "title": "if err != nil 太烦？Go 创始人教你如何对错误进行编程！",
-    "description": "前段时间我分享了一篇文章《10+ 条 Go 官方谚语，你知道几条？》，引发了许多小伙伴的讨论。其中有一条 “Errors are values”，大家在是 “错误是值” 还是 “错误就是价值” 中反复横跳，纠结不易。",
-    "url": "https://segmentfault.com/a/1190000042252269",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "5",
+    "title": "electron 应用开发优秀实践",
+    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
+    "url": "https://segmentfault.com/a/1190000042267983",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "7",
     "rank": 10
   },
   {
-    "title": "整理了这23个开源项，初学者可以拿来练习！",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042266784",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "我做了一个在线白板（二）",
+    "description": "上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...",
+    "url": "https://segmentfault.com/a/1190000042281991",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "vue3开发拒绝cv, 快使用curd",
-    "description": "开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用, 今天我们讲一下\"增删改查\"组件:v-curd.",
-    "url": "https://segmentfault.com/a/1190000042258739",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "3",
     "rank": 12
   },
-  {
-    "title": "M1 nvm install报错",
-    "description": "M1执行nvm install安装node报错404 {代码...} 经过分析发现命令安装node版本时，M1电脑自动拼接路径如下：[链接]arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包 压缩包官网 解决方案执行install命...",
-    "url": "https://segmentfault.com/a/1190000042254696",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "2",
-    "rank": 13
-  },
   {
     "title": "React组件应用于Spring MVC工程",
     "description": "公司前端工程还处于React+Mobx与Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将React业务组件...",
@@ -123,34 +114,25 @@
     "author": "记得要微笑",
     "home_url": "https://segmentfault.com/u/tosmile",
     "votes": "2",
-    "rank": 14
+    "rank": 13
   },
   {
-    "title": "6 个意想不到的 JavaScript 问题",
-    "description": "作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...",
-    "url": "https://segmentfault.com/a/1190000042255934",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "3",
-    "rank": 15
+    "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
+    "description": "大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...",
+    "url": "https://segmentfault.com/a/1190000042288656",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "2",
+    "rank": 14
   },
   {
-    "title": "type=\"module\" 你了解，但 type=\"importmap\" 你知道吗",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042261401",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "Flutter 的 6 个最有用的 VS Code扩展",
+    "description": "Pubspec Assist 是一个 Visual Studio Code 扩展，它允许您轻松地将依赖项添加到您的 Dart 和 Flutter 项目的 pubspec.yaml，所有这些都无需离开您的编辑器。",
+    "url": "https://segmentfault.com/a/1190000042280857",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "4",
-    "rank": 16
-  },
-  {
-    "title": "AI目标分割能力，无需绿幕即可实现快速视频抠图",
-    "description": "绿幕抠图是影视制作过程中常见的技术手段，常用于视频中抠除并替换背景，通过后期加工实现视频剪辑制作的更多可能性。然而，绿幕抠图技术制作成本费时费力，无法应用于日常生活。",
-    "url": "https://segmentfault.com/a/1190000042252173",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持",
@@ -159,113 +141,131 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
-    "rank": 18
+    "rank": 16
   },
   {
-    "title": "如何查看所有测试历史？进来学习下",
-    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
-    "url": "https://segmentfault.com/a/1190000042265021",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "title": "详解 SSL（一)：网址栏的小绿锁有什么意义？",
+    "description": "随着互联网的飞速发展，用户信息泄漏、数据泄露等安全问题的事件频繁发生。这一切不一定是网站的问题，有时候可能是自己不经意间泄露了自己的信息。例如钓鱼网站就是日常生活中比较常见的，钓鱼网站和真实网站差...",
+    "url": "https://segmentfault.com/a/1190000042273426",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
+    "rank": 17
+  },
+  {
+    "title": "快速了解navigator API setAppBadge",
+    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
+    "url": "https://segmentfault.com/a/1190000042288003",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
-    "rank": 19
+    "rank": 18
   },
   {
-    "title": "基于微前端qiankun的多页签缓存方案实践",
-    "description": "本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。",
-    "url": "https://segmentfault.com/a/1190000042252404",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "精读《Unique, MapTypes, Construct Tuple...》",
+    "description": "去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：",
+    "url": "https://segmentfault.com/a/1190000042282563",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "2",
+    "rank": 19
+  },
+  {
+    "title": "记录遇到的mongoDb问题, 以及restTemplate请求重试",
+    "description": "最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...",
+    "url": "https://segmentfault.com/a/1190000042287505",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）",
-    "description": "Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据，这也是我们使用 Vue3 开发项目中经常用到的两个 API。",
-    "url": "https://segmentfault.com/a/1190000042266418",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "2",
+    "title": "Go String 解析",
+    "description": "String 类型在Go语言内存模型中其实是一个“描述符”，用一个2字节的数据结构表示，它本身并不真正存储字符串数据，而仅是由一个指向底层存储的指针和字符串的长度字段组成的。",
+    "url": "https://segmentfault.com/a/1190000042267345",
+    "author": "白菜1031",
+    "home_url": "https://segmentfault.com/u/baicai1031",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "WebGPU 导入[1] - 入门常见问题与个人分享",
-    "description": "什么是应用级？这两个库都屏蔽了 WebGL 的底层调用细节，大多数时候，你编写的代码更专注于“场景”中的“三维物体”的位置，加载“模型文件”，高级点的会写漂亮的“材质”。这些带引号的概念，在 WebGL 底层接口都是没...",
-    "url": "https://segmentfault.com/a/1190000042255266",
-    "author": "四季留歌",
-    "home_url": "https://segmentfault.com/u/onsummer",
-    "votes": "1",
+    "title": "mongoDb查询中遇到的问题",
+    "description": "返回的数据样式：可以看到这样查询后会将从表查询到的数据添加到主表数据中，也就是说在mongoDb中并不需要在实体中加入关联实体，只需加入关联实体的Id即可。如果还想要加入其他查询条件，只需像下面这样加入crit...",
+    "url": "https://segmentfault.com/a/1190000042283317",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "3",
     "rank": 22
   },
   {
-    "title": "JavaScript WebGL 三维相关概念",
-    "description": "三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 4 个分量，这种表示方式称为齐次坐标，它将一个原本 n 维向量用一个 n+1 维向量表示。比如向量 (x, y, z) 的齐次坐标可表示为 (x, y, z, w)。这...",
-    "url": "https://segmentfault.com/a/1190000042256231",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "1",
+    "title": "算法复杂度",
+    "description": "评估一个算法的性能主要依据其时间复杂度和空间复杂度来确定。时间复杂度是指该算法运行的时间长短。空间复杂度是指该算法运行占用的内存大小。复杂度越低越好，越短小越好。时间比空间更重要。",
+    "url": "https://segmentfault.com/a/1190000042277209",
+    "author": "冰封百度",
+    "home_url": "https://segmentfault.com/u/bingfengbaidu",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "图扑软件数字孪生油气管道站，搭建油气运输管控平台",
-    "description": "从国家管网集团获悉，西气东输管道系统 2021 年已累计输送天然气超 1000 亿立方米，这是西气东输年输气量首次突破千亿立方米。为了应对复杂多变的供气环境，保障全国人民的天然气使用，加快管道智能化是赋能油气...",
-    "url": "https://segmentfault.com/a/1190000042263453",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
+    "title": "【Java面试】讲下线程池的线程回收",
+    "description": "大家好，我是Mic，一个工作了14年的Java程序员。最近很多小伙伴私信我，让我说一些线程池相关的问题。线程池这个方向考察的点还挺多的，如果只是靠刷面试题面试官很容易就能识别出来，我随便举几个。线程池是如何...",
+    "url": "https://segmentfault.com/a/1190000042274807",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
     "rank": 24
   },
   {
-    "title": "独立产品灵感周刊 DecoHack #024 - 90年代的网站设计",
-    "description": "本周刊记录有趣好玩的独立产品设计开发相关内容，每周发布，感兴趣的伙伴可以点击订阅我的周刊。为保证每期都能收到，建议邮件订阅。欢迎通过 Twitter 私信推荐或投稿。",
-    "url": "https://segmentfault.com/a/1190000042252026",
-    "author": "ViggoZ",
-    "home_url": "https://segmentfault.com/u/viggoz",
+    "title": "🚀Turborepo：发布当月就激增 3.8k Star，这款超神的新兴 Monorepo 方案，你不打算尝试下吗？",
+    "description": "Monorepo是一种项目管理方式，在Monorepo之前，代码仓库管理方式是 MultiRepo，即每个项目都对应着一个单独的代码仓库每个项目进行分散管理这就会导致许多弊端，例如可能每个项目的基建以及工具库都是差不多的，...",
+    "url": "https://segmentfault.com/a/1190000042282389",
+    "author": "DevUI团队",
+    "home_url": "https://segmentfault.com/u/devui",
     "votes": "1",
     "rank": 25
   },
   {
-    "title": "保姆级教程：写出自己的移动应用和小程序（篇五）",
-    "description": "在上期文章中，我们主要聊了聊如何写出一个简单的小程序。既然聊到了编写小程序，那不得不提的就是如何编写其中的 CSS 样式内容，一起来看看吧。",
-    "url": "https://segmentfault.com/a/1190000042255768",
-    "author": "火爆的茶壶",
-    "home_url": "https://segmentfault.com/u/huobaodechahu",
-    "votes": "1",
+    "title": "[开源项目]可观测、易使用的SpringBoot线程池",
+    "description": "在开发spring boot应用服务的时候，难免会使用到异步任务及线程池。spring boot的线程池是可以自定义的，所以我们经常会在项目里面看到类似于下面这样的代码",
+    "url": "https://segmentfault.com/a/1190000042284199",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "下载！《云原生架构白皮书 2022 版》重磅发布",
-    "description": "简介：今年，《云原生架构白皮书2022版》正式上线，相较于2020年版本，本次内容新增数十家企业实战经验合集，同时在云原生产品矩阵中，新增多个核心产品家族，如容器产品家族、微服务产品家族、云原生技术中台 CN...",
-    "url": "https://segmentfault.com/a/1190000042252196",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
-    "votes": "2",
+    "title": "Redis 定长队列的探索和实践",
+    "description": "vivo 互联网服务器团队 - Wang Zhi一、业务背景从技术的角度来说，技术方案的选型都是受限于实际的业务场景，都以解决实际业务场景为目标。在我们的实际业务场景中，需要以游戏的维度收集和上报行为数据，考虑数...",
+    "url": "https://segmentfault.com/a/1190000042267962",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "Day 86/100 《图解HTTP》读书笔记（四）——HTTP报文头信息",
-    "description": "HTTP 通信过程包括从客户端发往服务器端的请求及从服务器端返回 客户端的响应。1、HTTP 报文用于 HTTP 协议交互的信息被称为 HTTP 报文。请求端(客户端)的 HTTP 报文叫做请求报文，响应端(服务器端)的叫做响应报...",
-    "url": "https://segmentfault.com/a/1190000042265802",
-    "author": "SnowWolfArden",
-    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "title": "通过小程序实现微信扫码登录，个人网站接入微信扫码登录功能",
+    "description": "网站如果想要实现微信扫码登录其实有很多种方案，常见的方案就是微信开放平台和微信公众号服务号。前者是目前大部分网站并且是微信认可的一种方式，后者是开发者发现服务号具备扫码关注后即可获取用户基本信息的...",
+    "url": "https://segmentfault.com/a/1190000042279451",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "Driver.js - 开源无依赖的 web 新手交互引导工具库，功能强大、高度可定制",
-    "description": "Driver.js 是一个可以轻松实现新手指引交互的 javascript 工具库，主要的作用是为刚接触应用的新手用户快速了解产品，帮助用户把注意力聚焦到某项功能，从而快速熟悉我们的开发的产品，截止发文 star 已经高达 13...",
-    "url": "https://segmentfault.com/a/1190000042261924",
-    "author": "搬不要钱的砖",
-    "home_url": "https://segmentfault.com/u/thosefree",
+    "title": "JavaScript WebGL 绘制顺序",
+    "description": "引子在 JavaScript WebGL 三维相关概念中尝试一些效果的时候，又碰到了新问题，就去查了资料，自己尝试后总结下。OriginMy GitHub绘制顺序之前二维绘制顺序并没有产生明显的不好效果，现在绘制三维影响就比较大了...",
+    "url": "https://segmentfault.com/a/1190000042282536",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "【Java面试】讲下线程池的线程回收",
-    "description": "大家好，我是Mic，一个工作了14年的Java程序员。最近很多小伙伴私信我，让我说一些线程池相关的问题。线程池这个方向考察的点还挺多的，如果只是靠刷面试题面试官很容易就能识别出来，我随便举几个。线程池是如何...",
-    "url": "https://segmentfault.com/a/1190000042274807",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "基于微信云开发的幼儿园招生报名小程序",
+    "description": "园方人员根据资料可以做预先审核，并提示用户修改完善资料，并可查看和导出名单Excel，审核报名记录等，大大减少了现场报名的人力成本，数字化手段提高了工作效率， 也为家长节省了时间。",
+    "url": "https://segmentfault.com/a/1190000042284989",
+    "author": "CC同学呀",
+    "home_url": "https://segmentfault.com/u/ccxiaoyoulu",
     "votes": "1",
     "rank": 30
   }