diff --git a/docs/2024/2024-06-16.md b/docs/2024/2024-06-16.md
new file mode 100644
index 00000000..c13ff05c
--- /dev/null
+++ b/docs/2024/2024-06-16.md
@@ -0,0 +1,319 @@
+
+收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此
+
+每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀
+## CSDN 
+### 数据结构与算法 
+- [基于MATLAB仿真的BCC卷积码维特比译码算法](https://blog.csdn.net/m0_73019469/article/details/139646143): king_machine design-基于MATLAB仿真的BCC卷积码维特比译码算法----🔥 热度:17621 
+- [支持向量机（SVM）中核函数的本质意义](https://blog.csdn.net/u013600306/article/details/139707399): phoenix@Capricornus-支持向量机（SVM）中核函数的本质意义----🔥 热度:11834 
+- [贪心算法学习四](https://blog.csdn.net/2301_79881188/article/details/139573687): 别致的影分身-贪心算法学习四----🔥 热度:10495 
+- [模式识别实验一：C-均值聚类算法](https://blog.csdn.net/LZQW20/article/details/139572697): IOLZQ-模式识别实验一：C-均值聚类算法----🔥 热度:8623 
+- [离散傅里叶变换（DFT）及其逆变换实验（按照下面的IDFT 算法编写MATLAB语言IFFT 程序，其中的FFT部分不用写出清单，可调用fft函数。对三角序列FFT和IFFT,验证所编程序。）](https://blog.csdn.net/m0_58209778/article/details/139679471): m0_58209778-离散傅里叶变换（DFT）及其逆变换实验（按照下面的IDFT 算法编写MATLAB语言IFFT 程序，其中的FFT部分不用写出清单，可调用fft函数。对三角序列FFT和IFFT,验证所编程序。）----🔥 热度:8588 
+
+### javascript 
+- [Vue 3 中的状态管理：使用 reactive 函数实现组件间通信和状态管理](https://blog.csdn.net/sky6862/article/details/139706888): 山川湖海-Vue 3 中的状态管理：使用 reactive 函数实现组件间通信和状态管理----🔥 热度:24985 
+- [如何在React组件中实现父子组件之间的通信？](https://blog.csdn.net/weixin_44714345/article/details/139706046): 极客前端探索者-如何在React组件中实现父子组件之间的通信？----🔥 热度:21150 
+- [React Hooks小记(一)_useState](https://blog.csdn.net/weixin_61791370/article/details/139679655): 起风的秋天@-React Hooks小记(一)_useState----🔥 热度:21111 
+- [Electron+vite+vuetify项目搭建](https://blog.csdn.net/wangmy1988/article/details/139709817): FireFrame-Electron+vite+vuetify项目搭建----🔥 热度:19912 
+- [vue js原生上传图片前压缩方法](https://blog.csdn.net/beyond520lin/article/details/139699410): beyondjxx-vue js原生上传图片前压缩方法----🔥 热度:19030 
+
+### java 
+- [java：spring actuator扩展原有info endpoint的功能](https://blog.csdn.net/chenhz2284/article/details/139707223): 陈鸿圳-java：spring actuator扩展原有info endpoint的功能----🔥 热度:19681 
+- [【idea】解决springboot项目中遇到的问题](https://blog.csdn.net/qq_45956730/article/details/139704391): 水w-【idea】解决springboot项目中遇到的问题----🔥 热度:19434 
+- [基于Java+SpringBoot+Mysql在线众筹系统设计与实现](https://blog.csdn.net/jinku7662_/article/details/139702011): 猿来入此金库-基于Java+SpringBoot+Mysql在线众筹系统设计与实现----🔥 热度:19264 
+- [技术周总结2024.06.10～06.16(AI Agent,Maven, Idea)](https://blog.csdn.net/xinkuaile/article/details/139686656): 打破砂锅问到底007-技术周总结2024.06.10～06.16(AI Agent,Maven, Idea)----🔥 热度:19243 
+- [Java web应用性能分析之【prometheus+Grafana监控springboot服务和服务器监控】](https://blog.csdn.net/Rookie_CEO/article/details/139434063): -无-为--Java web应用性能分析之【prometheus+Grafana监控springboot服务和服务器监控】----🔥 热度:18844 
+
+### php 
+- [【PHP开发工程师系统性教学】——thinkPHP的分页操作，不管有几页，用这个你想分几页就分几页](https://blog.csdn.net/2301_77628600/article/details/139661016): 曼亿点-【PHP开发工程师系统性教学】——thinkPHP的分页操作，不管有几页，用这个你想分几页就分几页----🔥 热度:11267 
+- [【网络协议栈】TCP/IP相关知识点收集](https://blog.csdn.net/YZJincsdn/article/details/139701490): CodeWithMe-【网络协议栈】TCP/IP相关知识点收集----🔥 热度:9880 
+- [华为---静态路由-浮动静态路由及负载均衡（二）](https://blog.csdn.net/weixin_43773979/article/details/139665601): 心为你而跳-华为---静态路由-浮动静态路由及负载均衡（二）----🔥 热度:9754 
+- [增值税发票OCR识别API在Java、Python、PHP中的使用教程](https://blog.csdn.net/Mtxxd/article/details/139681690): Mtxxd-增值税发票OCR识别API在Java、Python、PHP中的使用教程----🔥 热度:9352 
+- [TCP-拥塞控制](https://blog.csdn.net/weixin_74798742/article/details/139705707): cliff，-TCP-拥塞控制----🔥 热度:9278 
+
+### python 
+- [sklearn、tensorflow、keras区别与联系--九五小庞](https://blog.csdn.net/qq_37241964/article/details/139656571): Up九五小庞-sklearn、tensorflow、keras区别与联系--九五小庞----🔥 热度:34072 
+- [【python】Sklearn—Cluster](https://blog.csdn.net/bryant_meng/article/details/139710620): bryant_meng-【python】Sklearn—Cluster----🔥 热度:22836 
+- [跟着AI学AI_11 PyTorch, TensorFlow 和JAX 功能对比简介](https://blog.csdn.net/Uman/article/details/139635593): MaraSun-跟着AI学AI_11 PyTorch, TensorFlow 和JAX 功能对比简介----🔥 热度:20868 
+- [python+flask在线考务系统-课堂测验系统django](https://blog.csdn.net/QQ242219979/article/details/139663161): QQ242219979-python+flask在线考务系统-课堂测验系统django----🔥 热度:20752 
+- [用Tensorflow API:tf.keras搭建网络八股：六步法](https://blog.csdn.net/2301_81866263/article/details/139608293): 凡骨修IT-用Tensorflow API:tf.keras搭建网络八股：六步法----🔥 热度:19141 
+
+### 运维 
+- [企业化运维(3)_PHP、nginx结合php-fpm、memcache、openresty、goaccess日志可视化](https://blog.csdn.net/weixin_46927961/article/details/139688798): UDDD--企业化运维(3)_PHP、nginx结合php-fpm、memcache、openresty、goaccess日志可视化----🔥 热度:16811 
+- [Linux Centos 环境下搭建RocketMq集群（双主双从）](https://blog.csdn.net/gonghua0502/article/details/139703380): 右手嘚温暖-Linux Centos 环境下搭建RocketMq集群（双主双从）----🔥 热度:16603 
+- [Linux部署FTP服务](https://blog.csdn.net/qq_33906471/article/details/139648812): 畅云客-Linux部署FTP服务----🔥 热度:15650 
+- [linux 关闭nagle算法](https://blog.csdn.net/shumeizwb/article/details/139708959): 无心六神通-linux 关闭nagle算法----🔥 热度:15173 
+- [CentOS 7上部署Nginx](https://blog.csdn.net/Pth_you/article/details/139673795): Pth_you-CentOS 7上部署Nginx----🔥 热度:14663 
+
+### 移动开发 
+- [由于一个完整的App代码涉及到多个文件和组件，而且不同平台的App开发语言和技术栈是不同的（如iOS的Swift/Objective-C，Android的Java/Kotlin，跨平台的React N](https://blog.csdn.net/GregAcheson/article/details/139579431): 代码探索者q-由于一个完整的App代码涉及到多个文件和组件，而且不同平台的App开发语言和技术栈是不同的（如iOS的Swift/Objective-C，Android的Java/Kotlin，跨平台的React N----🔥 热度:27034 
+- [生成一个完整的App代码对于不同的平台（如iOS、Android、Web等）和不同的编程语言（如Swift、Java、Kotlin、React Native、Flutter等）会大不相同。由于篇幅限制](https://blog.csdn.net/CrystalLawson/article/details/139617469): CrystalLawson-生成一个完整的App代码对于不同的平台（如iOS、Android、Web等）和不同的编程语言（如Swift、Java、Kotlin、React Native、Flutter等）会大不相同。由于篇幅限制----🔥 热度:23998 
+- [创建一个完整的APP需要涉及多个文件和多种技术，且具体实现会根据所选的平台（如iOS、Android、Web等）和技术栈（如React Native、Flutter、Swift、Kotlin等）有所不](https://blog.csdn.net/SherryMacadam/article/details/139548311): 编程小智星-创建一个完整的APP需要涉及多个文件和多种技术，且具体实现会根据所选的平台（如iOS、Android、Web等）和技术栈（如React Native、Flutter、Swift、Kotlin等）有所不----🔥 热度:22066 
+- [mac下Xcode在iphone真机上测试运行iOS软件](https://blog.csdn.net/joey_ro/article/details/139699492): joey小天使-mac下Xcode在iphone真机上测试运行iOS软件----🔥 热度:21767 
+- [由于一个完整的App代码涉及多个层面（如前端、后端、数据库等），并且不同的操作系统（如iOS、Android）和平台（如React Native、Flutter、Xamarin等）有不同的实现方式，因](https://blog.csdn.net/MildredStowe/article/details/139577013): MildredStowe-由于一个完整的App代码涉及多个层面（如前端、后端、数据库等），并且不同的操作系统（如iOS、Android）和平台（如React Native、Flutter、Xamarin等）有不同的实现方式，因----🔥 热度:20072 
+
+### c/c++ 
+- [CS247— 2 (Spring 2023)C/C++](https://blog.csdn.net/ggcy33c/article/details/139705290): ggcy33c-CS247— 2 (Spring 2023)C/C++----🔥 热度:16698 
+- [C/C++ Adaline自适应线性神经网络算法详解及源码](https://blog.csdn.net/qq_30247949/article/details/139701316): 猿来如此yyy-C/C++ Adaline自适应线性神经网络算法详解及源码----🔥 热度:16454 
+- [3002：【例2.2】你好世界（Scratch、C、C++）](https://blog.csdn.net/dllglvzhenfeng/article/details/139663674): dllglvzhenfeng-3002：【例2.2】你好世界（Scratch、C、C++）----🔥 热度:16069 
+- [C++ 高性能爬虫](https://blog.csdn.net/qq_30220519/article/details/139567969): 码力码力我爱你-C++ 高性能爬虫----🔥 热度:12507 
+- [编程精粹—— Microsoft 编写优质无错 C 程序秘诀 01：假想的编译器](https://blog.csdn.net/zhzht19861011/article/details/139680199): 研究是为了理解-编程精粹—— Microsoft 编写优质无错 C 程序秘诀 01：假想的编译器----🔥 热度:8946 
+
+
+## 掘金 
+### 前端 
+- [五年React手，竟被一个用Ruoyi的Java佬给秒了，这不完了么](https://juejin.cn/post/7378891290809090085): 被秒了， 一个Java摸鱼手，随便用用若依就搞出来一个交互良好，功能强大的管理后台，这让我这个一直用React写管理后台的前端工，很尴尬啊，一下就变小丑了。----👍🏻点赞量:176 
+- [离职前同事将下载大文件功能封装成了npm包，赚了145块钱](https://juejin.cn/post/7379524605104848946): 这几天有个同事离职了，本来那是last day，还有半个小时，但他还在那里勤勤恳恳的写着代码。我很好奇，就问：老张，你咋还不做好准备，都要撤了，还奋笔疾书呐。他说：等会儿和你说。 下载大文件版 比如我----👍🏻点赞量:76 
+- [不得不安利的富文本编辑器，太赞了！](https://juejin.cn/post/7377662459921006629): hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，最近也在迭代可视化文档知识引擎Nocode/WEP。在研究文档编辑器的时候也发现了很多优秀的开源项目，从中吸取----👍🏻点赞量:75 
+- [vue3+vite插件开发](https://juejin.cn/post/7377561821219848192): 插件开发目的:由于我司使用的前端技术栈为vue3+ts+vite2.X+axios,在前端代码框架设计初期,做了把axios挂载到proxy对象上的操作,具体可见我的另一篇文章 https://blo----👍🏻点赞量:25 
+- [现代 CSS 解决方案：全尺寸的带圆角的渐变边框](https://juejin.cn/post/7379159550325030923): 在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像----👍🏻点赞量:61 
+- [基于wujie的解决方案来简单聊聊微前端 （2022年团队内分享PPT）](https://juejin.cn/post/7377567987119620147): 因为目前有时间了，所以在整理一下自己这几年写过的一些东西的相关文档，准备把一些东西改一下发出来，有的内容可能并不复杂，甚至有点浅显，但是也是对自己这几年的一些复盘和总结了----👍🏻点赞量:31 
+- [JS类型转换面试题：[] == ![] 为true? ](https://juejin.cn/post/7378028569690390569): 前言 OK,又是在学习的路上遇到了难点，今天拿来分享一哈。ok，话不多说，开始分享。 下面是一道面试题 你觉得上面的值打印为多少？我告诉你，打印的结果是true。----👍🏻点赞量:53 
+- [一起走走this关键字走过的路——this的指向问题](https://juejin.cn/post/7377694677275344896): 小美是一个白富美，她想在代码美如画的程序员小金面前介绍自己——你好，我叫小美，我今年十八岁，上得厅堂下得厨房，能当爸也能当妈，会赚钱也很顾家。这样小金就被深深吸引，然后嫁入豪门......小红也是白----👍🏻点赞量:48 
+
+### 前端-JavaScript 
+- [离职前同事将下载大文件功能封装成了npm包，赚了145块钱](https://juejin.cn/post/7379524605104848946): 这几天有个同事离职了，本来那是last day，还有半个小时，但他还在那里勤勤恳恳的写着代码。我很好奇，就问：老张，你咋还不做好准备，都要撤了，还奋笔疾书呐。他说：等会儿和你说。 下载大文件版 比如我----👍🏻点赞量:76 
+- [现代 CSS 解决方案：全尺寸的带圆角的渐变边框](https://juejin.cn/post/7379159550325030923): 在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像----👍🏻点赞量:61 
+- [基于wujie的解决方案来简单聊聊微前端 （2022年团队内分享PPT）](https://juejin.cn/post/7377567987119620147): 因为目前有时间了，所以在整理一下自己这几年写过的一些东西的相关文档，准备把一些东西改一下发出来，有的内容可能并不复杂，甚至有点浅显，但是也是对自己这几年的一些复盘和总结了----👍🏻点赞量:31 
+- [JS类型转换面试题：[] == ![] 为true? ](https://juejin.cn/post/7378028569690390569): 前言 OK,又是在学习的路上遇到了难点，今天拿来分享一哈。ok，话不多说，开始分享。 下面是一道面试题 你觉得上面的值打印为多少？我告诉你，打印的结果是true。----👍🏻点赞量:53 
+- [一起走走this关键字走过的路——this的指向问题](https://juejin.cn/post/7377694677275344896): 小美是一个白富美，她想在代码美如画的程序员小金面前介绍自己——你好，我叫小美，我今年十八岁，上得厅堂下得厨房，能当爸也能当妈，会赚钱也很顾家。这样小金就被深深吸引，然后嫁入豪门......小红也是白----👍🏻点赞量:48 
+- [Taro 源码揭秘 - 2. 揭开整个架构的插件系统的秘密](https://juejin.cn/post/7380195796208205824): 1. 如何合并预设插件集合和插件（CLI、用户项目（config/index.ts）、全局插件） 2. 插件是如何注册的 3. 插件如何调用的 等等----👍🏻点赞量:33 
+- [让面试官眼前一亮的防抖](https://juejin.cn/post/7379053389248626703): 防抖 前段时间发布了一篇关于手写防抖的文章，今天想来做一个提升，让各位全面理解防抖节流。 什么是防抖 我们写了一个简单页面，当鼠标经过容器，页面的count计数就会加一，并把这个count插入到页面中----👍🏻点赞量:36 
+- [拿捏canvas，从实现环形进度条与随机验证码开始](https://juejin.cn/post/7378014138138886195): canvas是HTNL5中才引入的元素。canvas元素为网页提供了可以通过JavaScript完成绘画的画布。可通过编写canvas元素脚本在网页上生成动态图形和复杂的视觉效果。----👍🏻点赞量:35 
+
+### 前端-Vue.js 
+- [vue3+vite插件开发](https://juejin.cn/post/7377561821219848192): 插件开发目的:由于我司使用的前端技术栈为vue3+ts+vite2.X+axios,在前端代码框架设计初期,做了把axios挂载到proxy对象上的操作,具体可见我的另一篇文章 https://blo----👍🏻点赞量:25 
+- [在Vue3中高级前端是这样给按钮添加loading效果的](https://juejin.cn/post/7378893690145816612): 前言 一个页面有多个按钮，每个按钮都要添加loading效果，高级前端是如何在Vue3控制按钮是否显示loading效果的呢？----👍🏻点赞量:17 
+- [第二十节:带你梳理Vue2:Vue子组件向父组件传参(事件传参)](https://juejin.cn/post/7377697380215078949): 梳理vue2 中 子组件向父组件传参方式. 通过自定义事件, 在父组件使用子组件的组件标签上绑定自定义事件. 子组件内触发这个定义事件, 并通过事件参数向父组件传递参数----👍🏻点赞量:0 
+- [vue3+vite项目自动转换 px 为 rem](https://juejin.cn/post/7379160957753802793): 在前端开发中，会遇到需要适配不同屏幕分辨率的情况，因此考虑编译时自动将项目中的 px 转换为 rem。本文介绍通过配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。----👍🏻点赞量:5 
+- [有点东西，template可以直接使用setup语法糖中的变量原来是因为这个](https://juejin.cn/post/7379569983128862735): 我们每天写vue3代码的时候都会使用到setup语法糖，那你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢？setup语法糖是如何编译成setup函数的呢？----👍🏻点赞量:9 
+- [关于Vue3的setup attribute标识是否是一个值得使用的语法糖？](https://juejin.cn/post/7377925587040567337): 本文重点要讨论的一个地方是关于`<script setup>`用法问题，关于是否值的使用提出点意见.----👍🏻点赞量:3 
+- [几行代码，优雅的避免接口重复请求！同事都说好！](https://juejin.cn/post/7380185173689204746): 背景简介 我们日常开发中，经常会遇到点击一个按钮或者进行搜索时，请求接口的需求。 如果我们不做优化，连续点击按钮或者进行搜索，接口会重复请求。 那么，我们该如何规避这种问题呢？ 如何避免接口重复请求 ----👍🏻点赞量:19 
+- [用VUE3做个PDF动态合同表单（含编辑+渲染）](https://juejin.cn/post/7379995743883624485): pdf-signature: VUE版本的PDF合同电子签（含生成端+渲染端）。可实现预定义表单，配合Schema 渲染联动业务数据----👍🏻点赞量:17 
+
+### 前端-面试 
+- [JS类型转换面试题：[] == ![] 为true? ](https://juejin.cn/post/7378028569690390569): 前言 OK,又是在学习的路上遇到了难点，今天拿来分享一哈。ok，话不多说，开始分享。 下面是一道面试题 你觉得上面的值打印为多少？我告诉你，打印的结果是true。----👍🏻点赞量:53 
+- [一起走走this关键字走过的路——this的指向问题](https://juejin.cn/post/7377694677275344896): 小美是一个白富美，她想在代码美如画的程序员小金面前介绍自己——你好，我叫小美，我今年十八岁，上得厅堂下得厨房，能当爸也能当妈，会赚钱也很顾家。这样小金就被深深吸引，然后嫁入豪门......小红也是白----👍🏻点赞量:48 
+- [历时一个多月，拿了3个offer上岸了！](https://juejin.cn/post/7378028569689473065): 2024年五一后我又重新走上求职之路，历时一个多月拿了3个offer上岸了，offer情况如下： 深圳某私企，数字人方向（前端+----👍🏻点赞量:19 
+- [让面试官眼前一亮的防抖](https://juejin.cn/post/7379053389248626703): 防抖 前段时间发布了一篇关于手写防抖的文章，今天想来做一个提升，让各位全面理解防抖节流。 什么是防抖 我们写了一个简单页面，当鼠标经过容器，页面的count计数就会加一，并把这个count插入到页面中----👍🏻点赞量:36 
+- [懒加载：优化图片加载的性能技巧](https://juejin.cn/post/7379423024556982307): 描述了图片懒加载的布局逻辑和交互逻辑。将img标签src属性值设置为同一个图片的url，将真正的图片url存储在data-src属性中，以及通过监听滚轮滚动事件来触发懒加载函数。最后通过节流优化性能。----👍🏻点赞量:35 
+- [js中的包装类](https://juejin.cn/post/7377697380215210021): 前言 在了解包装类之前我们先提一下在JavaScript中有哪些数据类型： 1. 基本数据类型（原始类型） Undefined: 表示变量已被声明但没有被赋值。 Null: 表示一个空对象指针，用于表----👍🏻点赞量:31 
+- [js中的数据类型、数据类型判断、数据类型转换，一篇全搞定！](https://juejin.cn/post/7379092541025452084): 今天我们要聊聊在js中的各个**数据类型**的区别，各自的功能，以及如何精确地**判断数据类型**，还有怎样将数据**类型转换**为另一种数据类型。----👍🏻点赞量:31 
+- [我用coze做了一个奥特曼AI应用，送给童年的自己。](https://juejin.cn/post/7378143151888302114): 希望通过这篇文章能对你理解`coze和图像流的基本使用`有所帮助，本人水平有限难免会有纰漏，欢迎大家指正。如觉得这篇文章对你有帮助的话，欢迎点赞收藏加关注，感谢支持🌹🌹。----👍🏻点赞量:30 
+
+### 前端-React.js 
+- [五年React手，竟被一个用Ruoyi的Java佬给秒了，这不完了么](https://juejin.cn/post/7378891290809090085): 被秒了， 一个Java摸鱼手，随便用用若依就搞出来一个交互良好，功能强大的管理后台，这让我这个一直用React写管理后台的前端工，很尴尬啊，一下就变小丑了。----👍🏻点赞量:176 
+- [【ahooks源码解读05】useSet和useMap](https://juejin.cn/post/7378146751067668495): ahooks对useSet，useMap封装的初衷就在于简化 React 应用中对这两种数据结构的运用，通过useMemoizedFn对操作函数进行优化，确保函数引用的稳定性，优化开发体验----👍🏻点赞量:2 
+- [React 19 总览](https://juejin.cn/post/7379416139975721023): 最近 React 发布了 V19 RC 版本，按照惯例，我们对 React 19 的新特性进行一次深度的体验学习，以便尽快上手新特性。 这篇文章，我会通过丰富的示例，演示 React 19 的新特性。----👍🏻点赞量:3 
+- [做了4年的零代码平台，准备出海了](https://juejin.cn/post/7380274613186953235): 嗨，大家好，我是徐小夕。 之前一直在社区分享零代码&低代码的技术实践，也陆陆续续设计并开发了多款可视化搭建产品，比如： H5-Dooring（页面可视化搭建平台） V6.Dooring（可视化大屏搭建----👍🏻点赞量:6 
+- [H5端高德地图海量点渲染性能优化实践](https://juejin.cn/post/7378452954221150218):  > 作者：王宇 ## 一、背景 最近在做一个项目的重构，其中需要重构一个 `H5` 端的地图，该地图使用高德 `JS-SDK` 实现并进行海量点的渲染，历史的实现存在一些性能问题，在低端机型上会----👍🏻点赞量:17 
+- [🔥🚀 大数据列表渲染优化：前端实战经验让性能飙升50%，页面速度提升95%](https://juejin.cn/post/7380185173689516042): 思路：如何通过虚拟化技术和 Intersection Observer，实现前端渲染性能飙升 50% 的突破，页面渲染速度提升 95% ！----👍🏻点赞量:4 
+- [不要再说搞不清 React 架构了（上）](https://juejin.cn/post/7379958792724676627): 影响快速响应的瓶颈来自 CPU 和 IO，React 15 的同步递归交替更新容易产生不完全的 DOM，React 16 的可中断异步更新的 Fiber 架构突破了老架构的困境。----👍🏻点赞量:2 
+- [🚀手写一个JSON可视化工具](https://juejin.cn/post/7379060488351268874): 前言 JSON 平时大家都会用到，都不陌生，今天就一起来实现一个 JSON 的可视化工具。 大概长成下面的样子： 树展示 相比于现有的一些 JSON 格式化工具，我们今天制作的这个小工具会把 JSON----👍🏻点赞量:15 
+
+### 前端-CSS 
+- [现代 CSS 解决方案：全尺寸的带圆角的渐变边框](https://juejin.cn/post/7379159550325030923): 在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像----👍🏻点赞量:61 
+- [用 Stylus 优化你的 CSS](https://juejin.cn/post/7379446118990233637): Stylus 是一种动态的、基于节点的样式表预处理器，它允许你使用更加简洁的语法编写 CSS 代码。----👍🏻点赞量:28 
+- [快收藏！4种大厂常用的CSS命名法(Ⅰ)：BEM](https://juejin.cn/post/7377683176229224475): 为了使得CSS开发更加规范，目前有很多流行的命名方法论在尝试在选择器命名层面上解决问题。这篇文章将带领读者了解BEM命名方法论，并通过复刻WeUI的组件预览界面让读者深刻领略到其命名思想。----👍🏻点赞量:21 
+- [💥图片碎片化展示-Javascript](https://juejin.cn/post/7379856289487831074): 通过简单的Javascript操作，让你的图片碎片化出场与众不同，炫酷出天际，赶紧来瞧瞧吧~快收藏分享起来~嘿嘿。----👍🏻点赞量:26 
+- [超常用！4种大厂常用的CSS命名法(Ⅱ)：OOCSS（面向对象CSS）](https://juejin.cn/post/7378014138138230835): OOCSS (Object-Oriented CSS) 是由 Nicole Sullivan 提出的一种 CSS 编写方法论。顾名思义，OOCSS就是面向对象的CSS，其核心思想就是面向对象编程。----👍🏻点赞量:24 
+- [🌷Windi CSS🌷的入门使用，看这一篇就够了！](https://juejin.cn/post/7378143151888252962): Windi CSS是一个高效、现代化的工具，用于快速构建响应式和可维护的CSS样式。它基于Just-in-Time原则，能够在开发过程中动态生成所需的CSS，避免了不必要的样式文件，让你的项目更加轻量----👍🏻点赞量:6 
+- [css添加父元素的时候怎么让内元素能够继续滚动](https://juejin.cn/post/7380486156212846607): css添加父元素的时候怎么让内元素能够继续滚动 当你给一个元素添加父元素的时候，如果你想让内元素继续能够滚动，你需要确保父元素的滚动行为不会阻止这个能力。这可以通过设置父元素的CSS样式来实现。----👍🏻点赞量:0 
+- [百度界面常考题：手风琴效果实现](https://juejin.cn/post/7378440102786203659): 本文将引导你了解如何利用HTML、CSS（通过Stylus预处理器）实现一个基本的手风琴效果，并简要介绍Stylus这一强大的CSS预处理器的特点及使用方法。在编译css的时候能达到快速编译的代码，接----👍🏻点赞量:20 
+
+### 前端-Node.js 
+- [Taro 源码揭秘 - 2. 揭开整个架构的插件系统的秘密](https://juejin.cn/post/7380195796208205824): 1. 如何合并预设插件集合和插件（CLI、用户项目（config/index.ts）、全局插件） 2. 插件是如何注册的 3. 插件如何调用的 等等----👍🏻点赞量:33 
+- [Node.js 正在衰退吗？通过一些关键指标告诉你事实如何！](https://juejin.cn/post/7379667550505304075): 关于 Node.js 衰退的传言被大大夸大了。Node.js 不仅不会消失，而且正在积极进化以满足现代 Web 开发的需求----👍🏻点赞量:13 
+- [前端小白也能懂：ES模块和CommonJS的那些事](https://juejin.cn/post/7377798028462866432): 在JavaScript的世界中，模块化是构建大型应用的关键。ES模块（ESM）和CommonJS是两种主流的模块系统，它们各自有着不同的特性和使用场景。你了解它们的区别吗？----👍🏻点赞量:10 
+- [汝为傀儡，吾来操纵(🍄Puppeteer🍄)](https://juejin.cn/post/7379512671617679412): Puppeteer是一个由Google开发的Node库，提供了一组用于控制Chrome浏览器的API，可以实现自动化操作浏览器的功能。无论是生成页面截图、执行自动化测试、爬取网页数据等等----👍🏻点赞量:21 
+- [你真的会node操作数据库吗？考虑过sql注入吗](https://juejin.cn/post/7377664582730678291): 在 Node.js 中，操作数据库是一项常见的任务。开发者可以使用各种数据库，包括关系型数据库（如 MySQL、PostgreSQL）和 NoSQL 数据库（如 MongoDB、Redis）----👍🏻点赞量:6 
+- [node爬............虫与sequelize使用（为什么一提爬虫就是豆瓣）](https://juejin.cn/post/7377925587039633449): 前言 爬虫大家应该都不陌生，通过一系列操作去爬取网页上的数据，最近也是在学习node数据库，下面就简单介绍一下，顺便爬取豆瓣读书的部分书籍名字图片作者等...（为什么提到爬虫就爬豆瓣呢）,只作为练习----👍🏻点赞量:2 
+- [爬虫：从传统编程到AIGC](https://juejin.cn/post/7377741132825215012): 引言 随着人工智能技术的飞跃式发展，特别是生成式AI（AIGC）的兴起，爬虫技术正迎来一场前所未有的变革。本文将探讨传统编程下的爬虫技术，随后揭示AIGC如何为爬虫技术赋能，提升爬虫的效率与智能化水平----👍🏻点赞量:29 
+- [传统前后端如何引入AI成为AI全栈项目？一个demo让你彻底理解](https://juejin.cn/post/7379806770363711515): 前言 曾经也想在自己的传统项目中引入ai，让自己的项目变得“聪明起来”，奈何苦于生不逢时，但现如今，2024AI元年的到来，一切皆有可能，手里有AI，一切可可能。接下来就以一个实战demo，让你彻底理----👍🏻点赞量:22 
+
+### 前端-后端 
+- [2500字深度解析JavaScript 类型检测：typeof、instanceof与Object.prototype.toString()](https://juejin.cn/post/7378146751067537423): `Object.prototype.toString()` 是JavaScript中一个非常强大且灵活的方法，用于获取一个对象的类型信息。这个方法最初设计用于生成对象的字符串表示，但通过覆盖，它可以被----👍🏻点赞量:31 
+- [🎉 2024年5月【创作者训练营】开奖公示](https://juejin.cn/post/7380163683009527871): 🎉2024年5月创作者训练营活动正式落幕，感谢大家一个月多的陪伴与支持！ 本期活动共有 570+ 位用户参与发文挑战，累计贡献了 2700 篇优秀的技术文章；感谢每位掘友的付出----👍🏻点赞量:12 
+- [# WWDC 24 新特性概览：iOS18、Macos &AI 内附完整中英视频](https://juejin.cn/post/7378015213348716607): 这次 WWDC 24 发布的更新真是无比丰富！让我们来详细看看每个主要更新内容： iOS 18 Homescreen： 支持不连续位置的放置 App icon 和 widget。 对 App icon----👍🏻点赞量:3 
+- [一文了解 WWDC2024 重要更新](https://juejin.cn/post/7378328335036612647): Ultrawide Mac 显示器在 visionOS 2 中的展现 这就是 visionOS 2 Apple Vision Pro即将进驻这些国家! 有关 iOS 18 新的控制中心 深色模式中的深----👍🏻点赞量:4 
+- [我实现了拖拽式上传文件的效果（下）](https://juejin.cn/post/7377794126098513960): 前言 我们上半部分向大家详细地介绍了怎么样拖拽文件达到和默认提交文件的效果，这里我们将后端与前端联调，来完成这最后一步！ 后端部分 准备工作 我们导入两个库，分别是cors，express，大家待会就----👍🏻点赞量:14 
+- [Nest 实现接口多版本管理](https://juejin.cn/post/7379509948902473779): 本文详细介绍了在 NestJS 框架中如何实现接口的多版本管理。如何启用接口版本控制功能并设置版本信息传递方式。还展示了如何在控制器中指定接口版本，并提供了创建版本中立接口的方法。----👍🏻点赞量:3 
+- [我实现了拖拽式上传文件的效果（上）](https://juejin.cn/post/7378046072952225826): 前言 前端+Node全栈开发融合了网页的前端交互与后端逻辑处理，开启了全新时代的开发模式。在这个领域，开发者不仅掌握HTML、CSS、JavaScript等前端技术，构建美观且响应式的用户界面，还利用----👍🏻点赞量:14 
+- [Nest 实现国际化](https://juejin.cn/post/7379496229725257767): 本文详细介绍了在 Nest 框架中实现国际化功能的步骤。包含安装依赖，如何配置 I18nModule，包括设置默认语言、加载器选项和解析器，添加国际化资源包，并修改 AppService 以使用国际化----👍🏻点赞量:3 
+
+### 前端-TypeScript 
+- [五年React手，竟被一个用Ruoyi的Java佬给秒了，这不完了么](https://juejin.cn/post/7378891290809090085): 被秒了， 一个Java摸鱼手，随便用用若依就搞出来一个交互良好，功能强大的管理后台，这让我这个一直用React写管理后台的前端工，很尴尬啊，一下就变小丑了。----👍🏻点赞量:176 
+- [vue3+vite插件开发](https://juejin.cn/post/7377561821219848192): 插件开发目的:由于我司使用的前端技术栈为vue3+ts+vite2.X+axios,在前端代码框架设计初期,做了把axios挂载到proxy对象上的操作,具体可见我的另一篇文章 https://blo----👍🏻点赞量:25 
+- [跟着阮一峰老师学Typescript  ts的类型系统。](https://juejin.cn/post/7379446193141301275): 跟着阮一峰老师学Typescript之ts的类型系统 哈喽哈喽，我是你们的金樽清酒。作为一个程序员不断的提升自己是必不可少的。最近一段时间感悟颇多。我们来想一个问题。一个程序员最核心的竞争力是什么。我----👍🏻点赞量:11 
+- [[开发随笔] 前端处理数据字典问题的踩坑与填坑](https://juejin.cn/post/7377672990408802313): 「数据字典」 是现代 web 系统中比较常用的功能，尤其在面向 「表格(CRUD)」 类业务，前端工程师又该如何正确的使用和消费字典数据----👍🏻点赞量:7 
+- [React 原子化状态管理工具 Clodx](https://juejin.cn/post/7380283122489098240): React 原子化状态管理工具 Clodx，一个麻雀虽小，但五脏俱全的状态管理工具，打包后只有 500b 左右大小。----👍🏻点赞量:1 
+- [72小时带你光速入门TypeScript - 枚举与接口](https://juejin.cn/post/7380366595305144329): 距离我上一次更新到目前为止差不多2个月了，这2个月不是故意断更，是真的忙到飞起，至于为啥这么忙？如果大家有兴趣，可以到我的文章列表里搜一搜，如果你能搜到那篇文章，希望我的经历可以给你一些启发----👍🏻点赞量:5 
+- [OpenHarmony应用开发入门](https://juejin.cn/post/7377963940897636378): OpenHarmony应用开发的入门指南，介绍了基础语法和调试方法。帮助你对OpenHarmony有个初步认识。----👍🏻点赞量:0 
+- [从JS转TS竟如此简单？无废话，快速搞懂TS的核心用法！建议收藏](https://juejin.cn/post/7379060488351989770): 本文将引导读者快速掌握 TypeScript 的类型推断、注解、函数参数、接口、泛型等核心特性，在面试中多一项核心技能。----👍🏻点赞量:16 
+
+### 前端-HarmonyOS 
+- [ArkUI极简教程11：@Prop单向数据传递的使用](https://juejin.cn/post/7377901375001231423): 在本章中，你将学会如何使用@Prop装饰器的基础使用，及其实际开发中的使用场景。 日常工作中我们可能都会遇到一个场景，即当前页面的参数值要传递到下一个页面中，比如首页->详情页...----👍🏻点赞量:0 
+- [Harmony中的HAP、HAR、HSP区别](https://juejin.cn/post/7378512100186374196): 想要更加合理的开发一个企业级别的Harmony应用，那么就不得不提其中的HAP、HAR、HSP了。 前言 对于普通的用户来说，可能一个普通的应用就等于一个安装文件如安卓下的APK。但是对于Harmon----👍🏻点赞量:9 
+- [HarmonyOsArkUI-仿京东头部动画效果](https://juejin.cn/post/7378836196033282089): HarmonyOS ArkUI实现首页仿京东头部UI动画效果，头部View跟随List滑动，折叠、伸展，然后搜索框部分进行缩放。List进行手势监听，在滑动过程中对Y轴进行处理，头部View改变高度----👍🏻点赞量:2 
+- [Harmony 开发的艺术 面向对象](https://juejin.cn/post/7379446118990921765): 聊聊应用的开发范式 Harmony应用的主要开发范式，是采用了类似面向对象的范式。 其实这个开发风格会给大部分的前端工程师不太适应的感觉。因为目前主流的前端开发框架，在开发组件*(一个应用由各种各样的----👍🏻点赞量:2 
+- [Harmony设计模式-单例模式](https://juejin.cn/post/7379884568578375707): Harmony设计模式-单例模式 前言 软件设计模式（[Design pattern](https://baike.baidu.com/item/Design pattern/10186718?fro----👍🏻点赞量:1 
+- [HarmonyOS ：自定义节点，实现 UI 组件 动态创建、更新](https://juejin.cn/post/7379423024556064803): 在 build 生命周期外，通过 BuilderNode + NodeController + Builder 实现 UI 组件 动态创建、动态更新。----👍🏻点赞量:3 
+- [鸿蒙中 ForEach 与 LazyForEach 的内存管理区别](https://juejin.cn/post/7378330155385323520): 引言 在鸿蒙开发中，遍历集合或数组是十分常见的操作。为了提高性能和优化内存管理，不同的工具被开发出来，其中较为常用的有ForEach和LazyForEach。本文将探讨这两者在内存管理方面的差异，特别----👍🏻点赞量:3 
+- [华为HarmonyOS NEXT 开发一个简单的聊天界面](https://juejin.cn/post/7379995743883853861): 抽个空闲的时间，利用HarmonyOS NEXT ArkTS组件实现一个原生的对话聊天界面。希望能帮到大家。----👍🏻点赞量:2 
+
+### 前端-前端框架 
+- [👊 Vue3.4+Element-plus+Vite通用后台管理系统（自用）](https://juejin.cn/post/7380283122489081856): 🔥 前言 经过一段时间的打磨（具体忘了），迎来管理系统的第一个版本， 相较于其他后台管理模板，本后台管理模版只包含基本的刷新，全屏以及暗黑模式效果。本模板只供学习使用，难免会存在一些bug，还请见谅。----👍🏻点赞量:7 
+- [走进 React：打造交互式用户界面的第一步](https://juejin.cn/post/7378891290807795749): 将从头开始，带你走进 React 的世界。从搭建开发环境到编写你的第一个 “Hello World” 应用，你将学习如何快速启动一个 React 项目，打造交互式用户界面的第一步。----👍🏻点赞量:1 
+- [做一个React侧边栏，要能拖拽调节宽/高度，还要响应式？](https://juejin.cn/post/7378720599107371018): 如何做一个React侧边栏，宽度/高度可以通过拖拽来调节，大屏时，栏位是分栏的，中间的边界线用来调节分栏比例。而小屏时，侧边栏会覆盖在主内容之上。----👍🏻点赞量:0 
+- [需求虽小但是问题很多，浅谈JavaScript导出excel文件](https://juejin.cn/post/7379162429504651298): 我想要将数据导出到 Excel 文件，并希望能够封装成一个函数来实现。这个函数需要接收一个二维数组作为参数，数组的第一行是表头。在导出的过程中，要能够确保避免出现中文乱码的情况。这该咋办呢？----👍🏻点赞量:2 
+- [Solid Start](https://juejin.cn/post/7379431208429322249): 本文主要尝试一下SolidStart ，文档地址：https://docs.solidjs.com/solid-start/getting-started 创建项目 选择如下配置： 目录结构如下： 关----👍🏻点赞量:0 
+- [pagefind:不用后端服务也能完成网页内容的全局检索](https://juejin.cn/post/7380266299002011686): 什么是Pgefind Paefind 是一个完全静态的搜索库，旨在在大型网站上表现出色，尽量减少用户带宽的使用，并且无需托管任何基础设施。 Pagefind 可以在 Hugo、Eleventy、Jek----👍🏻点赞量:1 
+- [前端实习生用 vue 随手写了个系统修复工具，日赚 300](https://juejin.cn/post/7380292749180338191): 领导：网上那些工具我不放心，点击高速下载完成后，打开却安装了一堆贪玩难约和很多安全管家。要不你开发一个吧，你的技术可以的！今天应该能弄好吧？----👍🏻点赞量:0 
+
+### 前端-GitHub 
+- [不得不安利的富文本编辑器，太赞了！](https://juejin.cn/post/7377662459921006629): hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，最近也在迭代可视化文档知识引擎Nocode/WEP。在研究文档编辑器的时候也发现了很多优秀的开源项目，从中吸取----👍🏻点赞量:75 
+- [20K star！极致用户体验，优雅美观的开源React UI 库](https://juejin.cn/post/7379544162796339219): 想快速开发网站，那选好一个UI组件库是必不可少的，它可以让你的开发工作事半功倍。 今天我们分享一个开源UI组件库，它注重用户体验和美观度，并且具有很强的适应性，它就是：Next UI----👍🏻点赞量:12 
+- [跟着阮一峰老师学Typescript  ts的类型系统。](https://juejin.cn/post/7379446193141301275): 跟着阮一峰老师学Typescript之ts的类型系统 哈喽哈喽，我是你们的金樽清酒。作为一个程序员不断的提升自己是必不可少的。最近一段时间感悟颇多。我们来想一个问题。一个程序员最核心的竞争力是什么。我----👍🏻点赞量:11 
+- [做了4年的零代码平台，准备出海了](https://juejin.cn/post/7380274613186953235): 嗨，大家好，我是徐小夕。 之前一直在社区分享零代码&低代码的技术实践，也陆陆续续设计并开发了多款可视化搭建产品，比如： H5-Dooring（页面可视化搭建平台） V6.Dooring（可视化大屏搭建----👍🏻点赞量:6 
+- [清新优雅&高颜值!一个基于Vue3实现的后台管理模板](https://juejin.cn/post/7379865729023721484): SoybeanAdmin —— 一个清新优雅、高颜值且功能强大的后台管理模板。基于最新的前端技术栈，包括 Vue3、 Vite5、 TypeScript、 Pinia 和 UnoCSS。----👍🏻点赞量:5 
+- [开源 UI 组件库：实现高性能界面设计 | 开源专题 No.65](https://juejin.cn/post/7377662459920678949): 这些开源项目提供了丰富的功能，涵盖多种平台，具有简洁漂亮的设计、高度可定制性和高性能等优势，能满足不同用户的需求，让你的项目更具魅力。----👍🏻点赞量:5 
+- [「Typescript之旅」: 彻底理解Typescript中的逆变和协变](https://juejin.cn/post/7379117970797461558): 今日鸡汤：孤独的人喜欢深夜，多情的人喜欢黄昏。幸福的人喜欢阳光，伤心的人偏爱风雨。 大家好，我是心灵。 最近在更新在Typescript中旅行的专栏，已经更新了6篇文章，这是第七篇。今日更文《彻底理解----👍🏻点赞量:5 
+- [在 Next.js 中实现 API 跨域（CORS） 调用](https://juejin.cn/post/7377694677276311552): 原文：How to Implement CORS for API Routes in Next.js 最近，发布了一个应用：Amazing Endemic Species，可以向其他开发人员提供了一组----👍🏻点赞量:1 
+
+### 前端-HTML 
+- [音乐键盘：谁说敲代码的不能成为艺术家](https://juejin.cn/post/7379159866857439242): 使用前端三件套创建一个音乐键盘。它包括了 HTML 结构、CSS 样式和 JavaScript 交互逻辑。通过监听键盘事件，当按下特定键时，播放相应的声音，并通过添加类实现视觉反馈。----👍🏻点赞量:30 
+- [网页开发者秘籍：掌握HTML断点调试，解锁高效排错新境界](https://juejin.cn/post/7378535517951361050): --- theme: yu --- # 前言 HTML断点调试是一种网页开发技巧，允许开发者在浏览----👍🏻点赞量:16 
+- [RSS 解析：全球内容分发的利器及使用技巧](https://juejin.cn/post/7379633972246003747): RSS 允许快速浏览新闻和更新。 RSS 文档示例 什么是 RSS？ RSS 代表着真正简单的聚合 RSS 允许您对站点内容进行聚合 RSS 定义了一种轻松分享和查看标题和内容的方法 RSS 文件可以----👍🏻点赞量:1 
+- [搞代码的也能玩音乐--一起来写一个电子琴页面](https://juejin.cn/post/7379494133292875776): 本文展示了如何用HTML、CSS和JavaScript创建一个虚拟键盘乐器。通过按键触发不同声音，实现键盘演奏。提供了完整的代码示例和音源下载，适合初学者学习和定制个人音乐键盘----👍🏻点赞量:17 
+- [让网页既快速又稳定的方法——图片懒加载（LazyLoad）](https://juejin.cn/post/7380241307116109834): 通过图片懒加载技术，我们不仅优化了网页的加载速度，还提升了用户体验，是现代网页开发中不可或缺的性能提升策略。随着技术的演进，懒加载也逐渐集成到各种前端框架和库中，使得实现更为便捷高效。----👍🏻点赞量:11 
+- [一文读懂Web Codecs API：浏览器背后的媒体魔术师](https://juejin.cn/post/7379502040139104310): 本文介绍了WebCodecsApi，它是Web中的编码解码器，可实现对视频流的单个帧和音频数据块的底层访问与控制。----👍🏻点赞量:2 
+- [前端性能优化:图片懒加载](https://juejin.cn/post/7380565157771542537): 浏览器在运行HTML代码的具体操作 1. 处理HTML代码 解析HTML 下载HTML：浏览器向服务器发送请求，下载HTML文档。 解析HTML：浏览器逐行解析HTML文档，将其转换成DOM（文档对象----👍🏻点赞量:10 
+- [一文带你了解浏览器是如何渲染页面的](https://juejin.cn/post/7380278392585289769): 这篇文章，试图用非常简单的方式，向你阐述浏览器是如何一步步将 HTML、CSS、JavaScript 文件转换成可交互网站的。 了解这些过程，将使你能够优化你的 Web 应用程序，以获得更快的速...----👍🏻点赞量:1 
+
+### 前端-NPM 
+- [使用is-glob检测字符串是否是Glob模式](https://juejin.cn/post/7380241307116306442): 当我们处理文件路径或模式匹配时，判断一个字符串是否代表一个Glob模式成为了一个常见的需求。本文将详细介绍如何通过is-glob来做出准确判断。 📦 安装is-glob 在深入了解is-glob如何工----👍🏻点赞量:2 
+- [使用pify库轻松实现Node.js回调函数的Promise化](https://juejin.cn/post/7380366595305226249): 使用pify库，你可以非常便利地将任何遵循Node.js回调风格的函数转换为返回Promise对象的函数，从而使得你的异步代码更加清晰和易于维护。本文通过丰富的代码示例引导你如何有效地利用pify，让----👍🏻点赞量:2 
+- [安全编码：利用encodeurl有效防范URL注入](https://juejin.cn/post/7379092280576213029): 在开发Web应用时，正确对URL进行编码是保障应用安全性的关键措施，encodeurl 包为我们提供了一个灵活可靠的方式去处理URL编码的问题。 🚀 安装encodeurl 在开始之前，你需要确保你的----👍🏻点赞量:1 
+- [深入浅出HTTP缓存  利用Node.js与fresh模块优化网页性能](https://juejin.cn/post/7377798028461817856): 深入浅出HTTP缓存: 利用Node.js与fresh模块优化网页性能 HTTP缓存是提升网络应用性能的关键技术之一。正确地使用缓存可以大幅度减少网络传输的数据量，降低服务器负载，提升用户体验。在No----👍🏻点赞量:1 
+- [用 Node.js 高效生成 HTTP ETags：掌握 etag 库的使用](https://juejin.cn/post/7378328335036743719): HTTP ETag 是一个对 Web 性能优化重要的元素，作为一种缓存验证器，它让浏览器智能地判断资源是否变更，从而做出是否重新请求的决断。本文将带你深入了解如何在 Node.js 环境中，使用 et----👍🏻点赞量:0 
+- [精确计算字符串可视宽度的秘诀：string-width 使用指南](https://juejin.cn/post/7379856289487274018): 在前端和命令行工具的开发过程中，经常会遇到需要精确计算字符串展示宽度的情况，尤其在对齐文本或者设计表格时，了解每个字符串所占的视觉宽度是极其重要的。这篇文章将深入探究 string-width 这个 ----👍🏻点赞量:1 
+- [Nodejs 实战：使用 is-extglob 进行扩展匹配检测](https://juejin.cn/post/7379496229725863975): 在 Node.js 的文件操作和模板匹配上，我们经常需要检测一个字符串是否包含所谓的"扩展匹配模式"。今天，我们就来深入了解一个专注于此的神器 —— is-extglob。 🧭 安装方法 在开始使用之----👍🏻点赞量:3 
+- [深入浅出 Babel：现代 JavaScript 的编译器](https://juejin.cn/post/7379906492038299688): 在现代前端开发中，JavaScript 的版本更新速度非常快，新的语法和特性层出不穷。然而，旧版本的浏览器并不总是支持这些新特性。为了确保代码的兼容性和稳定性，我们需要一个工具来将现代 JavaScr----👍🏻点赞量:1 
+
+### 后端 
+- [提升服务系统稳定性：优化优雅关闭控制逻辑的一次全新探索](https://juejin.cn/post/7378785736948957235): 本文介绍了作者在五一假期期间遇到的电商平台扩缩容问题，并探讨了优雅关闭服务的重要性及其实现方法，同时介绍了 GS 项目及其优化方案。----👍🏻点赞量:8 
+- [Linux Kernel：启动时内存管理（MemBlock 分配器）](https://juejin.cn/post/7377195179760336935): 一、Bootmem 与 Memblock 系统初始化早期，由于“正常”的内存管理还未完成设置，所以无法使用。 此时，仍然需要为各种数据结构分配内存。 为了解决这个问题，引入了一种称为 Boot Mem----👍🏻点赞量:3 
+- [迭代与递归--你被递归搞晕过吗？](https://juejin.cn/post/7377561821219438592): 算法中会经常遇见重复执行某个任务，那么如何实现呢，本文将详细介绍两种实现方式，迭代与递归，以及如何避免被递归搞晕。----👍🏻点赞量:12 
+- [Lru在Rust中的实现, 源码解析](https://juejin.cn/post/7377285753737805875): 源码剖析-LRU（Least Recently Used）是一种常用的页面置换算法，其核心思想是选择最近最久未使用的页面予以淘汰。----👍🏻点赞量:2 
+- [SpringBoot整合Flowable【06】- 查询历史数据](https://juejin.cn/post/7377208894551539721): 一、引子 上述的内容其实是对流程变量的一个小结，可以让大家对流程变量有更好的理解，也是我们后续内容的一个预告。说回正题，前面我们多次提到了历史这个词，历史流程、历史变量等等，在实际的业务场景中，我们当----👍🏻点赞量:7 
+- [你知道只读 ORM 吗，Bean Searcher v4.3.0 来啦！](https://juejin.cn/post/7379667550504517643): Bean Searcher 是一款专注高级查询的只读 ORM 开源项目。本次更新带来了大家期待已久的功能 ...----👍🏻点赞量:16 
+- [Go-Context底层原理剖析](https://juejin.cn/post/7377578894591377418): context包主要的作用是在并发的情况场景下去同步取消信号和携带上文值 下面我们来看看各种功能对应的实现。 内容 context 包的代码并不长，context.go 文件总共不到 800 行----👍🏻点赞量:4 
+- [从后端开发视角认识向量数据库](https://juejin.cn/post/7377269659810840585): 以ChatGPT为代表的大语言模型应用自问世以来已经火了好几年。在这期间国内外类似产品层出不穷，甚至公司内部团队都开发了好几个AI小助手。刚好最近看了几篇关于大语言模型应用开发的文章...----👍🏻点赞量:11 
+
+### Android 
+- [抖音Android端图片优化实践](https://juejin.cn/post/7378459137418903552): 本文从抖音Android端图片优化历程着笔，主要介绍字节自研BDFresco图片框架及其在抖音的最佳实践、经验沉淀、业务价值。----👍🏻点赞量:32 
+- [Android Studio Koala | 2024.1.1 发布，快来看看有什么更新吧](https://juejin.cn/post/7379816515551723546): 自从三年前 Android Studio 更改了版本方案之后，从 Arctic Fox 开始每个主要版本都发布一个动物代号，同时版本迭代更新的节奏也越来越快，当然“填坑”的速度和“开坑”的速度几乎也“----👍🏻点赞量:28 
+- [Flutter TolyUI 框架#07 | 案例解析与管理](https://juejin.cn/post/7378352842116431923): 《Flutter TolyUI 框架》系列前言: TolyUI 是 张风捷特烈 打造的 Fluter 全平台应用开发 UI 框架。具备 全平台、组件化、源码开放、响应式 四大特点。可以帮助开发者迅速构----👍🏻点赞量:18 
+- [Kotlin Symbol Processing使用与原理剖析](https://juejin.cn/post/7378079761817862181): 一、KSP简介 Kotlin Symbol Processing (KSP) 是一个可用于开发轻量级编译器插件的API，与Kotlin Annotation Processing Tool（KAPT）----👍🏻点赞量:21 
+- [如何使用 Kotlin 协程进行高性能编程](https://juejin.cn/post/7377662459920891941): Kotlin 协程是一种轻量级的并发机制，它允许开发者以更简洁、直观的方式编写异步代码。如何使用协程提高效率呢？有哪些场景是可以适合协程的？----👍🏻点赞量:7 
+- [我们如何让Android客户端暴瘦了100M](https://juejin.cn/post/7379168502455222311): 一、 引言 随着Android应用功能的日益丰富，客户端的体积也逐渐膨胀，过大的安装包体积不仅给用户带来了下载和存储的压力，还会影响应用的启动速度和整体性能；传统的图片压缩、冗余资源移除、代码混淆等优----👍🏻点赞量:15 
+- [人生备份 - 读美团 Robust 热修复框架代码（一）](https://juejin.cn/post/7377567987119734835): 最近面试某大厂有提到过自己之前做过热修复相关的一些东西，但是早忘了，然后答不上来，也没有良好的记录习惯用于复习。现在重新来一遍，加油。----👍🏻点赞量:5 
+- [如何扩展Result，让你的代码更简洁](https://juejin.cn/post/7379509948903014451): 在使用 Kotlin 开发 Android中，我们一般返回 Result 来表示方法调用的结果。对于 Result 的返回值，我们可以很方便得使用 onSuccess 和 onFailure 等扩展方----👍🏻点赞量:19 
+
+### IOS 
+- [ios入门实例（三）： 首屏轮播图](https://juejin.cn/post/7377626328894046208): 前言： 本章节通过TabView,Gradient,RoundedRectangle,多个SwiftUI page 实现app开机轮播欢迎页，首屏欢迎轮播交互为大部分App都会有的场景，看完本章帮助读----👍🏻点赞量:2 
+- [iOS 小说阅读器-WLReader 介绍](https://juejin.cn/post/7377683138237644863): 一款完整的小说阅读器功能包含： 阅读主页面的图文混排 翻页效果：仿真，平移，滚动，覆盖，无效果 设置功能：字号更改，字体更改，阅读背景设置，亮度调整，章节切换，查看大图，笔记划线，书签标记 阅读记录 ----👍🏻点赞量:20 
+- [WWDC 今日凌晨开幕，速看发布了哪些新功能](https://juejin.cn/post/7378318507833475126): 这里每天分享一个 iOS 的新知识，快来关注我吧 Vision OS 2 1、在 Vision OS 2 上图片可以直接生成空间图片 2、更多 Vision Pro 手势，操作更方便 3、当连接 Ma----👍🏻点赞量:2 
+- [APM - iOS 启动优化之 post_main](https://juejin.cn/post/7379042209788444687): APM - iOS 启动优化之 pre_main APM - iOS 启动优化之 post_main 本篇主要介绍一下针对 post main 阶段的启动优化，通过 启动框架 对启动过程中的任务...----👍🏻点赞量:7 
+- [WWDC2024-Apple重新定义AI和GPT](https://juejin.cn/post/7378330155384684544): 苹果在WWDC2024重新定义了AI和GPT的标准, Apple Intelligence将大语言模型内置于 iPhone、iPad 和 Mac,每个苹果设备将拥有个性化AI----👍🏻点赞量:3 
+- [WWDC2024全球开发者大会，iOS18苹果将开启AI时代](https://juejin.cn/post/7378535517949804570): 前言 今天凌晨，苹果宣布即将在6月11日凌晨1点正式召开今年的WWDC全球开发者大会。 苹果一如作风同时发布了iOS 18、iPadOS 18、macOS 15等软件系统，苹果版AI（Apple In----👍🏻点赞量:1 
+- [iOS 中的import](https://juejin.cn/post/7379264969068232713): 做了开发很多年，但可能我们只知道如何用import，并不了解其背后的原因。下面就跟随本文来了解一下吧，或许对大家做SDK开发有帮助！ 一、从iOS中#import 、@import、#include说----👍🏻点赞量:1 
+- [如何用 CocoaPods 分发 swift 宏](https://juejin.cn/post/7379075714111963147): 这里每天分享一个 iOS 的新知识，快来关注我吧 前言 前几天的文章讲了如何在不使用 Swift 包管理器的情况下将 Swift 宏编译为二进制文件并将其导入到 Xcode 项目中。 感兴趣的可以去看----👍🏻点赞量:3 
+
+
+## GitHub 
+### javascript 
+- [xenova/transformers.js](https://github.com/xenova/transformers.js): State-of-the-art Machine Learning for the web. Run 🤗 Transformers directly in your browser, with no need for a server!----总⭐️9,340; 今日⭐️1,119 
+- [gchq/CyberChef](https://github.com/gchq/CyberChef): The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis----总⭐️26,481; 今日⭐️400 
+- [poteto/hiring-without-whiteboards](https://github.com/poteto/hiring-without-whiteboards): ⭐️ Companies that don't have a broken hiring process----总⭐️42,664; 今日⭐️375 
+- [bigskysoftware/htmx](https://github.com/bigskysoftware/htmx): </> htmx - high power tools for HTML----总⭐️34,274; 今日⭐️327 
+- [TheRealJoelmatic/RemoveAdblockThing](https://github.com/TheRealJoelmatic/RemoveAdblockThing): The intrusive "Ad blocker are not allowed on YouTube" message is annoying. This open-source project aims to address this issue by providing a solution to bypass YouTube's ad blocker detection----总⭐️5,814; 今日⭐️190 
+- [UnblockNeteaseMusic/server](https://github.com/UnblockNeteaseMusic/server): Revive unavailable songs for Netease Cloud Music (Refactored & Enhanced version)----总⭐️5,844; 今日⭐️212 
+- [CodeWithHarry/Sigma-Web-Dev-Course](https://github.com/CodeWithHarry/Sigma-Web-Dev-Course): Source Code for Sigma Web Development Course----总⭐️4,727; 今日⭐️109 
+- [HeyPuter/puter](https://github.com/HeyPuter/puter): 🌐 The Web OS! Free, Open-Source, and Self-Hostable.----总⭐️20,362; 今日⭐️422 
+- [vercel/next.js](https://github.com/vercel/next.js): The React Framework----总⭐️122,236; 今日⭐️259 
+- [AIGODLIKE/AIGODLIKE-ComfyUI-Translation](https://github.com/AIGODLIKE/AIGODLIKE-ComfyUI-Translation): A plugin for multilingual translation of ComfyUI，This plugin implements translation of resident menu bar/search bar/right-click context menu/node, etc----总⭐️891; 今日⭐️69 
+
+### vue 
+- [primefaces/primevue](https://github.com/primefaces/primevue): Next Generation Vue UI Component Library----总⭐️8,396; 今日⭐️133 
+- [nuxt/ui](https://github.com/nuxt/ui): A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.----总⭐️3,497; 今日⭐️22 
+- [imsyy/SPlayer](https://github.com/imsyy/SPlayer): 🎉 一个简约的音乐播放器，支持逐字歌词，下载歌曲，展示评论区，音乐云盘及歌单管理，音乐频谱，移动端基础适配 | A minimalist music player----总⭐️859; 今日⭐️160 
+- [TangSY/echarts-map-demo](https://github.com/TangSY/echarts-map-demo): 适用于echarts等地图geoJson行政区划边界数据的实时获取与应用，json格式数据，全国省市区县多级联动下钻，真正意义的下钻至县级【附最新全国省市区县乡镇三级或四级城市geoJson文件下载，另可下载四级联动或五级（村级）行政编码对应关系】----总⭐️1,713; 今日⭐️111 
+- [imsyy/home](https://github.com/imsyy/home): 个人主页，我的个人主页，个人主页源码，主页模板，homepage----总⭐️2,621; 今日⭐️47 
+- [alireza0/s-ui](https://github.com/alireza0/s-ui): An advanced Web Panel • Built for SagerNet/Sing-Box----总⭐️1,957; 今日⭐️48 
+- [wangyuan389/mall-cook](https://github.com/wangyuan389/mall-cook): 商城低代码平台，可视化搭建H5、小程序多端商城----总⭐️4,827; 今日⭐️29 
+- [xugaoyi/vuepress-theme-vdoing](https://github.com/xugaoyi/vuepress-theme-vdoing): 🚀一款简洁高效的VuePress知识管理&博客(blog)主题----总⭐️4,296; 今日⭐️22 
+- [xaboy/form-create-designer](https://github.com/xaboy/form-create-designer): 好用的Vue可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。----总⭐️1,394; 今日⭐️28 
+- [CareyWang/sub-web](https://github.com/CareyWang/sub-web): ----总⭐️4,773; 今日⭐️28 
+
+### typescript 
+- [idootop/mi-gpt](https://github.com/idootop/mi-gpt): 🏠 将小爱音箱接入 ChatGPT 和豆包，改造成你的专属语音助手。----总⭐️4,780; 今日⭐️2,747 
+- [immich-app/immich](https://github.com/immich-app/immich): High performance self-hosted photo and video management solution.----总⭐️37,235; 今日⭐️1,814 
+- [twentyhq/twenty](https://github.com/twentyhq/twenty): Building a modern alternative to Salesforce, powered by the community.----总⭐️14,549; 今日⭐️725 
+- [microsoft/vscode](https://github.com/microsoft/vscode): Visual Studio Code----总⭐️159,766; 今日⭐️283 
+- [nuxt/nuxt](https://github.com/nuxt/nuxt): The Intuitive Vue Framework.----总⭐️52,791; 今日⭐️151 
+- [formbricks/formbricks](https://github.com/formbricks/formbricks): Open Source Survey Platform----总⭐️5,811; 今日⭐️151 
+- [n8n-io/n8n](https://github.com/n8n-io/n8n): Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.----总⭐️41,935; 今日⭐️185 
+- [EvolutionAPI/evolution-api](https://github.com/EvolutionAPI/evolution-api): Evolution API is an open-source WhatsApp integration API----总⭐️826; 今日⭐️37 
+- [mui/material-ui](https://github.com/mui/material-ui): Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.----总⭐️92,206; 今日⭐️123 
+- [tldraw/tldraw](https://github.com/tldraw/tldraw): SDK for creating whiteboards and canvas experiences on the web.----总⭐️33,839; 今日⭐️279 
+
+### python 
+- [comfyanonymous/ComfyUI](https://github.com/comfyanonymous/ComfyUI): The most powerful and modular stable diffusion GUI, api and backend with a graph/nodes interface.----总⭐️38,432; 今日⭐️1,196 
+- [paul-gauthier/aider](https://github.com/paul-gauthier/aider): aider is AI pair programming in your terminal----总⭐️11,748; 今日⭐️698 
+- [stanfordnlp/dspy](https://github.com/stanfordnlp/dspy): DSPy: The framework for programming—not prompting—foundation models----总⭐️12,993; 今日⭐️458 
+- [huggingface/lerobot](https://github.com/huggingface/lerobot): 🤗 LeRobot: End-to-end Learning for Real-World Robotics in Pytorch----总⭐️4,102; 今日⭐️702 
+- [jianchang512/pyvideotrans](https://github.com/jianchang512/pyvideotrans): Translate the video from one language to another and add dubbing. 将视频从一种语言翻译为另一种语言，并添加配音----总⭐️7,145; 今日⭐️633 
+- [google/mesop](https://github.com/google/mesop): ----总⭐️2,920; 今日⭐️1,572 
+- [karpathy/nanoGPT](https://github.com/karpathy/nanoGPT): The simplest, fastest repository for training/finetuning medium-sized GPTs.----总⭐️33,854; 今日⭐️1,025 
+- [Stability-AI/stable-audio-tools](https://github.com/Stability-AI/stable-audio-tools): Generative models for conditional audio generation----总⭐️2,102; 今日⭐️292 
+- [tinygrad/tinygrad](https://github.com/tinygrad/tinygrad): You like pytorch? You like micrograd? You love tinygrad! ❤️----总⭐️24,777; 今日⭐️201 
+- [3b1b/manim](https://github.com/3b1b/manim): Animation engine for explanatory math videos----总⭐️59,910; 今日⭐️952 
+
+### go 
+- [JanDeDobbeleer/oh-my-posh](https://github.com/JanDeDobbeleer/oh-my-posh): The most customisable and low-latency cross platform/shell prompt renderer----总⭐️15,292; 今日⭐️551 
+- [alist-org/alist](https://github.com/alist-org/alist): 🗂️A file list/WebDAV program that supports multiple storages, powered by Gin and Solidjs. / 一个支持多存储的文件列表/WebDAV程序，使用 Gin 和 Solidjs。----总⭐️38,946; 今日⭐️348 
+- [minio/minio](https://github.com/minio/minio): The Object Store for AI Data Infrastructure----总⭐️45,038; 今日⭐️129 
+- [fleetdm/fleet](https://github.com/fleetdm/fleet): Open-source platform for IT, security, and infrastructure teams. (Linux, macOS, Chrome, Windows, cloud, data center)----总⭐️2,535; 今日⭐️266 
+- [usememos/memos](https://github.com/usememos/memos): An open source, lightweight note-taking service. Easily capture and share your great thoughts.----总⭐️28,246; 今日⭐️190 
+- [zitadel/zitadel](https://github.com/zitadel/zitadel): ZITADEL - Identity infrastructure, simplified for you.----总⭐️7,499; 今日⭐️106 
+- [pocketbase/pocketbase](https://github.com/pocketbase/pocketbase): Open Source realtime backend in 1 file----总⭐️34,699; 今日⭐️243 
+- [gitleaks/gitleaks](https://github.com/gitleaks/gitleaks): Protect and discover secrets using Gitleaks 🔑----总⭐️15,607; 今日⭐️77 
+- [gorilla/websocket](https://github.com/gorilla/websocket): Package gorilla/websocket is a fast, well-tested and widely used WebSocket implementation for Go.----总⭐️21,507; 今日⭐️62 
+- [k8sgpt-ai/k8sgpt](https://github.com/k8sgpt-ai/k8sgpt): Giving Kubernetes Superpowers to everyone----总⭐️5,091; 今日⭐️49 
+
+### rust 
+- [EricLBuehler/mistral.rs](https://github.com/EricLBuehler/mistral.rs): Blazingly fast LLM inference.----总⭐️2,571; 今日⭐️764 
+- [rust-lang/rust](https://github.com/rust-lang/rust): Empowering everyone to build reliable and efficient software.----总⭐️94,316; 今日⭐️259 
+- [pola-rs/polars](https://github.com/pola-rs/polars): Dataframes powered by a multithreaded, vectorized query engine, written in Rust----总⭐️27,190; 今日⭐️173 
+- [openobserve/openobserve](https://github.com/openobserve/openobserve): 🚀 10x easier, 🚀 140x lower storage cost, 🚀 high performance, 🚀 petabyte scale - Elasticsearch/Splunk/Datadog alternative for 🚀 (logs, metrics, traces, RUM, Error tracking, Session replay).----总⭐️10,076; 今日⭐️119 
+- [leptos-rs/leptos](https://github.com/leptos-rs/leptos): Build fast web applications with Rust.----总⭐️15,096; 今日⭐️98 
+- [surrealdb/surrealdb](https://github.com/surrealdb/surrealdb): A scalable, distributed, collaborative, document-graph database, for the realtime web----总⭐️25,937; 今日⭐️103 
+- [astral-sh/ruff](https://github.com/astral-sh/ruff): An extremely fast Python linter and code formatter, written in Rust.----总⭐️28,109; 今日⭐️282 
+- [Byron/gitoxide](https://github.com/Byron/gitoxide): An idiomatic, lean, fast & safe pure Rust implementation of Git----总⭐️8,282; 今日⭐️94 
+- [matter-labs/zksync-era](https://github.com/matter-labs/zksync-era): zkSync era----总⭐️3,065; 今日⭐️63 
+- [meilisearch/meilisearch](https://github.com/meilisearch/meilisearch): A lightning-fast search API that fits effortlessly into your apps, websites, and workflow----总⭐️44,174; 今日⭐️163 
+
+### css 
+- [refact0r/midnight-discord](https://github.com/refact0r/midnight-discord): A dark, rounded discord theme.----总⭐️440; 今日⭐️11 
+- [mwittrien/BetterDiscordAddons](https://github.com/mwittrien/BetterDiscordAddons): A series of plugins and themes for BetterDiscord.----总⭐️2,029; 今日⭐️5 
+- [AnubisNekhet/AnuPpuccin](https://github.com/AnubisNekhet/AnuPpuccin): Personal theme for Obsidian----总⭐️1,902; 今日⭐️28 
+- [lipis/flag-icons](https://github.com/lipis/flag-icons): 🎏 A curated collection of all country flags in SVG — plus the CSS for easier integration----总⭐️10,350; 今日⭐️29 
+- [missing-semester-cn/missing-semester-cn.github.io](https://github.com/missing-semester-cn/missing-semester-cn.github.io): the CS missing semester Chinese version----总⭐️6,013; 今日⭐️19 
+- [joy-of-react/project-toast](https://github.com/joy-of-react/project-toast): ----总⭐️57; 今日⭐️0 
+- [spring-projects/spring-petclinic](https://github.com/spring-projects/spring-petclinic): A sample Spring-based application----总⭐️7,345; 今日⭐️8 
+- [cloudflare/cloudflare-docs](https://github.com/cloudflare/cloudflare-docs): Cloudflare’s documentation----总⭐️2,666; 今日⭐️14 
+- [john-smilga/react-projects](https://github.com/john-smilga/react-projects): ----总⭐️4,756; 今日⭐️9 
+- [primefaces/primeng](https://github.com/primefaces/primeng): The Most Complete Angular UI Component Library----总⭐️9,752; 今日⭐️32 
+
+