From a365123db20b488f076b5b73899f4716639b12b3 Mon Sep 17 00:00:00 2001
From: dravenwu <dravenwu@tencent.com>
Date: Fri, 24 May 2024 20:59:38 +0800
Subject: [PATCH] update 2024-05-24 docs

---
 docs/2024/2024-05-24.md | 325 ++++++++++++++++++++++++++++++++++++++++
 docs/menu.md            |   1 +
 2 files changed, 326 insertions(+)
 create mode 100644 docs/2024/2024-05-24.md

diff --git a/docs/2024/2024-05-24.md b/docs/2024/2024-05-24.md
new file mode 100644
index 00000000..a05c34af
--- /dev/null
+++ b/docs/2024/2024-05-24.md
@@ -0,0 +1,325 @@
+
+收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此
+
+每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀
+## CSDN 
+### 数据结构与算法 
+- [[AIGC] 贪心算法 vs 动态规划](https://blog.csdn.net/qq_45704048/article/details/139046835): 程序员三木-[AIGC] 贪心算法 vs 动态规划----🔥 热度:17605 
+- [自动驾驶路径决策算法——动态规划](https://blog.csdn.net/m0_68388605/article/details/139013051): codeAAAa-自动驾驶路径决策算法——动态规划----🔥 热度:16157 
+- [双非二本找工作前的准备day30](https://blog.csdn.net/m0_61724447/article/details/139087598): 你好我叫拿铁-双非二本找工作前的准备day30----🔥 热度:13013 
+- [十大经典排序算法](https://blog.csdn.net/Yuan_Master/article/details/139103462): 南烁-十大经典排序算法----🔥 热度:11959 
+- [爬山算法的详细介绍](https://blog.csdn.net/mj256115/article/details/139159123): 熙尛-爬山算法的详细介绍----🔥 热度:11327 
+
+### javascript 
+- [VueJS ReactJS实现AI问答小助手(2)——流式TTS文字转实时语音播放](https://blog.csdn.net/qq_25439417/article/details/139122909): 南七小僧-VueJS ReactJS实现AI问答小助手(2)——流式TTS文字转实时语音播放----🔥 热度:25896 
+- [vue3中基于element-plus封装一个表格弹框组件，要求可以单选和多选table数据](https://blog.csdn.net/jieyucx/article/details/139147193): jieyucx-vue3中基于element-plus封装一个表格弹框组件，要求可以单选和多选table数据----🔥 热度:23922 
+- [第六节:带你全面理解vue3 浅层响应式API: shallowRef, shallowReactive, shallowReadonly](https://blog.csdn.net/fjiex/article/details/139123941): 前端付杰-第六节:带你全面理解vue3 浅层响应式API: shallowRef, shallowReactive, shallowReadonly----🔥 热度:22781 
+- [react--组件通信](https://blog.csdn.net/qq_68442164/article/details/139130850): mengyu小雨啊-react--组件通信----🔥 热度:22284 
+- [vue3怎么分离ts文件（或怎么把vue3的ts文件单独分离出来），以登录页面为例](https://blog.csdn.net/pursuedream6/article/details/139143114): pursuedream6-vue3怎么分离ts文件（或怎么把vue3的ts文件单独分离出来），以登录页面为例----🔥 热度:21160 
+
+### java 
+- [【第16章】MyBatis-Spring之SqlSession](https://blog.csdn.net/qq_44824164/article/details/138765338): 你知道“铁甲小宝”吗丶-【第16章】MyBatis-Spring之SqlSession----🔥 热度:20287 
+- [idea本地jar，使用maven打包本地依赖，实现自动编译到项目里](https://blog.csdn.net/weixin_39487049/article/details/139152183): 程序猿方-idea本地jar，使用maven打包本地依赖，实现自动编译到项目里----🔥 热度:19156 
+- [Spring AI 抢先体验，5 分钟玩转 Java AI 应用开发](https://blog.csdn.net/yunqiinsight/article/details/139147000): 阿里云云栖号-Spring AI 抢先体验，5 分钟玩转 Java AI 应用开发----🔥 热度:19094 
+- [java中springaop实现对参数加解密](https://blog.csdn.net/k_x_sh/article/details/139146225): 烁雨-java中springaop实现对参数加解密----🔥 热度:19071 
+- [【Java】SpringBoot+Screw轻松生成数据库设计文档](https://blog.csdn.net/weixin_42369773/article/details/139131576): 奋进的孤狼-【Java】SpringBoot+Screw轻松生成数据库设计文档----🔥 热度:17750 
+
+### php 
+- [PHPEMS在线模拟考试系统 v9.0](https://blog.csdn.net/2401_85149468/article/details/139160397): 2401_85149468-PHPEMS在线模拟考试系统 v9.0----🔥 热度:10562 
+- [PHP身份证真伪验证、身份证二、三要素核验、身份证ocr接口](https://blog.csdn.net/weixin_49544544/article/details/139148015): 翔云 OCR  API-PHP身份证真伪验证、身份证二、三要素核验、身份证ocr接口----🔥 热度:10168 
+- [实现本地访问云主机，以及在云主机搭建FTP站点](https://blog.csdn.net/weixin_64122448/article/details/139157139): 沃和莱特-实现本地访问云主机，以及在云主机搭建FTP站点----🔥 热度:10157 
+- [PHP212L-VB一款2个P—Channel沟道SOP8的MOSFET晶体管参数介绍与应用说明](https://blog.csdn.net/VBsemi/article/details/139141302): 微碧VBsemi-PHP212L-VB一款2个P—Channel沟道SOP8的MOSFET晶体管参数介绍与应用说明----🔥 热度:9987 
+- [第四课 communcation服务-can配置第二弹](https://blog.csdn.net/candleer/article/details/138422154): 木"小"木-第四课 communcation服务-can配置第二弹----🔥 热度:9434 
+
+### python 
+- [python 线性回归模型](https://blog.csdn.net/qq_41529799/article/details/139142276): pengpeng02-python 线性回归模型----🔥 热度:30889 
+- [【机器学习-近邻算法-02】 | Scikit-Learn工具包进阶指南：机器学习sklearn.neighbors模块之核密度估计、缓存最近邻、邻域成分分析以及局部离群因子算法](https://blog.csdn.net/m0_59951855/article/details/139115129): 一伦明悦-【机器学习-近邻算法-02】 | Scikit-Learn工具包进阶指南：机器学习sklearn.neighbors模块之核密度估计、缓存最近邻、邻域成分分析以及局部离群因子算法----🔥 热度:23384 
+- [Python构建高效Web应用：Flask、Django和FastAPI的全面对比](https://blog.csdn.net/HRG520JN/article/details/139112549): H-大叔-Python构建高效Web应用：Flask、Django和FastAPI的全面对比----🔥 热度:21799 
+- [python-pytorch 下批量seq2seq+Bahdanau Attention实现问答1.0.000](https://blog.csdn.net/m0_60688978/article/details/139122844): liwulin0506-python-pytorch 下批量seq2seq+Bahdanau Attention实现问答1.0.000----🔥 热度:19812 
+- [第一篇【传奇开心果系列】Python的PyTorch库技术点案例示例:深度解读PyTorch深度学习在医学领域应用](https://blog.csdn.net/jackchuanqi/article/details/138888854): 传奇开心果编程-第一篇【传奇开心果系列】Python的PyTorch库技术点案例示例:深度解读PyTorch深度学习在医学领域应用----🔥 热度:17889 
+
+### 运维 
+- [nginx启动报错Job for nginx.service failed because the control process exited with error code. See “syste](https://blog.csdn.net/qq_37263429/article/details/139112983): 年薪丰厚-nginx启动报错Job for nginx.service failed because the control process exited with error code. See “syste----🔥 热度:20261 
+- [linux的网络IO驱动模型](https://blog.csdn.net/qq_35693377/article/details/139149994): 可爱的小小小狼-linux的网络IO驱动模型----🔥 热度:19405 
+- [PXE高效批量网络装机](https://blog.csdn.net/weixin_71499831/article/details/139097905): 他@-PXE高效批量网络装机----🔥 热度:18221 
+- [linux shell测试服务器网络-multiple process version](https://blog.csdn.net/z19861216/article/details/138576055): 小黑要上天-linux shell测试服务器网络-multiple process version----🔥 热度:17415 
+- [负载均衡在Linux HTTP服务器集群中的应用](https://blog.csdn.net/weixin_73725158/article/details/139149379): 华科℡云-负载均衡在Linux HTTP服务器集群中的应用----🔥 热度:16306 
+
+### 移动开发 
+- [生成一个完整的App代码需要具体的平台（如iOS, Android, Web等）和框架（如React Native, Flutter, Swift, Kotlin等）。](https://blog.csdn.net/HaydenDryden/article/details/139093342): HaydenDryden-生成一个完整的App代码需要具体的平台（如iOS, Android, Web等）和框架（如React Native, Flutter, Swift, Kotlin等）。----🔥 热度:35544 
+- [生成一个完整的App代码通常涉及多个步骤和多种技术，因为App可以是基于原生开发（如iOS的Swift或Android的Java/Kotlin）的，也可以是跨平台的（如React Native, Fl](https://blog.csdn.net/NewmaEdward/article/details/139043606): NewmaEdward-生成一个完整的App代码通常涉及多个步骤和多种技术，因为App可以是基于原生开发（如iOS的Swift或Android的Java/Kotlin）的，也可以是跨平台的（如React Native, Fl----🔥 热度:29154 
+- [由于生成一个完整的App代码需要多个文件、库和配置，且不同的操作系统（如iOS、Android）和平台（如React Native、Flutter）有不同的开发方式和语言](https://blog.csdn.net/VictoriaWoolley/article/details/139027064): VictoriaWoolley-由于生成一个完整的App代码需要多个文件、库和配置，且不同的操作系统（如iOS、Android）和平台（如React Native、Flutter）有不同的开发方式和语言----🔥 热度:26434 
+- [鸿蒙ArkUI-X跨语言调用说明：平台差异化【Android、ios动态化】](https://blog.csdn.net/m0_62167422/article/details/139147033): 移不动开发技术-鸿蒙ArkUI-X跨语言调用说明：平台差异化【Android、ios动态化】----🔥 热度:21653 
+- [由于创建一个完整的App需要多个组件和平台特定的代码（如iOS的Swift/Objective-C，Android的Java/Kotlin，以及可能的跨平台框架如React Native, Flutt](https://blog.csdn.net/CarlHosea/article/details/138963790): 代码小狂热者-由于创建一个完整的App需要多个组件和平台特定的代码（如iOS的Swift/Objective-C，Android的Java/Kotlin，以及可能的跨平台框架如React Native, Flutt----🔥 热度:21604 
+
+### c/c++ 
+- [使用C/C++ API接口操作 Zookeeper 数据](https://blog.csdn.net/wengjianhong2099/article/details/139119319): 一念之间 一心向阳-使用C/C++ API接口操作 Zookeeper 数据----🔥 热度:15035 
+- [C/C++运行时库与 UCRT 通用运行时库：全面总结与问题实例剖析](https://blog.csdn.net/liyananweb/article/details/139121720): 海鲸AI-C/C++运行时库与 UCRT 通用运行时库：全面总结与问题实例剖析----🔥 热度:14760 
+- [C/C++内存管理分布](https://blog.csdn.net/weixin_52550678/article/details/139129426): 凡人多烦事~-C/C++内存管理分布----🔥 热度:11624 
+- [C++小病毒](https://blog.csdn.net/Iamsupercoder/article/details/139030784): 老六工作室-C++小病毒----🔥 热度:11478 
+- [C++对C的扩充](https://blog.csdn.net/xsc2004zyj/article/details/138915036): 用手码出世界-C++对C的扩充----🔥 热度:10094 
+
+
+## 掘金 
+### 前端 
+- [领导被我的花式console.log吸引了！直接写入公司公共库！](https://juejin.cn/post/7371716384847364147): 背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！----👍🏻点赞量:220 
+- [我使用coze做了一个云顶之弈助手，帮助我上分。](https://juejin.cn/post/7370244444282667034): 由于自己太菜了，所以我使用coze做了一个云顶之弈助手，来帮助自己上分。下面和大家分享一下这个助手，感兴趣的可以去体验一下。----👍🏻点赞量:125 
+- [终于拿到了 WXG 的 offer，却只能无奈放弃 🥺](https://juejin.cn/post/7370682998990553100): 这一个月里，分别 offer 了小米、快手、字节电商、wxg，但考虑到多方因素，最终还是选择了内部转岗到电商。这篇文章就来讲讲 wxg 的面试过程吧----👍🏻点赞量:129 
+- [前端大师课：“鬼剑士，听我指令，砍碎屏幕”是怎么实现的？](https://juejin.cn/post/7371423076661542952): 属于我们那个年代的"地下城与勇士"的手游上线了，你只需要在微信群里发送"鬼剑士，听我指令，砍碎屏幕"、“鬼剑士”、“地下城与勇士”这些关键词，就会触发特别炫酷的动画效果。怎么实现的……----👍🏻点赞量:40 
+- [ three.js 下雨特效（高级版本）很干！！很难！！很详细](https://juejin.cn/post/7369784341465907240): 带深度信息的下雨特效的实现 上一篇技术文章three.js 模拟真实海洋（超详细教程，炫酷海洋） - 掘金 (juejin.cn) 发布后，获得了许多小伙伴的收藏，如果还没有看的可以去看看，效果真的很----👍🏻点赞量:56 
+- [【前端面经】美图Meitu](https://juejin.cn/post/7369761632275955722): 基本情况介绍： 社招三年 一面 做的主要是什么项目，桌面端的吗 用的主要是什么技术栈 vue 有了解吗 移动端开发一般怎么判断是什么平台，安卓、IOS、微信？ 移动端页面，页面的尺寸、宽高怎么去处理？----👍🏻点赞量:37 
+- [【2024年5月】unibest 千星，作者被裁，求工作。](https://juejin.cn/post/7371698970975010843): unibest 千星 unibest 从 2023-12-21 开始创建项目，到 2024-05-17 日正好 150 天，目前当天 github star数 破千，纪念一下。 我发现快破千了，分别是----👍🏻点赞量:39 
+- [华为鸿蒙手写ECharts ](https://juejin.cn/post/7370008254719950887): ECharts作为前端强大的图表、K线、地图等封装库可以说无比风骚。但用户和产品的需求永远是一个库满足不了的，除非产品和设计的基础是在图表库基础上进行。我们前端移动端作为产品的排面就应该让其独具特色,----👍🏻点赞量:42 
+
+### 前端-JavaScript 
+- [领导被我的花式console.log吸引了！直接写入公司公共库！](https://juejin.cn/post/7371716384847364147): 背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！----👍🏻点赞量:220 
+- [ three.js 下雨特效（高级版本）很干！！很难！！很详细](https://juejin.cn/post/7369784341465907240): 带深度信息的下雨特效的实现 上一篇技术文章three.js 模拟真实海洋（超详细教程，炫酷海洋） - 掘金 (juejin.cn) 发布后，获得了许多小伙伴的收藏，如果还没有看的可以去看看，效果真的很----👍🏻点赞量:56 
+- [【前端面经】美图Meitu](https://juejin.cn/post/7369761632275955722): 基本情况介绍： 社招三年 一面 做的主要是什么项目，桌面端的吗 用的主要是什么技术栈 vue 有了解吗 移动端开发一般怎么判断是什么平台，安卓、IOS、微信？ 移动端页面，页面的尺寸、宽高怎么去处理？----👍🏻点赞量:37 
+- [N 个值得一看的前端代码片段](https://juejin.cn/post/7371312967781777418): 在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之----👍🏻点赞量:110 
+- [干货满满：数据类型判断（4种方法）、call的底层逻辑和Object.prototype调用toString方法时的步骤](https://juejin.cn/post/7369853533917429771): 判断js的数据类型的方法有 typeof()、instanceof、Object.prototype.toString.call() 和 Array.isArray()。其中还讲解了call的底层逻辑----👍🏻点赞量:54 
+- [某物商品数据抓取插件](https://juejin.cn/post/7369865018765312034): 最近在研究商品抓取，发现市面上有jd、taobao、1688等的商品信息抓取工具，唯独没有某物的。 为什么？ 因为不好做？初探某物 研究发现 某物网页端几乎没有入口.----👍🏻点赞量:11 
+- [面试官问我为什么 [] == ![] 为 true， 我表面冷静，实则内心慌的一批](https://juejin.cn/post/7371312966364332042): --- theme: condensed-night-purple --- # 前言 > 面试官问我----👍🏻点赞量:43 
+- [震惊！进度条真的是匀速的，不信你看](https://juejin.cn/post/7370682158103347238): 众所周知，进度条是程序员大大模拟的程序运行进度，一般会在某些数值卡住不动，引起99%悬案。但是背后的原理你真的清楚吗，其实进度条真的是匀速运动的！ 先来看看效果----👍🏻点赞量:15 
+
+### 前端-Vue.js 
+- [还在用一堆JSON配置项封装表单？你不会还不知道装饰器吧？](https://juejin.cn/post/7370170468781506575): 一、写在前面 本文使用 Vue3 + Vite + TypeScript + Element-Plus 作为主要的环境和前提，不讨论其他状况下的问题。 在常见的后台管理系统中，前端往往需要大量的表格来----👍🏻点赞量:26 
+- [运营：别再让你的页面一直loading 了](https://juejin.cn/post/7369633749418934335): 运营：别再让你的页面一直loading 了，本文利用worker 解决 阻塞 UI，告别阻塞，做最亮的程序员----👍🏻点赞量:20 
+- [vue如何实时展示海康威视摄像头多画面？](https://juejin.cn/post/7369783680425852938): 一.下载海康威视演示示例 下载解压后有使用说明和SDK使用文档非常详细，这里不做赘述。请仔细阅读。 输入用户名和密码端口号 然后登录=》开始预览即可打开监控查看了；是不是很简单 这里有很多小伙伴可能找----👍🏻点赞量:15 
+- [独立开发3个月，第三款可视化产品终于上线了](https://juejin.cn/post/7371698970974437403): 嗨，大家好，我是徐小夕。 3年多一线技术架构经验，零代码产品H5-Dooring作者, 热爱开源和技术写作。 之前一直在社区分享零代码&低代码的技术实践，最近终于上线了第三款可视化产品----👍🏻点赞量:23 
+- [我们团队是如何用好vue3 setup组合式API的？](https://juejin.cn/post/7371253542245105698): 自从react hook出世之后，整个前端界框架的数据管理方案就一发不可收拾地涌入组合式API中。其中，Vue2.7的时候，就已经推出一个composition-api方案，到vue3的发布，这个方案----👍🏻点赞量:23 
+- [静态文档网站生成神奇器：VuePress！尤雨溪的旧爱！](https://juejin.cn/post/7369868541934551055): 简介 VuePress 是一个基于 Vue.js 的静态网站生成器，主要用于生成文档网站。它最初是由 Vue.js 的创建者尤雨溪（Evan You）开发的，旨在为 Vue.js 的文档提供一个简洁高----👍🏻点赞量:5 
+- [前端各种单据各种状态各种操作？看我用TypeScript和面向对象来盘了它!](https://juejin.cn/post/7370925894662193204): 一、需求描述 系统设计了 销售单、采购单、入库单、出库单、盘点单、移库单、生产计划单等等等等类型的单据，单据都有着 单据编号、单据明细、单据状态 等属性，而且每个单据都有不同的状态，但又都包含了 待审----👍🏻点赞量:7 
+- [重学Vue-认识组件](https://juejin.cn/post/7369876349488021543): 组件注册 全局注册 .component() 方法可以被链式调用： 局部注册 如果没有使用 <script setup>，则需要使用 components 选项来显式注册： 全局注册 vs 局部注册 ----👍🏻点赞量:1 
+
+### 前端-React.js 
+- [独立开发3个月，第三款可视化产品终于上线了](https://juejin.cn/post/7371698970974437403): 嗨，大家好，我是徐小夕。 3年多一线技术架构经验，零代码产品H5-Dooring作者, 热爱开源和技术写作。 之前一直在社区分享零代码&低代码的技术实践，最近终于上线了第三款可视化产品----👍🏻点赞量:23 
+- [从 0 开发一个 Node 全栈 AIGC 项目需要的 12 个技能，资深前端必备](https://juejin.cn/post/7370640471393927178): 一个项目不仅仅只有开发，还有需求、设计、联调、测试、灰度、上线、回滚、统计、监控，以及后期迭代。其中还有制定基建、技术沉淀、文档和规范、效率工具、线上服务和第三方服务等。----👍🏻点赞量:18 
+- [前端难题：一文搞定函数参数默认值](https://juejin.cn/post/7370344254693081097): 写了5年前端，你依然不会处理JavaScript参数——一个复杂却必备的技能。你还不知道？现在就来掌握！----👍🏻点赞量:33 
+- [Next.js v14 如何实现 SSE、接入 ChatGPT Stream?](https://juejin.cn/post/7372020457124659234): 本篇会： 1. 介绍 SSE 的基本概念和用法 2. Next.js 如何实现 SSE 以及客户端如何调用 3. Next.js 如何调用 ChatGPT Stream 接口？----👍🏻点赞量:13 
+- [useEffect 一定在页面渲染后才会执行吗？](https://juejin.cn/post/7370138993062887476): 大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。----👍🏻点赞量:29 
+- [从最近的工作中我学到了什么（近期工作学习记录与复盘）](https://juejin.cn/post/7369934780748906508): ~ o(￣▽￣)ブA在此主要是复盘一下最近这四个月在工作中的成长和感悟，希望后续可以将这段时间的经历化作更好的成长的动力与养料，以下分项目管理、学习记录、整体复盘三个部分记录。----👍🏻点赞量:5 
+- [设计问能不能实现这种碎片化的效果](https://juejin.cn/post/7372013979467333643): 基于 clip-path: polygon(x y, x2 y2, x3 y3); 实现碎片化图像的效果。----👍🏻点赞量:19 
+- [💥【sheetjs】纯前端如何实现Excel导出下载和上传解析？](https://juejin.cn/post/7369903163803238415): 本文介绍的是sheetjs下面的xlsx库, 它有付费版和开源版。最近忙着做项目，Rust精华小册忙完项目就更新😁。近期文章总结一下项目中遇到的一些好玩的点。----👍🏻点赞量:4 
+
+### 前端-面试 
+- [终于拿到了 WXG 的 offer，却只能无奈放弃 🥺](https://juejin.cn/post/7370682998990553100): 这一个月里，分别 offer 了小米、快手、字节电商、wxg，但考虑到多方因素，最终还是选择了内部转岗到电商。这篇文章就来讲讲 wxg 的面试过程吧----👍🏻点赞量:129 
+- [【前端面经】美图Meitu](https://juejin.cn/post/7369761632275955722): 基本情况介绍： 社招三年 一面 做的主要是什么项目，桌面端的吗 用的主要是什么技术栈 vue 有了解吗 移动端开发一般怎么判断是什么平台，安卓、IOS、微信？ 移动端页面，页面的尺寸、宽高怎么去处理？----👍🏻点赞量:37 
+- [面试官问我为什么 [] == ![] 为 true， 我表面冷静，实则内心慌的一批](https://juejin.cn/post/7371312966364332042): --- theme: condensed-night-purple --- # 前言 > 面试官问我----👍🏻点赞量:43 
+- [一个失败的独立开发的300多天的苦果](https://juejin.cn/post/7371638121279848499): 历史是成功者书写的，所以我们能看到的成功的独立开发者，正所谓一将功成万骨枯，其实失败的才是大多数。从2023年7月14到现在2024年5月22，10个多月，一个313天总共的收入只有652元(😭😭😭)----👍🏻点赞量:14 
+- [JavaScript类型判断深度解析：从基础到精通](https://juejin.cn/post/7369978126144847883): 本文从基础出发，系统梳理了JavaScript的各大数据类型，重点解析了在类型判断时常见的疑惑与误区，尤其深入探讨了Object.prototype.toStriing.call().......----👍🏻点赞量:28 
+- [超快让你认识新宠儿“TS”](https://juejin.cn/post/7369877722485047350): 什么是 TypeScript 定义和背景 TypeScript 是由微软开发并维护的一种开源编程语言。它被称为 JavaScript 的超集，这意味着所有合法的 JavaScript 代码在 Type----👍🏻点赞量:7 
+- [重塑网页交互新篇章：Ajax三种方法的实战指南](https://juejin.cn/post/7369903157646295092): 前言 什么是ajax？ Ajax，全称为Asynchronous JavaScript and XML（异步JavaScript与XML），是一种网页开发技术，它使得网页能够在不重新加载整个页面的情况----👍🏻点赞量:30 
+- [面试官问：你会几种三栏布局方式？ 我答：我会5种。](https://juejin.cn/post/7371720794977697833): 通过弹性布局、圣杯布局、双飞翼布局、网格布局、表格布局实现三栏布局。对这5种方法的实现三栏布局的过程进行了详细的解释，还有实现过程中页面的状态图，最后总结了5种方法的特点。----👍🏻点赞量:31 
+
+### 前端-CSS 
+- [领导被我的花式console.log吸引了！直接写入公司公共库！](https://juejin.cn/post/7371716384847364147): 背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！----👍🏻点赞量:220 
+- [N 个值得一看的前端代码片段](https://juejin.cn/post/7371312967781777418): 在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之----👍🏻点赞量:110 
+- [“我用双指成就你的梦想”--用html+css+JavaScript实现键盘演奏架子鼓](https://juejin.cn/post/7370682158103756838): [前言] 在当今这个数字化旋律飞扬的时代，你可曾幻想过，仅仅通过轻触屏幕，便能让澎湃的鼓点在你的世界里回响？设想一下，摆脱了笨重的实体乐器，也不再需要在宽敞的空间中安置一整套鼓具，仅仅依靠你在智能手机----👍🏻点赞量:39 
+- [上班摸鱼时写了个 b 站 banner 的鼠标跟随动画效果](https://juejin.cn/post/7369535515292532770): 在 bilibili 主站 PC 端，时不时会看到其顶部横幅栏是一个随鼠标变化的动画：我们今天也来实现一下吧----👍🏻点赞量:27 
+- [三栏布局--如何实现主体内容先加载](https://juejin.cn/post/7371720794977828905): 三栏布局 是一种常见的网页布局方式，它通常包括三个主要部分：左侧栏、中间栏和右侧栏。在这种布局中，左右两侧的栏目通常具有固定的宽度，而中间的栏目则会自动适应剩余的空间，实现自适应宽度的----👍🏻点赞量:28 
+- [面试官：如何实现三栏布局？](https://juejin.cn/post/7371986999164747786): 一、何为三栏布局？ 整个页面呈现为左中右三块的布局 并且要求：主体内容优先加载, 左右固定宽度，中间自适应 有三种满足三栏布局所有要求的写法：圣杯布局，双飞翼布局和弹性布局， 另有两种不能满足....----👍🏻点赞量:29 
+- [用HTML设计一个时钟（将前端基础发挥到极致）](https://juejin.cn/post/7371295699269222463): DIY一个属于自己的时钟，一个集前端技术于一身的练习项目，深入理解如何将css布局、动画和JavaScript时间处理结合以实现动态效果。----👍🏻点赞量:32 
+- [听说你还不会 Tailwind CSS（进阶·下篇）](https://juejin.cn/post/7371649020123152384): Tailwind CSS 的进阶使用（下篇）：配置项讲解。样式的覆盖和扩展的方案，使用 postcss-nesting 实现嵌套声明或直接使用预处理器。----👍🏻点赞量:2 
+
+### 前端-Node.js 
+- [探索冯·诺依曼架构下的互动乐趣：构建一个“石头、剪刀、布”命令行游戏](https://juejin.cn/post/7369799708636364854): 在计算机科学的广阔天地里，冯·诺依曼架构如同一座桥梁，连接着冰冷的硬件与生动的软件世界。该架构奠定了现代计算机的基础，核心思想在于输入、处理、输出三个环节的循环。本文将以一个简单的游戏启发开始....----👍🏻点赞量:34 
+- [从 0 开发一个 Node 全栈 AIGC 项目需要的 12 个技能，资深前端必备](https://juejin.cn/post/7370640471393927178): 一个项目不仅仅只有开发，还有需求、设计、联调、测试、灰度、上线、回滚、统计、监控，以及后期迭代。其中还有制定基建、技术沉淀、文档和规范、效率工具、线上服务和第三方服务等。----👍🏻点赞量:18 
+- [前端难题：一文搞定函数参数默认值](https://juejin.cn/post/7370344254693081097): 写了5年前端，你依然不会处理JavaScript参数——一个复杂却必备的技能。你还不知道？现在就来掌握！----👍🏻点赞量:33 
+- [Next.js App Router + Socket.IO 实现简易聊天室](https://juejin.cn/post/7371423076662493224): 如果要用 Next.js 实现消息推送、实时日志、聊天室等功能，你可能第一时间想到使用 WebSocket，但一找资料你会发现，Next.js 官方文档（App Router）中竟然没有相关内容----👍🏻点赞量:24 
+- [安全警报：OpenAI密钥泄露背后的教训与防范升级](https://juejin.cn/post/7371370680514936870): 前言 最近在写掘金的时候，代码复制的时候不小心把自己的openai密钥也给复制了。昨天我上线一尝试，好家伙每日免费100次token机会已使用完。。。 在平时码代码的时候我一般都是直接使用的密钥作为变----👍🏻点赞量:46 
+- [🌟面试官问：天天在用Git，那你知道Git Hooks是什么吗？🌟](https://juejin.cn/post/7370099013922439207): 前言 git 我们应该不陌生了，几乎每天工作都会用到。 今天要为大家介绍的是 git 里面的 hooks ，也就是 git 钩子。 git 钩子是什么呢？它可以用来干什么呢？为什么说它是强大的武器呢？----👍🏻点赞量:15 
+- [Nodejs + Redis 实现发送邮箱验证码及校验功能（流程相对完整）](https://juejin.cn/post/7371423120075522088): 前言 某天，突然想到怎么去做一个验证码校验功能呢？怎么校验正确与否呢？ 当时我还觉得挺合理的。 正确的方式是怎样的呢？ 以下是本人画的发送验证码及校验阶段流程图（简易版） 大致分为如下两个阶段： 发送----👍🏻点赞量:4 
+- [快速入门 Nestjs（二）](https://juejin.cn/post/7372078061897154597): RxJs 与 Nestjs Nestjs 响应拦截器 Nestjs 异常过滤器 Nestjs 管道 Nestjs 守卫 自定义装饰器----👍🏻点赞量:0 
+
+### 前端-后端 
+- [我使用coze做了一个云顶之弈助手，帮助我上分。](https://juejin.cn/post/7370244444282667034): 由于自己太菜了，所以我使用coze做了一个云顶之弈助手，来帮助自己上分。下面和大家分享一下这个助手，感兴趣的可以去体验一下。----👍🏻点赞量:125 
+- [一个失败的独立开发的300多天的苦果](https://juejin.cn/post/7371638121279848499): 历史是成功者书写的，所以我们能看到的成功的独立开发者，正所谓一将功成万骨枯，其实失败的才是大多数。从2023年7月14到现在2024年5月22，10个多月，一个313天总共的收入只有652元(😭😭😭)----👍🏻点赞量:14 
+- [现代全栈前端框架 + Docker 构建镜像优化](https://juejin.cn/post/7370184763677917193): 一、为什么？ 现代全栈前端框架项目，安装一些常用的工具库之后，构建镜像轻轻松松大小超过 1G。在生产环境运行并不需要开发环境的内容，优化开中各种问题，就成了开发者必须面对的一道题了，下面是我们对 Do----👍🏻点赞量:7 
+- [重塑网页交互新篇章：Ajax三种方法的实战指南](https://juejin.cn/post/7369903157646295092): 前言 什么是ajax？ Ajax，全称为Asynchronous JavaScript and XML（异步JavaScript与XML），是一种网页开发技术，它使得网页能够在不重新加载整个页面的情况----👍🏻点赞量:30 
+- [几分钟了解异步数据请求方式：原生Ajax、jQuery 库以及 Fetch API](https://juejin.cn/post/7370379022285160459): 异步数据请求属于构建动态、交互性页面必不可少的环节。该技术准许开发者在无需刷新整个页面的情况下，和服务器交换数据并即时更新页面内容。三种主流的异步数据请求方式有： Ajax、jQuery、fetch。----👍🏻点赞量:31 
+- [当程序员写代码就行了，为什么还要画图](https://juejin.cn/post/7370615140242472998): 相信很多人选择当程序员除了这个行业起步阶段薪资比其他行业高一些之外，还有一个很大的因素是觉得做研发类的工作只要代码写的好，跟电脑这个“直男”打交道就可以了。 但是还没走出校门呢，毕业这一关就得边做毕业----👍🏻点赞量:2 
+- [Nest 集成 TypeORM](https://juejin.cn/post/7371340419341303848): 本文重点介绍了在 NestJS 中使用 TypeORM 的过程，包括创建 Nest 项目、引入相关依赖、配置 TypeOrmModule、定义 Entity、以及实现 CRUD 操作。----👍🏻点赞量:3 
+- [前后端交互：深入了解Ajax技术的三种方法](https://juejin.cn/post/7369897767182319616): Ajax是一种用于创建交互式网页应用程序的技术。它利用JavaScript在不重新加载整个网页的情况下，通过与服务器进行异步通信来更新部分页面内容。----👍🏻点赞量:21 
+
+### 前端-TypeScript 
+- [还在用一堆JSON配置项封装表单？你不会还不知道装饰器吧？](https://juejin.cn/post/7370170468781506575): 一、写在前面 本文使用 Vue3 + Vite + TypeScript + Element-Plus 作为主要的环境和前提，不讨论其他状况下的问题。 在常见的后台管理系统中，前端往往需要大量的表格来----👍🏻点赞量:26 
+- [字节历险记（一）](https://juejin.cn/post/7369909173939781641): 又有两个星期没有写文章了，自从上次拿到了字节的oc之后就开启了我的摆烂生活，现在已经上班两个星期了，先说说感受吧，用我身边其他大厂的朋友总结的七个字就是———又舒服了，字节哥。----👍🏻点赞量:20 
+- [超快让你认识新宠儿“TS”](https://juejin.cn/post/7369877722485047350): 什么是 TypeScript 定义和背景 TypeScript 是由微软开发并维护的一种开源编程语言。它被称为 JavaScript 的超集，这意味着所有合法的 JavaScript 代码在 Type----👍🏻点赞量:7 
+- [一网打尽 TypeScript 数据类型：完整教程](https://juejin.cn/post/7370923547739553829): 基本数据类型 数字（Number） TypeScript 中的所有数字都是浮点数类型（number）。可以用十进制、十六进制、二进制和八进制表示数字。 字符串（String） 字符串类型用于表示文本数----👍🏻点赞量:11 
+- [前端各种单据各种状态各种操作？看我用TypeScript和面向对象来盘了它!](https://juejin.cn/post/7370925894662193204): 一、需求描述 系统设计了 销售单、采购单、入库单、出库单、盘点单、移库单、生产计划单等等等等类型的单据，单据都有着 单据编号、单据明细、单据状态 等属性，而且每个单据都有不同的状态，但又都包含了 待审----👍🏻点赞量:7 
+- [throwing-functions二次封装注意点](https://juejin.cn/post/7371698970975256603): 关于主题 至于标题中throwing-function： 如标题，这样文章主题应该就比较明确了 背景 概述 写这篇文章的背景是，作者在个人项目中对一些原生api进行二次封装，然后在业务代码去调用封装好----👍🏻点赞量:6 
+- [从入门到精通：TypeScript枚举类型](https://juejin.cn/post/7372100109980696602): 一、是什么 1. 什么是枚举类型？ 枚举类型（Enum）是一种特殊的数据结构，用于表示一组命名的常量。它提供了一种便捷的方式来定义和使用这些常量，避免使用魔法数字或字符串。 2. 枚举类型的特性 命名----👍🏻点赞量:8 
+- [带薪学习TS的类型](https://juejin.cn/post/7372013979466645515): TS的类型介绍，TS是静态类型的语言，它在编译时就能发现错误，而js是动态类型的语言，只有在执行的时候才能发现错误减少找bug，改bug的时间，提升开发效率。----👍🏻点赞量:5 
+
+### 前端-前端框架 
+- [小程序框架搭建](https://juejin.cn/post/7369838480983474226): 通过学习 用 iframe 和 worker 实现简易双线程通信 已经了解了小程序的双线程通信的原理 现在来实现一个简易的小程序框架，用来模拟微信小程序的运行机制 在实现小程序框架之前，我们需要模拟一----👍🏻点赞量:1 
+- [给element-ui的多选Select增加可清空功能，并修改其计数功能](https://juejin.cn/post/7369993845750513715): 前天晚上又投产了一版功能，刚投产完产品经理发现了一些ui交互的问题，便提出来看是否能优化。我看了下问题，确实有点影响用户的使用，就是多选Select的清空按钮当鼠标停留在Select上时应该显示出来，----👍🏻点赞量:3 
+- [【组件实现篇】"从零使用react打造瀑布流的四种方式：完美展示动态图片流"](https://juejin.cn/post/7370513151052021787): 本篇我们研究一下react中实现瀑布流的几种方式，这里我们不会去实现瀑布流结合虚拟列表，仅实现动态渲染、增量渲染、触底增加、触底缓冲等，瀑布流结合虚拟列表我们放在第三篇虚拟列表结合瀑布流实践中，第二篇----👍🏻点赞量:8 
+- [每日一学： JS中的作用域](https://juejin.cn/post/7372441501609656346): 首先 在了解作用域之前，让我们先来了解一些JS中的基础概念 类型 在JS中有以下几种基础类型： Number: 用于存储整数或浮点数，例如 42 或 3.14。----👍🏻点赞量:16 
+- [vue3 后台管理框架geeker admin -- 纵向布局：侧边栏代码剩余样式补充(了解)](https://juejin.cn/post/7370906781386326050): 0 环境 Node.js 16.x+ pnpm 7.x+ Git 1 参考文档 geeker admin官方文档 element-plus官方文档 vue router官方文档 SubMenu.vue----👍🏻点赞量:2 
+- [面试官：作为团队leader vue/react如何做技术选型](https://juejin.cn/post/7371731578962133026): 背景： 在进行技术栈的选择时，决策过程往往涉及多个层面的考量，尤其是当选项众多且技术日益成熟的今天。React 和 Vue 作为当下流行的前端框架，各有其独特的优势和特点。然而，决定使用哪一个并不仅仅----👍🏻点赞量:1 
+- [这就是为什么Angular这么少人用了，连个路由缓存都这么难配置！！](https://juejin.cn/post/7372025897158017074): 起因 要不是我入职的这家公司是Angular技术栈，我才不会去学Angular！！这一个路由缓存都百度了一上午，才差不多完全搞懂！----👍🏻点赞量:4 
+- [Intro to React](https://juejin.cn/post/7371779128477925415): 用通用的语言和demo代码的例子介绍React，从进二三十年的前端发展史开始讲起，相信读者阅读后能对React有更加深入的认识----👍🏻点赞量:1 
+
+### 前端-GitHub 
+- [🍀 借助 Github Actions 解决 Github DNS 污染问题 ](https://juejin.cn/post/7369789429547302923): 简单介绍了国内 Github DNS 问题以及解决方案。毫无疑问第一种方案是能有效解决大部分国内资源被墙的问题。但作为IT技术爱好者，我更喜欢 Github Actions 解决 Github 问题----👍🏻点赞量:10 
+- [我用Next.js App Router写了一个博客](https://juejin.cn/post/7371340419341172776): 2020年的时候，React推出了Server Components，当时令我惊讶的是能够写异步组件。 写异步组件也许不是什么新奇的事，更早以就出现过一个昙花一现的框架，语法使用JSX，即便是客户端组----👍🏻点赞量:3 
+- [报名倒计时两周|2024 OpenTiny 开源之夏项目直播解读回顾](https://juejin.cn/post/7371312967780630538): OpenTiny 开源社区成功举办了以《OpenTiny 开源之夏项目解读直播》为主题的直播活动。此次直播中，华为云的高级前端工程师曾令卡、伍其和与10位导师对关键技术进行了细致剖析----👍🏻点赞量:3 
+- [Next-Admin支持可视化流程编排模块，已开源！](https://juejin.cn/post/7370713457455595547): hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，今天继续分享一下最近开源的 Next-Admin 项目的最新更新。 Next-Admin 是一款基于 next----👍🏻点赞量:5 
+- [三年前端，创业失败了，还能回去打工吗？](https://juejin.cn/post/7372100118579494963): 大伙儿好，我是小鹿，一名全职创业者。 自从去年5月份辞职以来，不知不觉创业已经一周年了，感叹时间过得真快啊。我在2020年毕业，当时正值疫情，打工了三年之后，然后踏上了创业的征程，这一年来经历可算相当----👍🏻点赞量:4 
+- [一款开源桌面 YouTube 播放器](https://juejin.cn/post/7371702152274608164): FreeTube —— 一款开源桌面 YouTube 播放器，基于 Electron 实现，同时支 Windows（10 及更高版本）、Mac（macOS 10.15 及更高版本）和 Linux。----👍🏻点赞量:3 
+- [前端早读精选: React Compiler 终于来了、实时通信技术方案对比、使用 Bun 最佳场景](https://juejin.cn/post/7372366198099902474): React Compiler 终于来了、实时通信技术方案对比、使用 Bun 最佳场景、Node v20.6 以后的新版本更优雅的处理方式。----👍🏻点赞量:6 
+- [OpenUI让你用想象力来描述UI，然后实时查看渲染结果](https://juejin.cn/post/7369903163804532751): 构建UI组件可能是一项繁琐的任务。OpenUI旨在使这个过程变得有趣、快速且灵活, 让你用想象力来描述UI，然后实时查看渲染结果.----👍🏻点赞量:1 
+
+### 前端-HarmonyOS 
+- [鸿蒙布局元素篇（一）-线性布局（Row/Column）](https://juejin.cn/post/7369865018765377570): 前言 web端开发一般都是div元素梭哈，然后布局由css去实现。鸿蒙应用的布局则是通过赋予布局元素特性对包裹的元素排列布局。 线性布局（Row/Column）----👍🏻点赞量:1 
+- [鸿蒙开发基础 - 首选项持久化数据使用及封装](https://juejin.cn/post/7369909173940142089): 在应用开发中，首选项持久化数据用于存储简单的键值对数据，如用户设置和配置。这里主要介绍一下如何使用用户首选项数据持久化，以及提供封装好的持久化工具类，提升代码可维护性和统一性。----👍🏻点赞量:1 
+- [HarmonyOS Next UI开发技巧](https://juejin.cn/post/7369993845750464563): 1、沉浸式屏幕适配 这里只讲上下导航条颜色不一样的情况，这种场景比较多见。就是让头部视图延伸到导航条或者尾部视图延伸到底部导航条。 示例：如图所示 写法 要开发沉浸式布局，就需要在头部UI，或者尾部U----👍🏻点赞量:1 
+- [PageSpy 生态再添新，鸿蒙 / RN 开发者看过来](https://juejin.cn/post/7372031054817902611): 随着鸿蒙系统的快速崛起，越来越多的开发者开始关注并投入到鸿蒙应用的开发中。同样，React Native 作为跨平台开发的热门框架，也吸引了大量开发者的目光，此时 PageSpy 的适配显得尤为重要。----👍🏻点赞量:1 
+- [bmob Harmony鸿蒙快速开发数据列表页面](https://juejin.cn/post/7370138993062854708): 今天给大家带来一个如何用Bmob后端云的Harmony鸿蒙SDK，开发一个传统的通讯录列表的页面，整个过程非常简单方便。----👍🏻点赞量:0 
+- [鸿蒙数据持久化方案之 relationalStore](https://juejin.cn/post/7369909173939322889): 前言 在应用开发的过程中，我们经常会碰到需要将网络请求的数据持久化到本地的需求。如果数据结构比较简单，我们可以采用键值的方式（比如 iOS 中的 Userdefault、或者鸿蒙中的用户首选项）去存储----👍🏻点赞量:2 
+- [鸿蒙开发基础 - 如何实现图片多张上传以及工具类封装](https://juejin.cn/post/7372100109981138970): 在开发的过程中，不可避免的会遇到需要上传图片资源的情况。比如用户的头像上传，用户反馈的图片内容上传等等。如何实现图片上传呢？来看看我是如何一步一步实现上传图片这个功能的吧~----👍🏻点赞量:3 
+- [HarmonyOS_Next性能研究与实操1——图片压缩处理功能的特性与封装研究](https://juejin.cn/post/7371711890244485171): 一、图片压缩效果实例 跟据压缩实例，分析压缩功能情况 二、相关代码说明 核心代码、核心API 三、源码以及封装尝试 四、功能的拓展思路----👍🏻点赞量:3 
+
+### 前端-NPM 
+- [浅析前端npm包依赖治理与幽灵引用](https://juejin.cn/post/7370952994136408099): 本文讲解 npm 项目管理中的基础知识，以及版本冲突、幽灵依赖等问题的检测手段，和出现问题时的一般解决方法。----👍🏻点赞量:3 
+- [如何优雅地监听首个事件 — 一个对Node.js开发者的EE-First指南](https://juejin.cn/post/7369903170535882767): 在Node.js的世界里，事件驱动模式占据着核心地位。但当你面临多个事件源时，如何优雅地捕获首个触发的事件并进行响应呢？这篇文章将介绍ee-first包，一个简洁而强大的工具，用以监听一组事件源并优先----👍🏻点赞量:0 
+- [使用extglob强化JavaScript的glob模式匹配](https://juejin.cn/post/7370002856039120896): 在处理文件路径或者其他字符串列表时，glob模式提供了一种通配符语法，让我们可以写出简洁且富有表达力的查询表达式。但是，标准的glob模式有时候表现力不够，这时就可以使用extglob包来强化我们的模----👍🏻点赞量:2 
+- [Node.js加密实战：使用bcrypt-pbkdf保护你的密码](https://juejin.cn/post/7372013979467022347): 在这个数字时代，保护用户密码的重要性不言而喻。作为一名资深的前端开发工程师和技术博客作者，今天我将带你详细了解如何在 Node.js 环境中利用 bcrypt-pbkdf 模块进行密码的哈希处理，确保----👍🏻点赞量:1 
+- [Node.js中的流合流技术 - 如何优雅地合并多个流](https://juejin.cn/post/7371318721904476186): 当你处理多个来源的数据流，例如要合并多个文件或网络资源，传统的方式可能涉及到复杂的逻辑和资源管理。然而，有了combined-stream这个轻量级的Node.js包，你可以优雅且轻松地把多个流合并为----👍🏻点赞量:0 
+- [掌握Bluebird：让您的JavaScript异步编程更简单](https://juejin.cn/post/7370994785656324123): Bluebird，一个功能丰富的Promise库，专注于创新功能和性能。 🐦 简介 Bluebird 是一个完善的Promise库，以其创新特性和卓越性能而受到开发者的青睐。它不仅完全遵循Promis----👍🏻点赞量:0 
+- [高效前端：如何优雅的安装Node.js和npm](https://juejin.cn/post/7371687296599195699): 轻松在Mac上安装多个Node.js版本，解决全局安装权限问题，提升开发效率，快来学习一下，提升效率！----👍🏻点赞量:2 
+- [掌握POSIX字符类扩展：Node.js 中的 expand-brackets 库使用指南](https://juejin.cn/post/7369867966228365324): POSIX字符类扩展在模式匹配中扮演着至关重要的角色，expand-brackets库提供了一个简单而强大的解决方案，让你可以在Node.js中轻松实现这一功能。本文将通过实例引导你如何使用此库来简化----👍🏻点赞量:0 
+
+### 前端-HTML 
+- [面试官问：你会几种三栏布局方式？ 我答：我会5种。](https://juejin.cn/post/7371720794977697833): 通过弹性布局、圣杯布局、双飞翼布局、网格布局、表格布局实现三栏布局。对这5种方法的实现三栏布局的过程进行了详细的解释，还有实现过程中页面的状态图，最后总结了5种方法的特点。----👍🏻点赞量:31 
+- [HTML5：从网页到富应用的跨越](https://juejin.cn/post/7370244444282896410): 什么是富应用？富应用（Rich Application）是指那些提供丰富用户体验的应用程序，与传统的基于表单和简单交互的Web应用相比，它们在交交互性、媒体内容、响应速度以及桌面应用相似的功能方面有着----👍🏻点赞量:21 
+- [Vue3 实现一个函数式 popups 弹出层](https://juejin.cn/post/7370244444282748954): 最近接手了一个 UI 需求，设计想让实现一个 popup，它可以在屏幕任意方向弹出一个自定义的样式。我首先考虑到的就是使用 vant 这个组件库中的 popup，但是发现它不是特别能满足我的需求----👍🏻点赞量:7 
+- [节奏狂潮：打造一个互动式鼓乐富应用](https://juejin.cn/post/7369903163803680783): 概述 随着 HTML5 技术的进步，网页开发者能够创建越来越多互动性强、富有创意的应用。这篇文章将带你通过一个名为drump kit的互动式音乐鼓乐项目，深入了解富应用的概念和实现方法。我们将详细讲解----👍🏻点赞量:26 
+- [XML Schema 复杂元素类型详解：定义及示例解析](https://juejin.cn/post/7369903157646278708): 空元素： 仅包含其他元素和/或属性的元素。 仅包含其他元素的元素： 不包含文本内容，只包含其他子元素的元素。 仅包含文本的元素： 不包含其他子元素，只包含文本内容的元素。 既包含其他元素又包含文本的元----👍🏻点赞量:1 
+- [网页与声音的交互-用JavaScript制作一个简单Piano(钢琴）](https://juejin.cn/post/7372096358415810595): 在现在的网页中，网页具有各式各样的效果，融合了各式各样的功能，B站的弹幕功能，地图网站的定位功能，还有具有声音效果的网站，这篇文章，我们就来将声音融合进网页，在网页中演奏乐章。----👍🏻点赞量:29 
+- [在滴滴开发H5一年了，我遇到了这些问题](https://juejin.cn/post/7372396174249459750): 本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！----👍🏻点赞量:14 
+- [栗子前端技术周刊第 30 期 - 2023 HTML 状态调查报告、React Conf 2024、Safari 17.5...](https://juejin.cn/post/7370386370870771739): 🌰栗子前端技术周刊第 30 期 (2024.5.13 - 2024.5.19)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。 📰 技术资讯 2023 HTML 状态调查----👍🏻点赞量:1 
+
+### 后端 
+- [《庆余年2》遭遇“开源”盗版，npm社区“被迫”暂停服务](https://juejin.cn/post/7371074808149917750): 这几天《庆余年2》播放的是如火如荼，老婆每天回家第一件事就是追剧、vip 那更是要安排上。腾讯的除了 vip，还搞个 vvip、当然商业变现都能理解。 但是他这么一搞，盗版一定盛行。这不，技术人就用技----👍🏻点赞量:46 
+- [Java开发面试题精选：Kafka相关一篇全搞定](https://juejin.cn/post/7369884289712324659): 在Java开发工程师面试中，特别是涉及到Apache Kafka的部分，面试官可能会从基础知识、架构理解、实际应用、故障排查和性能优化等多个维度来考察您的能力。这篇文章会将一些大概率被问到的面试题目梳----👍🏻点赞量:27 
+- [SpringBoot+Spring WebFlux响应式开发，实现打字效果](https://juejin.cn/post/7369791641915670537): Hi,大家好，我是抢老婆酸奶的小肥仔。 日常逛网站时，我们有时候会用到在线客服，这种功能大部分都是采用机器人来进行实现，也会出现打字效果。因此，我们仿照实现这样的效果。先看效果图： 至于咨询那部分实现----👍🏻点赞量:13 
+- [带你深刻体验不同对象下 G1 回收器的内存变化](https://juejin.cn/post/7369984692718157824): 👈👈👈 欢迎点赞收藏关注哟 一. 前言 之前学习完了 G1 回收器的一些特性和回收流程 ，这些都是一些偏理论性的东西。这一篇就来通过修改各项配置来看一下 G1 回收器在实际使用中的效果怎么样？ 基础参----👍🏻点赞量:14 
+- [入职第一天，看了公司代码，牛马沉默了](https://juejin.cn/post/7371986999164928010): 入职第一天就干活的，就问还有谁，搬来一台N手电脑，第一分钟开机，第二分钟派活，第三分钟干活，巴适。。。。。。----👍🏻点赞量:11 
+- [13年过去了，Spring官方竟然真的支持Bean的异步初始化了！](https://juejin.cn/post/7370994785655701531): 你好呀，我是歪歪。 两年前我曾经发布过这样的一篇文章《我是真没想到，这个面试题居然从11年前就开始讨论了，而官方今年才表态。》 文章主要就是由这个面试题引起：----👍🏻点赞量:34 
+- [group by优化原理](https://juejin.cn/post/7369534106604355621): 对于group by可以使用索引进行优化，Loose Index Scan相对于Tight Index Scan在一些情况下可以大大减少扫描的行数...----👍🏻点赞量:9 
+- [如何在测试中模拟请求和响应？](https://juejin.cn/post/7369892677641388082): 在日常开发中，除了在服务器端进行单元测试之外，还经常需要做集成测试，为了能更好地做一些边界测试，我们常常需要mock一些HTTP请求或者响应，今天我们就来聊聊几种常见的方式。----👍🏻点赞量:8 
+
+### Android 
+- [Flutter大型项目架构：路由管理篇](https://juejin.cn/post/7369856197514543139): 原生路由在完成规模不大的项目时是能应对的，但是对于页面较多，跳转逻辑也比较复杂的应用它的弊端就会凸显出来了，那么大型项目是如何做路由管理的呢？----👍🏻点赞量:9 
+- [2024 Google I/O 宣布正式支持 Kotlin Multiplatform ，那 KMP 是什么？它的未来在哪里？](https://juejin.cn/post/7372030889422848051): 基于最近一直有人和我提 KMP ，那就简单聊聊。 2024 Google I/O 正式官宣了支持 KMP ，而一般意义上的 KMP 指的就是 Kotlin Multiplatform ，它是 Goog----👍🏻点赞量:34 
+- [浅谈 Android 15 新 API：确保 TextView 完整展示、不被切断～](https://juejin.cn/post/7370170468780933135): 前言 很多语言和文字拥有特殊的、复杂的写法、画法，一个字符可能延伸到前一个字符的区域，甚至后一个字符的区域。 如果文字的宽度没有做针对这种文字做额外的加宽处理，那么文字整体在边界区域会出现被切掉的现象----👍🏻点赞量:8 
+- [Android Studio 使用Gemini 提升开发效率](https://juejin.cn/post/7369832924084846643): 什么是Gemini 最新版本的Android Studio 添加了Gemini,Gemini 是 Android 开发方面的AI编码助手。他可以帮助我们生成代码、学习最佳实践、查阅资料帮助你解决问题等----👍🏻点赞量:10 
+- [Flutter 架构设计: MVVM + Repository](https://juejin.cn/post/7370244444282994714): 在Flutter开发中，采用MVVM架构模式具有显著的优势。通过分离关注点，MVVM使代码更易于维护和测试，并且提高了代码的组织性和可读性。引入Repository模式进一步解耦了业务逻辑和数据访问逻----👍🏻点赞量:5 
+- [Flutter TolyUI 框架#05 | 树形菜单设计](https://juejin.cn/post/7371318721904672794): 《Flutter TolyUI 框架》系列前言: TolyUI 是 张风捷特烈 打造的 Fluter 全平台应用开发 UI 框架。具备 全平台、组件化、源码开放、响应式 四大特点。可以帮助开发者迅速构----👍🏻点赞量:21 
+- [Flutter设计模式全面解析：单例模式](https://juejin.cn/post/7371297065740206107): 设计模式对于日常编写高质量代码及理解 Dart 语言特性、Flutter 的框架和热门第三方插件、OOP 设计模式、理解 SOLID 原则及其应用、代码架构或软件工程等还是有很大的帮助的。----👍🏻点赞量:4 
+- [「mutable & immutable」Kotlin中的变与不变](https://juejin.cn/post/7369483819864948770): Kotlin 中的 `val`关键字与 Java 中的 `final`关键字都用于实现不可变性，但Kotlin中`val`在语法层面明显更加简洁、灵活，同时又强制让开发者在声明变量时确定其可变/不可变----👍🏻点赞量:9 
+
+### IOS 
+- [Flutter 实践之 iOS 使用 replayKit2 录屏（支持录制其他APP）并保存到本地](https://juejin.cn/post/7370002856038301696): 本文主要介绍了在 iOS 中使用 Swift 通过 replayKit2 实现全局的系统录屏并支持从 Flutter调用。----👍🏻点赞量:4 
+- [小册子之如何使用 SwiftData 开发 SwiftUI 应用](https://juejin.cn/post/7369534106604765221): SwiftData 是 Apple 在 WWDC23 上推出的一个新的数据持久化框架，它是 CoreData 的替代品，提供了更简单、更易用的 API。----👍🏻点赞量:3 
+- [APM - iOS Crash 异常捕获原理](https://juejin.cn/post/7370526031700377652): 本篇总结了一下 iOS 中常见的异常的种类，以及通过常用的框架 KSCrash 分析了异常捕获的原理和方法。----👍🏻点赞量:4 
+- [小册子之 Form、Picker、Toggle、Slider 和 Stepper 表单相关 SwiftUI 视图](https://juejin.cn/post/7369838480984408114): 以下内容已整理到小册子中，小册子代码在 Github 上，可以在 macOS 应用商店安装“戴铭的开发小册子”应用查看。----👍🏻点赞量:0 
+- [【iOS逆向与安全】iOS远程大师：通过H5后台远程查看和协助iPhone设备](https://juejin.cn/post/7369238146733850633): 在移动设备测试和远程协助的过程中，能够远程查看和协助iPhone设备是一项非常实用的功能。为了解决这一需求，我开发了一款名为**iOS远程大师**的产品，允许用户通过H5后台界面查看和协助越狱或非越狱----👍🏻点赞量:0 
+- [iOS开发之集成目标检测模型YOLOv8](https://juejin.cn/post/7370876224320618535): 本文将讲解如何使用 YOLO 训练模型，并将训练好的模型转化为 Core ML 模型，然后在 iOS 项目中使用。----👍🏻点赞量:2 
+- [如何分析 iOS 中的 Crash logs](https://juejin.cn/post/7370357521896734732): 这里每天分享一个 iOS 的新知识，快来关注我吧 前言 当你收到不可读的崩溃信息时，你可以在 Xcode 的帮助下对崩溃日志进行符号化。作为开发者，识别符号并确保能够修复这个崩溃至关重要。 我们很多开----👍🏻点赞量:0 
+- [小册子之详说 Navigation、ViewThatFits、Layout 协议等布局 SwiftUI 组件](https://juejin.cn/post/7369813870634188851): 以下内容已整理到小册子中，小册子代码在 Github 上，可以在 macOS 应用商店安装“戴铭的开发小册子”应用查看。----👍🏻点赞量:0 
+
+
+## GitHub 
+### javascript 
+- [NaiboWang/EasySpider](https://github.com/NaiboWang/EasySpider): A visual no-code/code-free web crawler/spider易采集：一个可视化浏览器自动化测试/数据采集/爬虫软件，可以无代码图形化的设计和执行爬虫任务。别名：ServiceWrapper面向Web应用的智能化服务封装系统。----总⭐️25,962; 今日⭐️2,061 
+- [trekhleb/javascript-algorithms](https://github.com/trekhleb/javascript-algorithms): 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings----总⭐️183,883; 今日⭐️645 
+- [poteto/hiring-without-whiteboards](https://github.com/poteto/hiring-without-whiteboards): ⭐️ Companies that don't have a broken hiring process----总⭐️42,149; 今日⭐️579 
+- [lencx/Noi](https://github.com/lencx/Noi): 🚀 Power Your World with AI - Explore, Extend, Empower.----总⭐️4,585; 今日⭐️668 
+- [WhiskeySockets/Baileys](https://github.com/WhiskeySockets/Baileys): Lightweight full-featured typescript/javascript WhatsApp Web API----总⭐️2,854; 今日⭐️168 
+- [plankanban/planka](https://github.com/plankanban/planka): The realtime kanban board for workgroups built with React and Redux.----总⭐️6,826; 今日⭐️232 
+- [microsoft/Web-Dev-For-Beginners](https://github.com/microsoft/Web-Dev-For-Beginners): 24 Lessons, 12 Weeks, Get Started as a Web Developer----总⭐️81,769; 今日⭐️165 
+- [mrdoob/three.js](https://github.com/mrdoob/three.js): JavaScript 3D Library.----总⭐️99,433; 今日⭐️179 
+- [hiteshchoudhary/chai-backend](https://github.com/hiteshchoudhary/chai-backend): A video series on chai aur code youtube channel----总⭐️3,390; 今日⭐️93 
+- [Admiral-Billy/Pokerogue-App](https://github.com/Admiral-Billy/Pokerogue-App): An app to play Pokerogue.net in an app window. Wow!----总⭐️161; 今日⭐️57 
+
+### vue 
+- [shiyutim/tickets](https://github.com/shiyutim/tickets): 大麦、大麦网 演唱会抢票软件，一个基于 tauri + rust + vue 调用接口的抢票软件。----总⭐️1,320; 今日⭐️143 
+- [alireza0/s-ui](https://github.com/alireza0/s-ui): An advanced Web Panel • Built for SagerNet/Sing-Box----总⭐️1,843; 今日⭐️47 
+- [nihaojob/vue-fabric-editor](https://github.com/nihaojob/vue-fabric-editor): 快图设计-基于fabric.js和Vue的开源图片编辑器，可自定义字体、素材、设计模板。fabric.js and Vue based image editor, can customize fonts, materials, design templates.----总⭐️4,107; 今日⭐️91 
+- [requarks/wiki](https://github.com/requarks/wiki): Wiki.js | A modern and powerful wiki app built on Node.js----总⭐️23,670; 今日⭐️71 
+- [1024-lab/smart-admin](https://github.com/1024-lab/smart-admin): SmartAdmin国内首个以「高质量代码」为核心，「简洁、高效、安全」快速开发平台；基于SpringBoot + Sa-Token + Mybatis-Plus 和 Vue3 + Vite5 + Ant Design Vue 4.x (同时支持JavaScript和TypeScript双版本)；满足国家三级等保要求、支持登录限制、接口数据国产加解密、高防SQL注入等一系列安全体系。----总⭐️2,313; 今日⭐️48 
+- [JhumanJ/OpnForm](https://github.com/JhumanJ/OpnForm): Beautiful Open-Source Form Builder----总⭐️1,614; 今日⭐️94 
+- [RikkaApps/websites](https://github.com/RikkaApps/websites): Websites for Rikka apps.----总⭐️118; 今日⭐️3 
+- [un-pany/v3-admin-vite](https://github.com/un-pany/v3-admin-vite): ☀️ A vue3 admin template | vue3 admin/element plus admin/vite admin/vue3 template/vue3 后台/vue3 模板/vue3 后台管理系统----总⭐️4,196; 今日⭐️68 
+- [dreamhunter2333/cloudflare_temp_email](https://github.com/dreamhunter2333/cloudflare_temp_email): CloudFlare free temp domain email 免费收发 临时域名邮箱 支持附件 IMAP SMTP----总⭐️796; 今日⭐️40 
+- [gcpaas/DataRoom](https://github.com/gcpaas/DataRoom): 🔥基于SpringBoot、MyBatisPlus、ElementUI、G2Plot、Echarts等技术栈的大屏设计器，具备目录管理、DashBoard设计、预览能力，支持MySQL、Oracle、PostgreSQL、JSON等数据集接入，对于复杂数据处理还可以使用Groovy脚本数据集，使用简单，完全免费，代码开源。----总⭐️334; 今日⭐️37 
+
+### typescript 
+- [mendableai/firecrawl](https://github.com/mendableai/firecrawl): 🔥 Turn entire websites into LLM-ready markdown or structured data. Scrape, crawl, search and extract with a single API.----总⭐️4,394; 今日⭐️1,430 
+- [nocobase/nocobase](https://github.com/nocobase/nocobase): NocoBase is a scalability-first, open-source no-code/low-code platform for building business applications and enterprise solutions.----总⭐️9,210; 今日⭐️2,134 
+- [alan2207/bulletproof-react](https://github.com/alan2207/bulletproof-react): 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.----总⭐️24,538; 今日⭐️1,168 
+- [bepass-org/oblivion-desktop](https://github.com/bepass-org/oblivion-desktop): Oblivion Desktop - Unofficial Warp Client for Windows/Mac/Linux----总⭐️2,578; 今日⭐️1,666 
+- [pagefaultgames/pokerogue](https://github.com/pagefaultgames/pokerogue): A browser based Pokémon fangame heavily inspired by the roguelite genre.----总⭐️2,398; 今日⭐️473 
+- [Canner/WrenAI](https://github.com/Canner/WrenAI): WrenAI makes your database RAG-ready. Implement Text-to-SQL more accurately and securely.----总⭐️474; 今日⭐️159 
+- [mlc-ai/web-llm](https://github.com/mlc-ai/web-llm): Bringing large-language models and chat to web browsers. Everything runs inside the browser with no server support.----总⭐️10,625; 今日⭐️620 
+- [nkzw-tech/athena-crisis](https://github.com/nkzw-tech/athena-crisis): Athena Crisis is a modern-retro turn-based tactical strategy game. Athena Crisis is open core technology.----总⭐️953; 今日⭐️347 
+- [outline/outline](https://github.com/outline/outline): The fastest knowledge base for growing teams. Beautiful, realtime collaborative, feature packed, and markdown compatible.----总⭐️25,270; 今日⭐️423 
+- [ChatGPTNextWeb/ChatGPT-Next-Web](https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web): A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。----总⭐️70,459; 今日⭐️721 
+
+### python 
+- [danielmiessler/fabric](https://github.com/danielmiessler/fabric): fabric is an open-source framework for augmenting humans using AI. It provides a modular framework for solving specific problems using a crowdsourced set of AI prompts that can be used anywhere.----总⭐️10,970; 今日⭐️901 
+- [Tencent/HunyuanDiT](https://github.com/Tencent/HunyuanDiT): Hunyuan-DiT : A Powerful Multi-Resolution Diffusion Transformer with Fine-Grained Chinese Understanding----总⭐️1,860; 今日⭐️687 
+- [likejazz/llama3.np](https://github.com/likejazz/llama3.np): llama3.np is pure NumPy implementation for Llama 3 model.----总⭐️785; 今日⭐️330 
+- [abi/screenshot-to-code](https://github.com/abi/screenshot-to-code): Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)----总⭐️52,095; 今日⭐️1,401 
+- [zhayujie/chatgpt-on-wechat](https://github.com/zhayujie/chatgpt-on-wechat): 基于大模型搭建的聊天机器人，同时支持 微信公众号、企业微信应用、飞书、钉钉 等接入，可选择GPT3.5/GPT-4o/GPT4.0/ Claude/文心一言/讯飞星火/通义千问/ Gemini/GLM-4/Claude/Kimi/LinkAI，能处理文本、语音和图片，访问操作系统和互联网，支持基于自有知识库进行定制企业智能客服。----总⭐️26,257; 今日⭐️653 
+- [Azure-Samples/chat-with-your-data-solution-accelerator](https://github.com/Azure-Samples/chat-with-your-data-solution-accelerator): A Solution Accelerator for the RAG pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences. This includes most common requirements and best practices.----总⭐️603; 今日⭐️84 
+- [OpenBMB/MiniCPM-V](https://github.com/OpenBMB/MiniCPM-V): MiniCPM-Llama3-V 2.5: A GPT-4V Level Multimodal LLM on Your Phone----总⭐️3,388; 今日⭐️1,688 
+- [weaviate/Verba](https://github.com/weaviate/Verba): Retrieval Augmented Generation (RAG) chatbot powered by Weaviate----总⭐️4,080; 今日⭐️1,445 
+- [khoj-ai/khoj](https://github.com/khoj-ai/khoj): Your AI second brain. A copilot to get answers to your questions, whether they be from your own notes or from the internet. Use powerful, online (e.g gpt4) or private, local (e.g llama3) LLMs. Self-host locally or use our web app. Access from Obsidian, Emacs, Desktop app, Web or Whatsapp.----总⭐️6,215; 今日⭐️910 
+- [truefoundry/cognita](https://github.com/truefoundry/cognita): RAG (Retrieval Augmented Generation) Framework for building modular, open source applications for production by TrueFoundry----总⭐️1,696; 今日⭐️369 
+
+### go 
+- [wailsapp/wails](https://github.com/wailsapp/wails): Create beautiful applications using Go----总⭐️22,691; 今日⭐️189 
+- [authelia/authelia](https://github.com/authelia/authelia): The Single Sign-On Multi-Factor portal for web apps----总⭐️19,999; 今日⭐️228 
+- [trustwallet/assets](https://github.com/trustwallet/assets): A comprehensive, up-to-date collection of information about several thousands (!) of crypto tokens.----总⭐️4,372; 今日⭐️15 
+- [syncthing/syncthing](https://github.com/syncthing/syncthing): Open Source Continuous File Synchronization----总⭐️60,095; 今日⭐️186 
+- [influxdata/telegraf](https://github.com/influxdata/telegraf): Agent for collecting, processing, aggregating, and writing metrics, logs, and other arbitrary data.----总⭐️13,837; 今日⭐️33 
+- [avelino/awesome-go](https://github.com/avelino/awesome-go): A curated list of awesome Go frameworks, libraries and software----总⭐️122,375; 今日⭐️463 
+- [initia-labs/initia](https://github.com/initia-labs/initia): ----总⭐️105; 今日⭐️67 
+- [golang/go](https://github.com/golang/go): The Go programming language----总⭐️120,255; 今日⭐️211 
+- [fdx-xdf/darkPulse](https://github.com/fdx-xdf/darkPulse): darkPulse是一个用go编写的shellcode Packer，用于生成各种各样的shellcode loader，目前免杀火绒，360，360核晶。----总⭐️465; 今日⭐️193 
+- [projectdiscovery/katana](https://github.com/projectdiscovery/katana): A next-generation crawling and spidering framework.----总⭐️8,831; 今日⭐️53 
+
+### rust 
+- [lencx/ChatGPT](https://github.com/lencx/ChatGPT): 🔮 ChatGPT Desktop Application (Mac, Windows and Linux)----总⭐️50,529; 今日⭐️2,644 
+- [quarylabs/quary](https://github.com/quarylabs/quary): Open-source BI for engineers----总⭐️1,915; 今日⭐️584 
+- [extrawurst/gitui](https://github.com/extrawurst/gitui): Blazing 💥 fast terminal-ui for git written in rust 🦀----总⭐️17,528; 今日⭐️427 
+- [tw93/Pake](https://github.com/tw93/Pake): 🤱🏻 Turn any webpage into a desktop app with Rust. 🤱🏻 利用 Rust 轻松构建轻量级多端桌面应用----总⭐️23,515; 今日⭐️218 
+- [gleam-lang/gleam](https://github.com/gleam-lang/gleam): ⭐️ A friendly language for building type-safe, scalable systems!----总⭐️15,713; 今日⭐️235 
+- [mainmatter/100-exercises-to-learn-rust](https://github.com/mainmatter/100-exercises-to-learn-rust): A self-paced course to learn Rust, one exercise at a time.----总⭐️2,207; 今日⭐️2,065 
+- [HigherOrderCO/Bend](https://github.com/HigherOrderCO/Bend): A massively parallel, high-level programming language----总⭐️14,045; 今日⭐️13,456 
+- [rust-lang/rustlings](https://github.com/rust-lang/rustlings): 🦀 Small exercises to get you used to reading and writing Rust code!----总⭐️50,111; 今日⭐️312 
+- [YaLTeR/niri](https://github.com/YaLTeR/niri): A scrollable-tiling Wayland compositor.----总⭐️2,266; 今日⭐️149 
+- [roc-lang/roc](https://github.com/roc-lang/roc): A fast, friendly, functional language.----总⭐️3,711; 今日⭐️55 
+
+### object-c 
+- [schacon/blink](https://github.com/schacon/blink): Example file to blink the LED on an Arduino----总⭐️97; 今日⭐️0 
+- [amowu/arduimo](https://github.com/amowu/arduimo): Amo + Arduino = Arduimo----总⭐️6; 今日⭐️0 
+- [prisonerjohn/FBZ-BEAT](https://github.com/prisonerjohn/FBZ-BEAT): ----总⭐️3; 今日⭐️0 
+
+### css 
+- [tobychui/zoraxy](https://github.com/tobychui/zoraxy): A general purpose HTTP reverse proxy and forwarding tool. Now written in Go!----总⭐️1,733; 今日⭐️664 
+- [bradtraversy/50projects50days](https://github.com/bradtraversy/50projects50days): 50+ mini web projects using HTML, CSS & JS----总⭐️34,805; 今日⭐️98 
+- [yakimka/python_interview_questions](https://github.com/yakimka/python_interview_questions): Вопросы для подготовки к интервью на позицию Python Developer----总⭐️1,423; 今日⭐️16 
+- [thewhiteh4t/seeker](https://github.com/thewhiteh4t/seeker): Accurately Locate Smartphones using Social Engineering----总⭐️6,563; 今日⭐️38 
+- [Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-): It is an online platform based on providing healthcare facilites to the user and information regarding hospital like availability of beds, total number of patients,,helping user to prebook appointments for OPD ,check availability of blood groups in hospitals and many more .----总⭐️72; 今日⭐️21 
+- [opera-gaming/gxmods](https://github.com/opera-gaming/gxmods): Documentation for GX mods----总⭐️729; 今日⭐️5 
+- [Omkar-Sonawane-23/Maa-Vimala](https://github.com/Omkar-Sonawane-23/Maa-Vimala): ----总⭐️59; 今日⭐️16 
+- [primefaces/primeng](https://github.com/primefaces/primeng): The Most Complete Angular UI Component Library----总⭐️9,571; 今日⭐️22 
+- [CSEdgeOfficial/learn.csedge.courses](https://github.com/CSEdgeOfficial/learn.csedge.courses): This is a blog for the CSEdge which consists simple articles on different tech things how to do? and what to do?----总⭐️50; 今日⭐️14 
+- [spring-projects/spring-petclinic](https://github.com/spring-projects/spring-petclinic): A sample Spring-based application----总⭐️7,298; 今日⭐️20 
+
+
diff --git a/docs/menu.md b/docs/menu.md
index 8be6b58b..b0b13441 100644
--- a/docs/menu.md
+++ b/docs/menu.md
@@ -10,6 +10,7 @@ title: 目录
 [//]: # (year comment)
 ## 2024
 [//]: # (day comment)
+- [2024-05-24](/2024/2024-05-24)：2024-05-24的文章合集
 - [2024-04-28](/2024/2024-04-28)：2024-04-28的文章合集
 - [2024-04-19](/2024/2024-04-19)：2024-04-19的文章合集
 - [2024-04-12](/2024/2024-04-12)：2024-04-12的文章合集