@wcj/github-rank 22.7.12 → 22.7.15

package/web/data/sifou-weekly.json

@@ -1,39 +1,57 @@
 [
   {
-    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
-    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
-    "url": "https://segmentfault.com/a/1190000042070334",
+    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
+    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
+    "url": "https://segmentfault.com/a/1190000042093361",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
+    "votes": "12",
     "rank": 1
   },
   {
-    "title": "使用CSS background实现炫酷悬停效果",
-    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
-    "url": "https://segmentfault.com/a/1190000042069856",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "9",
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
     "rank": 2
   },
+  {
+    "title": "利用噪声构建美妙的 CSS 图形",
+    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
+    "url": "https://segmentfault.com/a/1190000042103702",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
+    "rank": 3
+  },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
     "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
     "url": "https://segmentfault.com/a/1190000042083758",
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "5",
-    "rank": 3
+    "votes": "7",
+    "rank": 4
   },
   {
-    "title": "DNS 系列（一）：为什么更新了 DNS 记录不生效？",
-    "description": "我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...",
-    "url": "https://segmentfault.com/a/1190000042081565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
+    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
+    "url": "https://segmentfault.com/a/1190000042093955",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "3",
+    "rank": 5
+  },
+  {
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "4",
-    "rank": 4
+    "rank": 6
   },
   {
     "title": "他们齐聚 2022 ECUG Con，只为「中国技术力量」",
@@ -42,7 +60,7 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "3",
-    "rank": 5
+    "rank": 7
   },
   {
     "title": "Nginx部署配置",
@@ -51,142 +69,106 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "4",
-    "rank": 6
-  },
-  {
-    "title": "原生JS以后也支持类型注解啦？",
-    "description": "在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。",
-    "url": "https://segmentfault.com/a/1190000042080607",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "Nginx 实战核心知识点整理（上）",
-    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
-    "url": "https://segmentfault.com/a/1190000042070687",
-    "author": "Rhythm_2019",
-    "home_url": "https://segmentfault.com/u/rhythm_2019",
-    "votes": "3",
     "rank": 8
   },
   {
-    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042036969",
+    "url": "https://segmentfault.com/a/1190000042092852",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "votes": "4",
     "rank": 9
   },
   {
-    "title": "GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨",
-    "description": "前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...",
-    "url": "https://segmentfault.com/a/1190000042071322",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042036969",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
     "rank": 10
   },
   {
-    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
-    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
-    "url": "https://segmentfault.com/a/1190000042093361",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "title": "CSS Houdini：用浏览器引擎实现高级CSS效果",
+    "description": "Houdini被称之为Magic of styling and layout on the web，看起来十分神秘，但实际上，Houdini并非什么神秘组织或者神奇魔法，它是一系列与CSS引擎相关的浏览器API的总称。",
+    "url": "https://segmentfault.com/a/1190000042078359",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "1",
     "rank": 11
   },
   {
-    "title": "PHP后端面试85问",
-    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
-    "url": "https://segmentfault.com/a/1190000042071370",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "2",
+    "title": "Redis 内存优化神技，小内存保存大数据",
+    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
+    "url": "https://segmentfault.com/a/1190000042103541",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "你还在为组件文档烦恼吗？",
-    "description": "前言随着时间的推进，业务组件也逐渐丰富起来，我们开始搭建组件库，编写组件文档的烦恼就随之而来。这里分享下我选取组件文档工具的经历，最终以 Docusaurus 为基础，搭建了一套开箱即用的 React 组件文档工具。...",
-    "url": "https://segmentfault.com/a/1190000042073725",
-    "author": "Samon",
-    "home_url": "https://segmentfault.com/u/samonxian",
-    "votes": "1",
+    "title": "go-zero微服务实战系列（九、极致优化秒杀性能）",
+    "description": "上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...",
+    "url": "https://segmentfault.com/a/1190000042099343",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
-    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
-    "url": "https://segmentfault.com/a/1190000042081989",
-    "author": "南风未了",
-    "home_url": "https://segmentfault.com/u/nanfengweiliao",
+    "title": "Go学习笔记-Zap日志",
+    "description": "mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。",
+    "url": "https://segmentfault.com/a/1190000042094912",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "2",
     "rank": 14
   },
   {
-    "title": "网易云音乐机器学习平台实践",
-    "description": "在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...",
-    "url": "https://segmentfault.com/a/1190000042075285",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
+    "title": "用前端构建工具打包后端服务，我到底经历什么",
+    "description": "看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。",
+    "url": "https://segmentfault.com/a/1190000042092435",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
     "rank": 15
   },
   {
-    "title": "Vim直接上手（一）：三种模式",
-    "description": "比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。",
-    "url": "https://segmentfault.com/a/1190000042073871",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
+    "title": "记录遇到的一个循环依赖问题",
+    "description": "但是我在使用的时候却报了notifyService的循环依赖。NG0200: Circular dependency in DI detected for ThyNotifyService如图",
+    "url": "https://segmentfault.com/a/1190000042096697",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 16
   },
   {
-    "title": "Vim直接上手（二）：常用命令（进入输入模式、移动光标、文本操作）",
-    "description": "i是insert在光标前面插入字符，a是append是在光标后面追加字符。o是用来新起一行，大小写区别在于上下左右，自己试一下就知道了。r是用来替换字符。小写替换一个，大写可以替换很多个。",
-    "url": "https://segmentfault.com/a/1190000042074385",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
+    "title": "优化 Go 错误处理，魔改 Go recover 靠谱吗？",
+    "description": "Go 的错误处理一直是表现最突出的一块地方，许许多多的同学都提出了各种提案，例如：引入 try-catch、用 panic 代替 if err != nil、引入新的关键字等。但这些都被一一驳回了。",
+    "url": "https://segmentfault.com/a/1190000042085628",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 17
   },
   {
-    "title": "如何参与开源项目 - 细说 GitHub 上的 PR 全过程",
-    "description": "当然，除了正常的 PR 合入流程之外，我还准备详细介绍一下如果一个 PR 提交后遇到了冲突、需要追加 commits、需要合并 commits 等等相对复杂问题该如何解决。",
-    "url": "https://segmentfault.com/a/1190000042079992",
-    "author": "Daniel_Hu",
-    "home_url": "https://segmentfault.com/u/daniel_hu_6299be102876e",
-    "votes": "1",
+    "title": "电商商品系统的演进分析",
+    "description": "好久没有给大家带来新的知识分享了，2022的第一篇（是的，你没看错！第一篇）就给大家讲讲商品模型的演进过程吧！希望对大家做的工作有所帮助~~",
+    "url": "https://segmentfault.com/a/1190000042094414",
+    "author": "大愚Talk",
+    "home_url": "https://segmentfault.com/u/helei112g",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "Vue 源码中的工具函数",
-    "description": "在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。",
-    "url": "https://segmentfault.com/a/1190000042073070",
-    "author": "诺顿",
-    "home_url": "https://segmentfault.com/u/nuodun",
-    "votes": "5",
-    "rank": 19
-  },
-  {
-    "title": "如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！",
-    "description": "近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...",
-    "url": "https://segmentfault.com/a/1190000042083899",
-    "author": "李不白",
-    "home_url": "https://segmentfault.com/u/libubai",
+    "title": "DNS 系列（二）：DNS 记录及工作方式，你了解吗？",
+    "description": "在上一篇《DNS 系列（一）：为什么更新了 DNS 记录不生效？》中，我们主要讲解了 DNS 和 DNS 传播，知道了网络通信主要通过 IP 地址来进行，而域名系统（DNS）则是保证用户在浏览器中输入域名之后，可以访问到对...",
+    "url": "https://segmentfault.com/a/1190000042094981",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "我想写一个 Vue3 组件库，我该怎么开始？",
-    "description": "最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。",
-    "url": "https://segmentfault.com/a/1190000042082390",
-    "author": "未觉雨声",
-    "home_url": "https://segmentfault.com/u/qmhc",
-    "votes": "2",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "死锁问题排查过程-间隙锁的复现以及解决",
@@ -195,78 +177,96 @@
     "author": "skyarthur",
     "home_url": "https://segmentfault.com/u/skyarthur",
     "votes": "2",
+    "rank": 20
+  },
+  {
+    "title": "H5实现生成urlscheme并从H5跳转到小程序",
+    "description": "在2022年之前，想要在H5打开小程序只需要在平台上设置urlscheme即可，但是自 2022 年 4 月 11 日起，URL Scheme有效期最长 30 天，不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Schem...",
+    "url": "https://segmentfault.com/a/1190000042089388",
+    "author": "huaweichenai",
+    "home_url": "https://segmentfault.com/u/huaweichenai",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "精读《MinusOne, PickByType, StartsWith...》",
+    "description": "TS 没有 “普通” 的运算能力，但涉及数字却有一条生路，即 TS 可通过 ['length'] 访问数组长度，几乎所有数字计算都是通过它推导出来的。",
+    "url": "https://segmentfault.com/a/1190000042092948",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "Vue 灰度发布新功能的那些事",
-    "description": "灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...",
-    "url": "https://segmentfault.com/a/1190000042077860",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "0",
+    "title": "写出个灵活的系统竟然可以如此简单！小白也能写出高级的Java业务！",
+    "description": "最近正好公司里有个需求，一个短信业务接了多个第三方供应商，某些业务需要查询第三方供应商剩余的短信包数量去选择剩余量最多的渠道去批量发送。有些业务是指定了某个短信供应商，有些场景需要根据业务的值去动...",
+    "url": "https://segmentfault.com/a/1190000042084710",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "下一个行业风口：NFT 数字藏品，是机遇还是泡沫？",
-    "description": "2021年3月，艺术家Beeple花费5000多天制成的作品《每一天：前5000天》，作为史上第一件公开拍卖的纯数字艺术品，在顶级拍卖行佳士得以高达6900万美元（约合4.5亿人民币）的天价成交，刷新了网上拍卖成交最高作品...",
-    "url": "https://segmentfault.com/a/1190000042072196",
-    "author": "腾讯云开发者",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
+    "title": "DNS 系列（三）：如何免受 DNS 欺骗的侵害",
+    "description": "互联网上每一台设备都会有一个 IP 地址，我们在访问网站或发送信息时，其实都是通过 IP 地址达成准确请求的。但是这个 IP 地址由很长一串数字组成，记忆起来相当困难，所以我们创造了更实用的域名来代替 IP 地址...",
+    "url": "https://segmentfault.com/a/1190000042104392",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
     "rank": 24
   },
   {
-    "title": "用前端构建工具打包后端服务，我到底经历什么",
-    "description": "看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。",
-    "url": "https://segmentfault.com/a/1190000042092435",
-    "author": "小白要生发",
-    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
-    "votes": "1",
+    "title": "分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择",
+    "description": "曾几何时，“并发高就分库，数据大就分表”已经成了处理 MySQL 数据增长问题的圣经。面试官喜欢问，博主喜欢写，候选人也喜欢背，似乎已经形成了一个闭环。但你有没有思考过，_分库分表真的适合你的系统吗？_分表在...",
+    "url": "https://segmentfault.com/a/1190000042099882",
+    "author": "CoderW",
+    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "伪元素 content 出现中文乱码",
-    "description": "伪元素的 content 使用中文字符在某些浏览器可能会出现乱码：代码如下： {代码...} 解决方法首先，确认 charset 为 utf-8确保 HTML 的 META 属性设置为 charset='utf-8'。经测试，还是会出现乱码。然后，将中文字...",
-    "url": "https://segmentfault.com/a/1190000042077497",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "title": "React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发",
+    "description": "在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好，但如果要在 React 中实现一个功能丰富的表格，其实...",
+    "url": "https://segmentfault.com/a/1190000042101414",
+    "author": "蒋川",
+    "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "三步就能在OpenHarmony中实现车牌识别",
-    "description": "介绍本车牌识别项目是基于开源项目 EasyPR（Easy to do Plate Recognition）实现。EasyPR 是一个开源的中文车牌识别系统，基于 OpenCV 开源库开发。本项目使用润和 HiSpark Taurus AI Camera(Hi3516DV300) 摄像头...",
-    "url": "https://segmentfault.com/a/1190000042075182",
-    "author": "OpenHarmony社区",
-    "home_url": "https://segmentfault.com/u/openharmony",
-    "votes": "3",
+    "title": "纯css实现自动显示“全文”链接",
+    "description": "最近发现了一位大佬用纯css实现了自动显示“全文”链接的这样一个功能，用的方法挺巧妙的，于是我自己也试着实现了一下，借此来记录一下～功能效果文案较少时直接显示，文案较多时限制5行，显示省略号，然后再显示...",
+    "url": "https://segmentfault.com/a/1190000042098496",
+    "author": "Isabella",
+    "home_url": "https://segmentfault.com/u/isabella_5b593d1fde470",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "前端需要的免费在线api接口",
-    "description": "回想当年刚接触前端，Ajax 真的碰一次就跪一次。当时不懂后端，不知道 api 是什么东东，也没有后端小伙伴写接口给我测试。本文整理了我用过的几个 免费的在线api接口，而且不需要处理跨域等问题。希望能给刚入门...",
-    "url": "https://segmentfault.com/a/1190000042085705",
-    "author": "学习委员",
-    "home_url": "https://segmentfault.com/u/k21vin",
-    "votes": "1",
+    "title": "前端这两年的文章总结",
+    "description": "这几天整理的一下过往的文章和笔记，备份到了 Github 上，地址👉 blog。如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~~ 👆我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时...",
+    "url": "https://segmentfault.com/a/1190000042087432",
+    "author": "lio_zero",
+    "home_url": "https://segmentfault.com/u/lio_zero",
+    "votes": "0",
     "rank": 28
   },
   {
-    "title": "像素级模仿，前yapi代码贡献者对apifox的公开信",
-    "description": "这段时间收到很多朋友发来的信息，说一款api管理服务工具apifox跟我们当时做的yapi很像，最近在全网推广，刚听到这个消息，我还挺意外的,毕竟当时我们做yapi是开源的。今天我闲来无事，下载他们的软件用了用，简...",
-    "url": "https://segmentfault.com/a/1190000042075611",
-    "author": "慷慨的冰棍",
-    "home_url": "https://segmentfault.com/u/kangkaidebinggun",
+    "title": "Go 原生插件使用问题全解析",
+    "description": "文｜丁飞（花名：路德 )蚂蚁集团高级工程师深耕于 SOFAMesh 产品的商业化落地 主要方向为基于服务网格技术的系统架构升级方案设计与落地本文 4394 字 阅读 10 分钟｜前言｜MOSN 作为蚂蚁集团在 ServiceMesh 解决...",
+    "url": "https://segmentfault.com/a/1190000042104429",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "基于OpenHarmony的智能金属探测器",
-    "description": "智能金属探测器是基于 OpenAtom  OpenHarmony（以下简称“OpenHarmony”）操作系统，利用电磁感应原理来探测周围的金属物体。该样例采用多设备协同的方式，兼容 OpenHarmony 设备开发与应用开发，整个样例体现了 Op...",
-    "url": "https://segmentfault.com/a/1190000042070629",
-    "author": "OpenHarmony社区",
-    "home_url": "https://segmentfault.com/u/openharmony",
-    "votes": "3",
+    "title": "网页长按保存及识别二维码",
+    "description": "网易哒哒的 H5 一向是业界精品，其中不少 H5 会成为爆款，能在朋友圈广泛流传的那种。同时，他们还写了一本很水的书——制造爆款：H5营销策划一本通，草草介绍了下各式各样的H5，但相关的技术文章却都没这么介绍，...",
+    "url": "https://segmentfault.com/a/1190000042104608",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "1",
     "rank": 30
   }
 ]