From 43c09b5c993eef0ad2770d67b7c27ce6186ed077 Mon Sep 17 00:00:00 2001 From: dravenwu Date: Fri, 12 Apr 2024 22:17:04 +0800 Subject: [PATCH] update 2024-04-12 docs --- docs/2024/2024-04-12.md | 323 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 323 insertions(+) create mode 100644 docs/2024/2024-04-12.md diff --git a/docs/2024/2024-04-12.md b/docs/2024/2024-04-12.md new file mode 100644 index 00000000..5435810c --- /dev/null +++ b/docs/2024/2024-04-12.md @@ -0,0 +1,323 @@ + +收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此 + +每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀 +## CSDN +### 数据结构与算法 +- [【机器学习】决策树（Decision Tree，DT）算法介绍：原理与案例实现](https://blog.csdn.net/qq_38614074/article/details/137515234): 云天徽上-【机器学习】决策树（Decision Tree，DT）算法介绍：原理与案例实现----🔥 热度:43745 +- [【机器学习算法】决策树和随机森林在计算机视觉中的应用](https://blog.csdn.net/weixin_46277553/article/details/137634387): 苏 凉-【机器学习算法】决策树和随机森林在计算机视觉中的应用----🔥 热度:23093 +- [经典机器学习算法:线性回归。逻辑回归。决策树。支持向量机（SVM）。朴素贝叶斯（Naive Bayes）。](https://blog.csdn.net/qq_38998213/article/details/137428031): ZhangJiQun&MXP-经典机器学习算法:线性回归。逻辑回归。决策树。支持向量机（SVM）。朴素贝叶斯（Naive Bayes）。----🔥 热度:19772 +- [支持向量机(SVM)算法深度解析](https://blog.csdn.net/m0_62554628/article/details/137648791): AI架构设计之禅-支持向量机(SVM)算法深度解析----🔥 热度:16450 +- [【机器学习】机器学习创建算法第5篇：线性回归,学习目标【附代码文档】](https://blog.csdn.net/m0_72919230/article/details/137610540): 程序员一诺-【机器学习】机器学习创建算法第5篇：线性回归,学习目标【附代码文档】----🔥 热度:15023 + +### javascript +- [新书速览|Vue.js+Node.js全栈开发实战](https://blog.csdn.net/quanzhankaifaqua/article/details/137593818): 全栈开发圈-新书速览|Vue.js+Node.js全栈开发实战----🔥 热度:24681 +- [【vue】ref 和 reactive 对比](https://blog.csdn.net/m0_63070489/article/details/137645218): tao355667-【vue】ref 和 reactive 对比----🔥 热度:24646 +- [vue3.4 新特性 defineModel() 宏](https://blog.csdn.net/qq_40893035/article/details/137599816): 满舰饰v-vue3.4 新特性 defineModel() 宏----🔥 热度:23071 +- [子传父vue/react](https://blog.csdn.net/m0_47999208/article/details/137604441): 每天吃饭的羊-子传父vue/react----🔥 热度:22849 +- [如何合理利用Vue 3中的ref和reactive](https://blog.csdn.net/weixin_42554191/article/details/137609787): 阿珊和她的猫-如何合理利用Vue 3中的ref和reactive----🔥 热度:22662 + +### java +- [使用idea 搭建一个 SpringBoot + Mybatis + logback 的maven 项目](https://blog.csdn.net/2301_82242204/article/details/137614482): 2301_82242204-使用idea 搭建一个 SpringBoot + Mybatis + logback 的maven 项目----🔥 热度:26503 +- [4.Spring IoC&DI](https://blog.csdn.net/xinhang10/article/details/137639692): 晓星航-4.Spring IoC&DI----🔥 热度:24706 +- [从Mybatis源码到Spring动态数据源底层原理分析系列一、Mybatis初始化源码浅析](https://blog.csdn.net/2401_84048205/article/details/137611224): 2401_84048205-从Mybatis源码到Spring动态数据源底层原理分析系列一、Mybatis初始化源码浅析----🔥 热度:19305 +- [Java+BS +saas云HIS系统源码SpringBoot+itext + POI + ureport2数字化医院系统源码](https://blog.csdn.net/zmm201453/article/details/137628844): 源码宝-Java+BS +saas云HIS系统源码SpringBoot+itext + POI + ureport2数字化医院系统源码----🔥 热度:19302 +- [idea如何debug看springsecurity的过滤器顺序](https://blog.csdn.net/u014292402/article/details/137627733): 小杰s-idea如何debug看springsecurity的过滤器顺序----🔥 热度:19298 + +### php +- [外贸企业模板：室内装修设计公司网站(zblogphp模板)](https://blog.csdn.net/u010128829/article/details/137649893): 外贸网站模板-外贸企业模板：室内装修设计公司网站(zblogphp模板)----🔥 热度:10315 +- [解决php跨域问题，本地不涉及跨域，部署线上就有跨域问题](https://blog.csdn.net/weixin_45458037/article/details/137643911): Bert_2022-解决php跨域问题，本地不涉及跨域，部署线上就有跨域问题----🔥 热度:10192 +- [深度分析thinkphp类的自动加载](https://blog.csdn.net/gzmyh/article/details/137636002): gzmyh-深度分析thinkphp类的自动加载----🔥 热度:10067 +- [PHP婚恋小程序开发源码支持微信+公众号+APP](https://blog.csdn.net/weixin_53410590/article/details/137630941): weixin_2047679575-PHP婚恋小程序开发源码支持微信+公众号+APP----🔥 热度:10044 +- [详解DMZ的部署与配置](https://blog.csdn.net/qq_62016430/article/details/137483970): 折花不羡月-详解DMZ的部署与配置----🔥 热度:9780 + +### python +- [Python 大麦抢票脚本](https://blog.csdn.net/youyouxiong/article/details/137650869): youyouxiong-Python 大麦抢票脚本----🔥 热度:26564 +- [从TensorFlow到PyTorch：我为何选择后者开启深度学习之旅](https://blog.csdn.net/huanfeng_AI/article/details/137614912): 幻风_huanfeng-从TensorFlow到PyTorch：我为何选择后者开启深度学习之旅----🔥 热度:25261 +- [python+django+flask地方农产品特产商城销售系统 d63e0](https://blog.csdn.net/qq_3166678367/article/details/137656410): qq_3166678367-python+django+flask地方农产品特产商城销售系统 d63e0----🔥 热度:25101 +- [TensorFlow Keras获取辅助损失](https://blog.csdn.net/2301_76591990/article/details/137595611): 2301_76591990-TensorFlow Keras获取辅助损失----🔥 热度:24378 +- [sklearn与tensorflow模型+encoder保存和加载使用(以 dataframe data sklearn LinearRegression和tensorflow LSTM为例）](https://blog.csdn.net/m0_46716894/article/details/137557278): 小野堂-sklearn与tensorflow模型+encoder保存和加载使用(以 dataframe data sklearn LinearRegression和tensorflow LSTM为例）----🔥 热度:22295 + +### 运维 +- [【linux深入剖析】深入理解软硬链接 | 动静态库的制作以及使用](https://blog.csdn.net/weixin_60521256/article/details/137634399): RO-BERRY-【linux深入剖析】深入理解软硬链接 | 动静态库的制作以及使用----🔥 热度:41961 +- [如何在CentOS本地搭建Spug平台结合内网穿透实现远程管理运维](https://blog.csdn.net/2301_77485708/article/details/137654849): 秋说-如何在CentOS本地搭建Spug平台结合内网穿透实现远程管理运维----🔥 热度:27480 +- [Linux上的chmod命令](https://blog.csdn.net/hay23455/article/details/137632442): 费曼乐园-Linux上的chmod命令----🔥 热度:25872 +- [Docker搭建Nginx+keepalived高可用负载均衡服务器](https://blog.csdn.net/qq_39984729/article/details/137563187): Arc星语-Docker搭建Nginx+keepalived高可用负载均衡服务器----🔥 热度:20381 +- [linux磁盘知识学习](https://blog.csdn.net/weixin_40539956/article/details/137653218): 秋月霜风-linux磁盘知识学习----🔥 热度:18975 + +### 移动开发 +- [React Native Android 源码框架浅析（主流程及 Java 与 JS 双边通信），写给程序员的Flutter详细教程](https://blog.csdn.net/2401_84121789/article/details/137622276): 2401_84121789-React Native Android 源码框架浅析（主流程及 Java 与 JS 双边通信），写给程序员的Flutter详细教程----🔥 热度:31441 +- [【Flutter】三个Channel(Android-java / Ios-swift)](https://blog.csdn.net/sheng_er_sheng/article/details/137421176): sheng_er_sheng-【Flutter】三个Channel(Android-java / Ios-swift)----🔥 热度:26562 +- [Flutter IOS 提交AppStore 审核失败(1)，Android详解](https://blog.csdn.net/m0_75012072/article/details/137483620): m0_75012072-Flutter IOS 提交AppStore 审核失败(1)，Android详解----🔥 热度:22588 +- [【开源项目】Flutter版 玩安卓](https://blog.csdn.net/2401_84148981/article/details/137649004): 2401_84148981-【开源项目】Flutter版 玩安卓----🔥 热度:21948 +- [[译] React Native 对 Flutter：哪一个对创业公司更加友好？](https://blog.csdn.net/2401_84121685/article/details/137640603): 2401_84121685-[译] React Native 对 Flutter：哪一个对创业公司更加友好？----🔥 热度:21636 + +### c/c++ +- [C++奇迹之旅：探索类对象模型内存的存储猜想](https://blog.csdn.net/a_hong_sen/article/details/137595642): 阿森要自信-C++奇迹之旅：探索类对象模型内存的存储猜想----🔥 热度:22304 +- [《Linux C/C++服务器开发实践》之第7章 服务器模型设计](https://blog.csdn.net/oqqyx1234567/article/details/129036425): mali378287007-《Linux C/C++服务器开发实践》之第7章 服务器模型设计----🔥 热度:16675 +- [Conan C/C++ 开源包管理工具](https://blog.csdn.net/music_boyi/article/details/137647135): 捯饬点啥-Conan C/C++ 开源包管理工具----🔥 热度:16505 +- [windows下使用modelsim搭建uvm验证环境时遇到问题:can‘t locate a C/C++ compiler for ‘DPI Export Compilation ‘。](https://blog.csdn.net/qq_33300585/article/details/137596744): 一只迷茫的小狗-windows下使用modelsim搭建uvm验证环境时遇到问题:can‘t locate a C/C++ compiler for ‘DPI Export Compilation ‘。----🔥 热度:14687 +- [Operating Systems and Networks (159.342)C/C++](https://blog.csdn.net/tbjiaoji/article/details/137592166): tbjiaoji-Operating Systems and Networks (159.342)C/C++----🔥 热度:14531 + + +## 掘金 +### 前端 +- [下一代 CSS 框架：Mojo CSS](https://juejin.cn/post/7353484906532995135): Mojo CSS 定位为下一代原子级 CSS 框架。它于 2023 年发布，该框架的工作原理是扫描你的代码并实时创建 CSS 视觉效果，而无需你编写新的 CSS 代码。----👍🏻点赞量:76 +- [我早就看现在的工作流不爽了！- 前端使用 Jenkins](https://juejin.cn/post/7354406980784504870): 笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。----👍🏻点赞量:129 +- [面试官：如何一次性渲染十万条数据](https://juejin.cn/post/7354940230301057033): 后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li，然后每个li都是随机----👍🏻点赞量:100 +- [告别轮询，SSE 流式传输可太香了！](https://juejin.cn/post/7355666189475954725): 今天想和大家分享的一个技术是 SSE 流式传输 。如标题所言，通过 SSE 流式传输的方式可以让我们不再通过轮询的方式获取服务端返回的结果，进而提升前端页面的性能。 对于需要轮询的业务场景来说，采用 ----👍🏻点赞量:176 +- [【样式穿透】VUE样式穿透为啥有时不生效，把ta嚼烂](https://juejin.cn/post/7353447472558063679): 背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，----👍🏻点赞量:90 +- [JS事件循环(Event Loop)改了？宏任务不存在了？让我们来看看最新的是什么样的](https://juejin.cn/post/7355701907019268150): 过去把消息队列简单分为宏任务和微任务，但是随着浏览器复杂度急剧提升，W3C已经不再使用宏任务的说法。根据W3C的最新解释：每个任务都有一个任务类型，同一个类型的任务必须在一个队列里，不同类型的任务分属----👍🏻点赞量:162 +- [你不知道的Vue最新功能：Vue Macros](https://juejin.cn/post/7354406980783898662): Vue Macros 让你能提前体验下一个版本的Vue功能，也能了解到Vue团队的规划与野心，提前适应新版本----👍🏻点赞量:47 +- [2024 抖音欢笑中国年(二)：AnnieX互动容器创新玩法解析](https://juejin.cn/post/7352892698891976744): 本文基于24年抖音春节活动业务背景，介绍了字节跨端容器AnnieX在游戏互动套件上的探索，致力于提升容器在游戏互动场景的优化能力。----👍🏻点赞量:11 + +### 前端-JavaScript +- [下一代 CSS 框架：Mojo CSS](https://juejin.cn/post/7353484906532995135): Mojo CSS 定位为下一代原子级 CSS 框架。它于 2023 年发布，该框架的工作原理是扫描你的代码并实时创建 CSS 视觉效果，而无需你编写新的 CSS 代码。----👍🏻点赞量:76 +- [面试官：如何一次性渲染十万条数据](https://juejin.cn/post/7354940230301057033): 后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li，然后每个li都是随机----👍🏻点赞量:100 +- [JS事件循环(Event Loop)改了？宏任务不存在了？让我们来看看最新的是什么样的](https://juejin.cn/post/7355701907019268150): 过去把消息队列简单分为宏任务和微任务，但是随着浏览器复杂度急剧提升，W3C已经不再使用宏任务的说法。根据W3C的最新解释：每个任务都有一个任务类型，同一个类型的任务必须在一个队列里，不同类型的任务分属----👍🏻点赞量:162 +- [你不知道的Vue最新功能：Vue Macros](https://juejin.cn/post/7354406980783898662): Vue Macros 让你能提前体验下一个版本的Vue功能，也能了解到Vue团队的规划与野心，提前适应新版本----👍🏻点赞量:47 +- [超级离谱的前端需求：搜索图片里的文字！！难倒我了！](https://juejin.cn/post/7355554711167369268): 前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 背景 是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图----👍🏻点赞量:104 +- [接私活神器：1200+ 免费开源模板！！！](https://juejin.cn/post/7355439624099758115): 经常接私活或者搭建过一些个人站点或和博客的前端同学应该都深有体会： 缺乏精美的设计和交互会让网站显得平淡无奇！！！ 🌟 感觉个人制作网站超级头疼？？？ 别担心，HTMLrev 来帮你轻松搞定！！！ 什----👍🏻点赞量:72 +- [防抖和节流](https://juejin.cn/post/7353547774174035983): 防抖（debounce）和节流（throttle）是两种常用的优化高频触发事件的方法。> 防抖：当持续触发事件时，一定时间段内没有再触发事件，函数才会执行一次，如果在这个时间段内又触发了事件，则会重新----👍🏻点赞量:18 +- [前端工程师应该如何正确面对 UI 组件视觉回归测试](https://juejin.cn/post/7354174438004768806): 在面对原子化的基础组件视觉回归测试时，我们需要思考如何有效地实现 UI 视觉自动化。本文将从思路、实现和原理三个方面为您详细讲述，如何应对基础类 UI 组件的视觉回归测试挑战。----👍🏻点赞量:40 + +### 前端-Vue.js +- [【样式穿透】VUE样式穿透为啥有时不生效，把ta嚼烂](https://juejin.cn/post/7353447472558063679): 背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，----👍🏻点赞量:90 +- [你不知道的Vue最新功能：Vue Macros](https://juejin.cn/post/7354406980783898662): Vue Macros 让你能提前体验下一个版本的Vue功能，也能了解到Vue团队的规划与野心，提前适应新版本----👍🏻点赞量:47 +- [用 VitePress 搭建电子书，绝了！](https://juejin.cn/post/7355759709167910923): VitePress写技术文档、做官网很棒，由于它极高的扩展性，做电子书更是一个绝佳的选择，本文分享我的经验----👍🏻点赞量:50 +- [Vue 官方整活，愚人节“威优易”彩蛋闹麻了~](https://juejin.cn/post/7356078518097625088): Vue 改名为“威优易”的愚人节彩蛋，顺便一起吐槽一下前端术语中那些好玩的翻译、发音以及你不知道的幕后故事。----👍🏻点赞量:7 +- [面试官问我EventBus，我邪魅一笑，竟让面试官大惊失色](https://juejin.cn/post/7355401685366423579): 面试官：Vue组件通讯都有哪些方法。其中谈到了EventBus，我的回答竟让面试官大惊失色，快来一起看看吧----👍🏻点赞量:18 +- [defineModel是否破坏了vue3的单向数据流呢？](https://juejin.cn/post/7354960709010260005): 使用defineModel时，为什么子组件内没有任何关于props的定义和emit事件触发的代码？修改defineModel返回值会修改父组件上绑定的变量，这是否破坏了vue的单向数据流呢？----👍🏻点赞量:19 +- [JavaScript不建议直接声明undefined的原因，极致的严谨和仔细](https://juejin.cn/post/7354007029238988850): 很多人写JavaScript代码时习惯用var a = undefined 这种写法，其实这种写法在特定条件下会有漏洞。----👍🏻点赞量:10 +- [这次，我们想真正为前端开发的你做点儿贡献](https://juejin.cn/post/7355759709167042571): 开发和维护一个库确实并不那么容易，接下来我就把维护开源项目的坎坷经历全部分享给你，让你对开源有更深入地认识，也希望可以给你提供一些能量。----👍🏻点赞量:14 + +### 前端-面试 +- [面试官：如何一次性渲染十万条数据](https://juejin.cn/post/7354940230301057033): 后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li，然后每个li都是随机----👍🏻点赞量:100 +- [面试官：请问你在开发过程中如何实现数组去重的](https://juejin.cn/post/7355303183922774079): 这两天一面 B 站的时候被问到了这个问题，起初我笑了笑，问这么简单的问题，但是等面试官写好题目后我才发现了问题好像不简单 先看下面试官给的什么数组吧 实际开发中我们前端拿到后端的数据，有时候可能----👍🏻点赞量:28 +- [防抖和节流](https://juejin.cn/post/7353547774174035983): 防抖（debounce）和节流（throttle）是两种常用的优化高频触发事件的方法。> 防抖：当持续触发事件时，一定时间段内没有再触发事件，函数才会执行一次，如果在这个时间段内又触发了事件，则会重新----👍🏻点赞量:18 +- [JSSDK开发思路，基于RollupJS记录](https://juejin.cn/post/7352892698893205544): 背景 项目需要开发一个发版通知插件，同时公司项目属于乾坤架构的微前端应用，涉及多个子应用，如果每个项目都写一遍逻辑，在修改时可能会重复修改多个项目，于是想着能不能通过开发一个插件，对项目侵入最少方式，----👍🏻点赞量:9 +- [面试官：如果一个NPM包部分功能不满足需求，如何修改其部分功能 🐳](https://juejin.cn/post/7355383157556019239): 对第三方包进行修改以适应特定需求是一个常见的场景。尽管直接修改 node_modules 中的代码是可能的，但这种做法并不推荐，因为这些改动在下次运行 npm install 或更新包时会丢失。----👍🏻点赞量:35 +- [掌握JavaScript：多种方法生成二维数组](https://juejin.cn/post/7352789840352165897): 本文深入探讨JavaScript中生成一维和二维数组的多种方法，从基础到进阶，通俗易懂，适合各层次开发者。旨在提升对数组操作的理解和灵活运用能力。----👍🏻点赞量:8 +- [ 一组解决常见设计问题的 CSS 片段和技巧](https://juejin.cn/post/7353452645615206427): 一组解决常见设计问题的 CSS 片段和技巧 例如： 此 CSS 代码段以具有该类的元素为目标.button，并将背景颜色设置为#f1f1f1。 代码片段可以是简单的一行，也可以是选择器、属性和值的更复----👍🏻点赞量:6 +- [【😤 踩了个小水坑】JavaScript不仅有变量声明，还有变量提升](https://juejin.cn/post/7355290558406197263): 最近，一位好久没联系的朋友参加面试时，遇到了这样一道笔试题，引起了我的兴趣。在JavaScript的执行流程中，变量提升是一个经常被忽略的点。它不仅关系到变量的访问权限，还可能导致代码逻辑的执行混乱----👍🏻点赞量:8 + +### 前端-React.js +- [国内外组件库的一些差异](https://juejin.cn/post/7355290558406770703): 最近在两个项目里分别用了 antd 和 shadcn 两个 react ui 库，又对比了一下国内外的一些组件库，发现两边有一些不一样。----👍🏻点赞量:23 +- [手写一个 OnBoarding 组件](https://juejin.cn/post/7354940462061518889): 当应用加了新功能的时候，都会通过这种方式来告诉用户怎么用： 这种组件叫做 OnBoarding 或者 Tour。 在 antd5 也加入了这种组件: 那它是怎么实现的呢？ 调试下可以发现，遮罩层由 4----👍🏻点赞量:36 +- [最新发布！免费开源图片&海报编辑器工具](https://juejin.cn/post/7356055073586315315): 项目起因 事情是这样的，前不久看到一个国产的开源canvas 2d框架（leaferjs）做的非常棒，于是就跃跃欲试，打算用这个框架搞点什么，于是最终决定搞一个开源的在线的图片&海报编辑器，肝了一个月----👍🏻点赞量:23 +- [《深入理解react》之render流程](https://juejin.cn/post/7353451512205492278): 一、前面的话 我们终于可以进入render阶段了，在这个阶段我们可以学习到很多东西，它是为什么react能够呈现出UI，以及计算react状态变化的核心，那么怎么定义当前阶段是不是出于render阶段----👍🏻点赞量:11 +- [利用zustand的思想封装hook](https://juejin.cn/post/7353543714151284775): 背景 最近项目里面需要自定义hook，达到从外部控制表单的作用。为什么选择去用自定义hook？这个组件其实内部已经封装了，并且是一个单独的npm包，目前没有人去维护，不仅可读性❌，以及暴露出来的方法也----👍🏻点赞量:7 +- [从0到1搭建基于@tarojs/components组件库](https://juejin.cn/post/7353106546827542543): 在使用组件时，因为都是大家随手封装的，没有文档也没有注释，很是难受。并不知道有什么具体功能也不知道长什么样子。决定从0到1来封装一个组件库----👍🏻点赞量:3 +- [改造antd的form组件，配合zod库做数据校验，真的太优雅了。](https://juejin.cn/post/7355340024533254163): 最近在做个人next小项目，ui框架使用的是shadcn/ui，感觉shadcn里的表单操作很优雅，就想着把公司项目里antd form组件也改造一下，使操作体验和shadcn里的form一样。----👍🏻点赞量:14 +- [React官方不推荐这样使用useImperativeHandle，我偏要用，和官方对着干！ ](https://juejin.cn/post/7355324594221252648): React.useImperativeHandle 这种使用方式居然是react官方不推荐的，这让我不禁思考起来“难道我一直都踩在陷阱里？”----👍🏻点赞量:4 + +### 前端-Node.js +- [免费搞定域名、云服务器、Serverless、云数据库，助力 Node 全栈开发](https://juejin.cn/post/7355016460215894079): 做一个真实上线的项目，至少需要域名、SSL 证书、云服务器和数据库。这次分享一下，我在做这个项目的过程中，上述这些服务我是如何以最低成本获取的，供大家参考。----👍🏻点赞量:40 +- [使用 Cloudflare 和全栈框架实现快速开发](https://juejin.cn/post/7354233812593016872): 去年 Cloudflare 发布了一系列新功能，使在 Cloudflare 上部署 Web 应用程序变得更加容易，我们看到 Astro、Next.js、Nuxt、Qwik、Remix、SolidSta----👍🏻点赞量:8 +- [这次，我们想真正为前端开发的你做点儿贡献](https://juejin.cn/post/7355759709167042571): 开发和维护一个库确实并不那么容易，接下来我就把维护开源项目的坎坷经历全部分享给你，让你对开源有更深入地认识，也希望可以给你提供一些能量。----👍🏻点赞量:14 +- [volta工具-node版本管理工具](https://juejin.cn/post/7354004824305926154): 背景 在前端团队开发，我们经常会存在多个 新旧项目 共同开发 的情况，这些项目他们依赖的node版本也不一样。项目中使用的包管理器也不一样。----👍🏻点赞量:4 +- [探究 CPU 密集型与 IO 密集型任务：提升对 Node.js 中 libuv 库的理解](https://juejin.cn/post/7356450983838384137): 在软件开发和系统设计中，了解 CPU 密集型和 IO 密集型的任务对于优化应用程序和选择合适的技术栈极为重要。这些概念主要与应用程序的性能瓶颈有关，可以帮助开发者更好地理解如何设计高效的多线程和异步程----👍🏻点赞量:4 +- [Node.js 的 5 个常见服务器漏洞](https://juejin.cn/post/7356065093060952104): Node.js 是一个强大且广泛使用的 JavaScript 运行时环境，用于构建服务器端应用程序。然而，与任何其他软件一样，Node.js 也有自己的一些漏洞，如果处理不当，可能会导致安全问题。请注----👍🏻点赞量:2 +- [【0-1搭建网站】（一）Koa+koa/router+module-alias+eslint+prettier](https://juejin.cn/post/7355347789676167219): 《【0-1】搭建网站》系列会详细记录一个网站从后端、前端、部署的全过程。本文记录了使用Koa框架搭建网站后端的一些基础配置，包括router、module-alias、eslint、prettier。----👍🏻点赞量:0 +- [PNPM 8管理Node版本，卸载了旧版本Node找不到PNPM](https://juejin.cn/post/7355321162531258402): 前言 用 pnpm env 来管理 node 的版本，安装了新版本之后，卸载了之前的旧版本，调用 pnpm 报错 异常截图 解决方式 从终端获取报错文件到路径，进入编辑 修改错误的 node bin ----👍🏻点赞量:0 + +### 前端-CSS +- [下一代 CSS 框架：Mojo CSS](https://juejin.cn/post/7353484906532995135): Mojo CSS 定位为下一代原子级 CSS 框架。它于 2023 年发布，该框架的工作原理是扫描你的代码并实时创建 CSS 视觉效果，而无需你编写新的 CSS 代码。----👍🏻点赞量:76 +- [接私活神器：1200+ 免费开源模板！！！](https://juejin.cn/post/7355439624099758115): 经常接私活或者搭建过一些个人站点或和博客的前端同学应该都深有体会： 缺乏精美的设计和交互会让网站显得平淡无奇！！！ 🌟 感觉个人制作网站超级头疼？？？ 别担心，HTMLrev 来帮你轻松搞定！！！ 什----👍🏻点赞量:72 +- [CSS实现一个故障时钟效果](https://juejin.cn/post/7355302255409184807): 起因 最近公司事情不是太多，我趁着这段时间在网上学习一些Cool~的效果。今天我想和大家分享一个故障时钟的效果。很多时候，一个效果开始看起来很难，但是当你一步步摸索之后，就会发现其实它们只是由一些简单----👍🏻点赞量:27 +- [ 一组解决常见设计问题的 CSS 片段和技巧](https://juejin.cn/post/7353452645615206427): 一组解决常见设计问题的 CSS 片段和技巧 例如： 此 CSS 代码段以具有该类的元素为目标.button，并将背景颜色设置为#f1f1f1。 代码片段可以是简单的一行，也可以是选择器、属性和值的更复----👍🏻点赞量:6 +- [Web隐藏术](https://juejin.cn/post/7354948943913779238): 在Web 页面或 Web 应用程序的开发中，有些元素是需要被隐藏起来。让一个元素隐藏起来的实现方案会有很多种，只不过每种不同的技术方案实现的原理和最终呈现给用户的渲染方式会有所不同。----👍🏻点赞量:16 +- [你真的了解z-index吗？z-index为什么有时候会失效？](https://juejin.cn/post/7354004824306073610): 当涉及到层叠顺序时，z-index 属性是非常重要的，它可以用来控制定位元素及其后代元素或 flex 项目的 Z 轴顺序。较大的 z-index 值会使元素位于 Z 轴上更靠近观察者，因此会覆盖具有较----👍🏻点赞量:6 +- [【现代 CSS】标准滚动条控制规范 scrollbar-color 和 scrollbar-width](https://juejin.cn/post/7355067086823964710): Chrome 在 121 版本开始，原生支持了两个滚动条样式相关的样式 scrollbar-color 和 scrollbar-width。 要知道，在此前，虽然有 ::-webkit-scrollb----👍🏻点赞量:14 +- [CSS Tips：圆形文本排版](https://juejin.cn/post/7355670312397357106): 在 Web 设计中，圆形文本排版则是一种独特而引人注目的设计技巧，它能够为 Web 页面注入一份别致和趣味。通过 CSS 变换、自定义属性、三角函数和 SVG 多种不同姿势来实现圆形文本排版效果！----👍🏻点赞量:7 + +### 前端-后端 +- [开发的自由之路](https://juejin.cn/post/7353536741616484363): 引言 我叫溪抱鱼，是一个长期吃到时代红利远程的全栈开发。身份算是无业游民吧。 这篇文章本来是小伙伴们想让我讲一些远程的感受。但我复盘了一下没什么好讲的，无非就是自由度更高、没有通勤、做的事情覆盖面更广----👍🏻点赞量:11 +- [Code Infinity：AI Bot 技术挑战赛](https://juejin.cn/post/7355439624100249635): Code Infinity：相信代码在任何领域中都有无限的创造力，让我们以专业才智，为 AI Bot 注入一份独有的力量吧！----👍🏻点赞量:51 +- [💥 在掘金写技术好文，瓜分万元现金大奖 | 4月金石计划](https://juejin.cn/post/7354940462060404777): 金石计划是针对掘金社区创作者等级 lv4-lv8 的原创作者发起的奖金瓜分活动，根据要求完成挑战，即可瓜分现金奖池~掘金社区会在活动中挖掘有潜力、闪闪发光的技术创作者，进行重点扶持，携手大步往前走！ ----👍🏻点赞量:23 +- [没有服务器也能让你的本地项目能在公网上访问 💯💯💯](https://juejin.cn/post/7355016460215189567): 可能在开发的过程中我们会遇到这样子的一个需求，自己编写的网站想给别人预览，但是我又没有服务器，这就导致了无法给其他非本专业的人实现在线预览，这就让我们很头疼。----👍🏻点赞量:36 +- [使用 Cloudflare 和全栈框架实现快速开发](https://juejin.cn/post/7354233812593016872): 去年 Cloudflare 发布了一系列新功能，使在 Cloudflare 上部署 Web 应用程序变得更加容易，我们看到 Astro、Next.js、Nuxt、Qwik、Remix、SolidSta----👍🏻点赞量:8 +- [一行代码让你的控制台终端骚起来](https://juejin.cn/post/7355382754693464105): 因为最近在开发一个前端脚手架，要使用到一个 chalk 的包，但是我可能一些版本的问题，需要做版本的降级处理，但是我也就用到一两个方法，于是便有了一些自己研究这些让控制台输出好看样式的想法。 ANSI----👍🏻点赞量:19 +- [面向业务开发的 Coze 使用指南 | 掘金一周 4.4](https://juejin.cn/post/7353527516702507047): 领导问我：为什么一个点赞功能你做了五天？面向业务开发的 Coze 使用指南、AI教程：从黑白照片到彩色视频----👍🏻点赞量:0 +- [比特币钱包库 bitcoinjs-lib 讲解：生成钱包、导入钱包、签名验证、转账交易](https://juejin.cn/post/7355687352456757300): 之前和大家分享过很多关于以太坊链开发的内容。因为以太坊的开发者生态运营得比较好，所以网络上的学习资源有很多。而作为老大哥的比特币，由于没有官方的项目方，bitcoin core 团队和比特币基金会也比----👍🏻点赞量:5 + +### 前端-TypeScript +- [TS提供的一些实用工具类型](https://juejin.cn/post/7353582927680159781): TypeScript提供了几种有用的工具类型，以便于进行常见的类型转换。这些工具类型在全局可用。 长时间不用，有时候就忘记了， 每次都去官网查看比较麻烦， 特在此记录一份，便于查阅。 Awaited<----👍🏻点赞量:31 +- [2024 抖音欢笑中国年(三)：编辑器技巧与实践](https://juejin.cn/post/7355303183922659391): 2024年春节，抖音APP春节活动主要基于内部自研的SAR Creator互动方案完成，编辑器的使用是互动开发的核心。----👍🏻点赞量:2 +- [ 有了 TypeDoc，我的 Typescript 项目再也不用写开发文档了😊😊😊](https://juejin.cn/post/7355012708582293523): 目前我们正在开发一个前端脚手架，由于项目是使用的 Monorepo 来进行开发的，在多包中，我们维护了一个公共函数的包，使其可以提供多个不同的包使用，为了能实现我们编写的工具函数能快速被其他开发者理解----👍🏻点赞量:25 +- [【源码学习】Radash（一）Typed 类型判断](https://juejin.cn/post/7353572109949550619): Radash Radash，这个新兴的工具库，以其现代化的设计和对 TypeScript 的原生支持，迅速吸引了开发者的注意。大家都说好用，而且支持TS，那么我们就来一探究竟吧！----👍🏻点赞量:4 +- [Univer 协同生产力的进化](https://juejin.cn/post/7355147848995045376): Univer 是一个开源的前端 Office SDK，支持将电子表格、文档和幻灯片嵌入到您的企业系统中。 在加速工作流程的同时，它还有助于将数据整合到您自己的数据库中。----👍🏻点赞量:23 +- [TypeScript中使用Axios的请求拦截器：概念、封装及错误处理](https://juejin.cn/post/7352833711145369650): 本文将介绍如何在TypeScript项目中使用Axios的请求拦截器，包括基础封装、错误处理和认证配置。----👍🏻点赞量:4 +- [区区十几个勾子，这次必须要全部拿捏(上篇)](https://juejin.cn/post/7355393905200037897): 随着业务需求越来越复杂，代码的复杂度也随之上升，在近期接手的一个公司项目中，发现大部分代码我连仅仅是看懂都很吃力，主要原因是因为代码中用到了好几个我没接触过的hook，要知道对于同一个组件来讲，不同的----👍🏻点赞量:8 +- [Array.reduce 的类型你会写吗？](https://juejin.cn/post/7356055073586249779): How To Type Array.reduce 使用 reduce 的时候我们通常会遇到 TS 类型错误问题： 第八行会报错： 你可以复制代码到 ts playground 尝试是否能解决。本文将提----👍🏻点赞量:6 + +### 前端-GitHub +- [6K star！京东开源，京东风格的轻量级移动端组件库](https://juejin.cn/post/7356485240804147254): 今天我们分享一个由京东零售团队开源的京东风格的轻量级组件库，如果你喜欢京东的风格，那可以考虑使用它来进行开发，它就是：NutUI。----👍🏻点赞量:7 +- [JavaScript 迈入 AI 新纪元](https://juejin.cn/post/7356485240804180022): 随着人工智能技术的不断进步，JavaScript 也迎来了自己的 AI 时代。JS-Torch 为在 Node.js、Deno 等 JavaScript 运行时环境中运行 AI 应用铺平了道路。----👍🏻点赞量:4 +- [Canvas简历编辑器-图形绘制与状态管理(轻量级DOM)](https://juejin.cn/post/7354986873733333055): 在前边我们聊了数据结构的设计和剪贴板的数据操作，那么这些操作都还是比较倾向于数据相关的操作，那么我们现在就来聊聊基本的图形绘制以及图形状态管理。----👍🏻点赞量:14 +- [基于OT与CRDT协同算法的文档划词评论能力实现](https://juejin.cn/post/7354986873733349439): 当我们实现在线文档平台时，划词评论的功能是非常必要的，特别是在重文档管理流程的在线文档产品中，文档反馈是非常重要的一环，这样可以帮助文档维护者提高文档质量，而即使是作为讨论区评论能力也有很重要的价值。----👍🏻点赞量:16 +- [开源免费、无需注册、一键部署、模拟web轻松无限制使用GPT-3.5 API](https://juejin.cn/post/7353504333999407104): 无需注册即可免费使用ChatGPT-3.5，无意间发现了web模拟登录的开源项目两天时间1100个star，亲自试用，可以说是拿来即用，有兴趣的可以看看。----👍🏻点赞量:5 +- [56.5Kstar的开源项目gpt4free到底是什么来头？](https://juejin.cn/post/7356123940936581170): XDM来让自己的前端代码起飞吧。关注这个项目很久了，一开始我是不太相信的，直到ChatGPT的免登录以后，发现GPT3.5是可以免费的，然后无意间也发现GPT-4确实也有很多免费的途径。----👍🏻点赞量:11 +- [Nuxt3 通过 Github Action 部署 Github Pages 的最佳实践](https://juejin.cn/post/7352797634556395535): 本文从实际需求出发，讲解如何通过多种 Github Action 部署 Github Pages，并总结出最佳实践----👍🏻点赞量:6 +- [这个Bootstrap 主题UI用起来太爽了！](https://juejin.cn/post/7352075796712308762): 大家好，我是「前端实验室」爱分享的了不起~ 激活码开源项目地址：Rain/idea-jihuo (gitee.com) FastBootstrap 是一个前端 UI 框架，由知名软件开发商 Atlas----👍🏻点赞量:6 + +### 前端-前端框架 +- [JSSDK开发思路，基于RollupJS记录](https://juejin.cn/post/7352892698893205544): 背景 项目需要开发一个发版通知插件，同时公司项目属于乾坤架构的微前端应用，涉及多个子应用，如果每个项目都写一遍逻辑，在修改时可能会重复修改多个项目，于是想着能不能通过开发一个插件，对项目侵入最少方式，----👍🏻点赞量:9 +- [解锁创新潜力：Farm 核心 API 带你打造个性化构建工具](https://juejin.cn/post/7354298118236880950): 写在前面 本文开始将开始 Farm 框架原理性解析的第一篇, 带领大家从 0 到 1 到最后打造出属于自己的编译器。 如果还有不知道 Farm 的同学，在这里再给大家简单的介绍一下 Farm 是一个基----👍🏻点赞量:26 +- [Vue3项目使用SVG图标](https://juejin.cn/post/7356237910364864521): GitHub代码地址：GitHub - seapack-hub/seapack-template: seapack-template框架 一，前置工作 （一）安装依赖 vite-plugin-svg-----👍🏻点赞量:2 +- [面试官：聊聊你知道的Vue与React的区别](https://juejin.cn/post/7354614961287331855): 从本质上来说Vue和React都是比较优秀的前端框架，所以有些面试官会问到Vue和React的区别，哈士奇希望通过这篇文章能够帮助大家更了解一些两个框架的区别。----👍🏻点赞量:22 +- [前端工程化到底工程了些啥](https://juejin.cn/post/7354940230301564937): 前端工程化这个词我们已经听过太多次了，开发过程中也对此习以为常了，但是前段时间忽然发现自己好像没有真正去总结过，什么是前端工程化，有哪些要点，解决了哪些痛点。所以这回简单总结一下，什么是前端工程化。 ----👍🏻点赞量:2 +- [译文： 告别 React-DnD，拥抱 Dnd Kit：拖放的未来已经来了！](https://juejin.cn/post/7356130355693289491): Dnd Kit 是一个轻量级、模块化、高性能、易于访问和可扩展的 React 拖放工具包。它可以让你轻松拖放组件。----👍🏻点赞量:6 +- [一个代码报错的溯源过程](https://juejin.cn/post/7356418278380421170): 网络上大家都调侃程序员不看warning，只看error，确实程序和人有一个能跑就行，一个小小的warning，还想参加蟠桃大会....----👍🏻点赞量:6 +- [React 源码解析- render 入口篇](https://juejin.cn/post/7356080597599977510): render() 方法是 react 应用的入口方法，所有的 jsx 渲染 hooks 挂载和执行等，都在这个里面，本文将会通过一个小小的案例，来进行讲解。----👍🏻点赞量:0 + +### 前端-Webpack +- [webpack生产环境增量构建，享受火箭一般的提速~](https://juejin.cn/post/7353226130823151670): 因为公司屎山代码太多了，每次生产构建都要10几分钟。想想就绝望，改不动，真的改不动。如果能像开发环境一样只针对修改的代码增量构建就完美了。沿着这个思路去思考，决定采用通过缓存编译结果来提高构建速度。----👍🏻点赞量:5 +- [手摸手将Vue2升级Vue3 + 打包构建优化](https://juejin.cn/post/7353950023175061556): 前言： 大家好，本次学习的是将Vue2项目升级至Vue3项目，并通过webpack工具对项目构建以及打包已可视化的方式进行性能优化。----👍🏻点赞量:5 +- [从0到1 将静态网页项目进行工程化 - 引入Vue（第三章）](https://juejin.cn/post/7353825544705769512): 前言： 在上两节中，我们将一个原生项目通过webapck进行了工程化改造，通过导入打包js，css等文件、复用了部分html结构，最后还将打包文件进行了压缩等。 这一章节就将此基础上引入Vue----👍🏻点赞量:1 +- [静态站点全文搜索实现原理之dumi篇](https://juejin.cn/post/7355692365329301544): 在构建前端文档网站时，搜索功能是用户体验的关键组成部分之一。从技术的维度上来看，网站的搜索方案可分为后端搜索和前端搜索两种方式。本文带你了解下dumi的全文搜索实现思路。----👍🏻点赞量:0 +- [静态站点全文搜索实现原理之Rspress篇](https://juejin.cn/post/7356133709089308687): 大家好，我是老纪。书接上回dumi篇，未阅读过的同学建议先看一遍。本文带你继续了解静态站点全文搜索的Rspress的实现方案。----👍🏻点赞量:6 +- [从零开始实现 webpack + Vue全家桶项目框架（1）](https://juejin.cn/post/7353451512204509238): 本文将带你从零开始无论你是前端新手还是有一定经验的开发者，相信本文都能为你带来不小的收获，逐步搭建一个基于 webpack 和 Vue 全家桶----👍🏻点赞量:1 +- [基于源码的 Webpack 结构分析](https://juejin.cn/post/7355011823277998080): 即使目前优秀的构建工具层出不穷，Webpack 还是保持着其在现代前端开发工具链中不可替代的地位。这篇文章将会带来 Webpack 整体结构的源码解读，内容较多，建议细品+收藏（doge----👍🏻点赞量:8 +- [Loader 和 Plugin](https://juejin.cn/post/7356130355693305875): Loader Loader 是一个打包方案，本身是一个函数，接受源文件作为参数，返回转换的结果。 loaders 需要安装：npm install [loader名称] -D。 Loader 的使用方----👍🏻点赞量:0 + +### 前端-架构 +- [探探各个微前端框架](https://juejin.cn/post/7356078518096576512): 微前端架构是为了在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来的应用不可维护的问题。这类问----👍🏻点赞量:8 +- [画图框架 Plait 中的抽象](https://juejin.cn/post/7353456468094631973): 前言 抽象在软件开发过程中是一种常见的现象，我的理解： 抽象是一种表达方式 ，随着抽象概念的引入，代码的编写需要围绕新的概念进行，日常沟通的颗粒度也需要围绕新的概念对齐。----👍🏻点赞量:6 +- [Canvas简历编辑器-图形绘制与状态管理(轻量级DOM)](https://juejin.cn/post/7354986873733333055): 在前边我们聊了数据结构的设计和剪贴板的数据操作，那么这些操作都还是比较倾向于数据相关的操作，那么我们现在就来聊聊基本的图形绘制以及图形状态管理。----👍🏻点赞量:14 +- [Patterns.dev 用设计模式打造最佳用户体验，提高应用的可扩展性和性能](https://juejin.cn/post/7353452645615648795): 各位掘友们，大家好！今天给大家介绍一个非常棒的学习设计模式的网站 - Patterns.dev。这个网站通过生动有趣的动画演示、可以直接运行的代码示例，以及贴近实战需求的亲和叙述方式，让设计模式的学习----👍🏻点赞量:6 +- [2024年微前端实战（qiankun+umi+antd）](https://juejin.cn/post/7352837711340683315): 基于qiankun + umi + antd 搭建的一套微前端架构项目，本文档涵盖了从环境准备到前端开发，主子项目部署、打包配置，nginx 配置等一系列关键配置与解析----👍🏻点赞量:4 +- [【问题解决】解决 ECharts 图表窗口自适应与数据不渲染问题](https://juejin.cn/post/7354960709010800677): 在项目中使用 ECharts 遇到了一些问题，包括图表不会随着窗口大小变化而变化，以及父组件向子组件传值时，ECharts 中的值不会被同步渲染等，因此写本博文进行记录；----👍🏻点赞量:17 +- [用零代码的思维设计文档编辑引擎](https://juejin.cn/post/7354398676645822501): 嗨，大家好，我是徐小夕。之前和大家分享了很多零代码，可视化相关的最佳实践，最近也花了很多实践研究文档引擎，接下来就和大家分享一下最近的研究成果。 大家看到的就是我做的文档编辑引擎，类似于飞书文档和钉钉----👍🏻点赞量:10 +- [基于OT与CRDT协同算法的文档划词评论能力实现](https://juejin.cn/post/7354986873733349439): 当我们实现在线文档平台时，划词评论的功能是非常必要的，特别是在重文档管理流程的在线文档产品中，文档反馈是非常重要的一环，这样可以帮助文档维护者提高文档质量，而即使是作为讨论区评论能力也有很重要的价值。----👍🏻点赞量:16 + +### 前端-微信小程序 +- [微信小程序主包过大终极解决方案](https://juejin.cn/post/7355057488351674378): 1.分包 我相信几乎所有人都能想到的方案，基本上这个方案就能解决问题。具体如何实现可以参照官方文档这里不做过多说明。(基础能力 / 分包加载 / 使用分包 (qq.com))，但是有时候你会发现分包之----👍🏻点赞量:10 +- [微信支付中"Missing PrepayId"问题原因与处理](https://juejin.cn/post/7356429881632882688): 统一下单时 参数错误 和 在重复的外部商户订单号 ，是造成Missing PrepayId 错误的2个主要原因----👍🏻点赞量:4 +- [一个小猪咪🐱品种鉴定小工具](https://juejin.cn/post/7356133709089669135): 🐱前言 今日突发奇想给自家小猪咪做一个品种血统鉴定小工具看看猪咪继承了哪些血统，毕竟小猪咪到家这么久了都不知道他继承了那只猪咪的基因～～ 🤔️技术选择 目前调研了多个图片识别，感觉只有百度的做的最好，----👍🏻点赞量:3 +- [uniapp 原生 APP 打包](https://juejin.cn/post/7355098347483037737): 主要介绍了uniapp项目打包运行原生APP的问题，包括真机调试，真机运行，项目打包等等；还介绍了小程序接入微信客服的处理逻辑----👍🏻点赞量:0 +- [ 【记一记】h5移动端和小程序富文本渲染和富文本解决方案mp-html组件使用记录](https://juejin.cn/post/7355383157556510759): uni-app多平台富文本渲染，富文本编辑组件mp-html使用小技巧，主要记录我在使用过程中遇到的一些问题----👍🏻点赞量:2 +- [微信小程序国际化](https://juejin.cn/post/7355065996737003539): 本文介绍了如何在微信小程序中实现多语言，包括安装mini-i18n库，创建语言包，初始化设置，以及如何在页面中使用。提供了代码片段和GitHub项目地址供进一步参考，帮助开发者轻松实现小程序的国际化。----👍🏻点赞量:0 +- [uniapp中使用uview的u-list 或者内置组件scroll-view 实现tabs切换 list会到顶部实现](https://juejin.cn/post/7356596872570175507): 需求背景 页面中用到的 u-list 同 scroll-view 因为u-list底层也是对scroll-view进行的二次封装 想要实现顶部tabs切换的时候 list 回到顶部功能----👍🏻点赞量:1 + +### 后端 +- [靠维护老项目度中年危机](https://juejin.cn/post/7353475049418260517): 最近靠维护老项目度过中年危机的话题挺火,刚好最近也在维护一个PHP开发的CRM的老项目，项目由于数据量比较大, 导致查询速度很慢, 经常出现超时的情况, 下面记录一下具体的优化过程。 优化老项目,老生----👍🏻点赞量:17 +- [探索 JWT：安全、可扩展的身份验证方案](https://juejin.cn/post/7343243744479395891): 安全性是应用程序开发中至关重要的一个方面。随着用户数量和数据量的增加，保护用户数据和验证用户身份变得尤为重要。JSON Web Token（JWT）作为一种安全且可扩展的身份验证方式----👍🏻点赞量:20 +- [阿里二面，Redis宕机了，如何恢复数据](https://juejin.cn/post/7342480215533404170): 有个同学去大厂面试，面试官问：redis宕机了，如何恢复数据？ 这位同学当时一脸懵，不知道如何回答。 分析分析这个问题，redis宕机，要想恢复数据，首先redis的数据有没有做持久化，用的是哪----👍🏻点赞量:47 +- [你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了](https://juejin.cn/post/7353536741615714315): 你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了 大家好，我是梦兽编程。欢迎回来与梦兽编程一起刷Rust的系列。微信公众号【梦兽编程】即可加入梦兽编程微信交流群与我----👍🏻点赞量:26 +- [货拉拉AI一站式测评平台设计](https://juejin.cn/post/7353452645615304731): 货拉拉AI一站式测评平台，搭建“出-测-评”三位一体化智评能力，打造物流行业的领先评测平台，覆盖公司评测全场景，加速数智化转型进程。----👍🏻点赞量:13 +- [陌生Java项目历险记 2 ——搜索与回溯](https://juejin.cn/post/7353447472557948991): 近期接手了一个陌生的 Java 项目，在阅读源码的过程中，一路踩坑，一路总结。本文是这一系列的第二篇，并尝试提出两种基本的源码阅读方法。前者具有普适性，后者则更高效。 在跌跌撞撞一周之后----👍🏻点赞量:8 +- [Spring Cloud Gateway实战](https://juejin.cn/post/7352892698892681256): Spring Cloud Gateway(以下简称Gateway)是Spring生态系统中的一个API网关，它可以处理HTTP请求和响应，并充当微服务架构中的入口点。----👍🏻点赞量:13 +- [在 Java 中对List进行分区](https://juejin.cn/post/7353447472558211135): 在本文中，我们将说明如何将一个列表拆分为多个给定大小的子列表；我将分别通过Guava、Apache-Commons、Java8 Stream API分别演示----👍🏻点赞量:7 + +### Android +- [Flutter 即将放弃 Html renderer ，你是否支持这个提议？](https://juejin.cn/post/7355011549827121179): 在之前的《Flutter Web 的未来，Wasm Native 即将到来》 中我们知道，Flutter 通过推进 WasmGC 的落地来支持 Dart Native ，从而让 Flutter Web----👍🏻点赞量:57 +- [Android Perfetto 系列 3：熟悉 Perfetto View ](https://juejin.cn/post/7355359684850843658): 本篇是 Perfetto 系列文章的第三篇，前两篇介绍了 Perfetto 是什么以及 Perfetto Trace 怎么抓，本篇主要是网页端 Perfetto View怎么看以及一些使用技巧----👍🏻点赞量:34 +- [Jetpack Bluetooth——更优雅地使用蓝牙](https://juejin.cn/post/7354389281584119823): 蓝牙是安卓开发中非常常用的操作，但安卓经过这么多年的迭代，蓝牙的相关接口都经过了很多修改需要适配，还有的接口需要实现一堆函数。。。整套操作虽说不算复杂，但难免感觉不太舒服。----👍🏻点赞量:39 +- [Flutter&Flame游戏实践#10 | 打砖块 - 金币与商店](https://juejin.cn/post/7354308608043614244): Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架，兼具 全端 跨平台和高性能的特点。目前官方对----👍🏻点赞量:23 +- [如何使用Docker + Jenkins pipeline搭建安卓打包环境](https://juejin.cn/post/7353152184274731062): 厌倦了每次都得在不同的打包机配置Android打包环境？于是乎花费了一番功夫搭建了一个基于Docker+Jenkins pipeline的打包环境。----👍🏻点赞量:9 +- [Flutter 像素编辑器#01 | 像素网格](https://juejin.cn/post/7355777835913052179): 本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。本篇将完成如下功能: [1]. 展示方形网格。 [2]. 通过网格的坐标信息，为像素单元格着色。 [3]. 通过手势交互，在网格中编辑像----👍🏻点赞量:16 +- [Flutter&Flame游戏实践#09 | 打砖块 - 道具设计](https://juejin.cn/post/7352751855485616162): Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架，兼具 全端 跨平台和高性能的特点。目前官方对----👍🏻点赞量:13 +- [【Gradle-15】源码和AAR的依赖替换指南](https://juejin.cn/post/7354940230301696009): 依赖替换不止是运用在依赖管理上，多数情况下，是来解决模块化架构下的多人协作问题、开发效率和编译提速问题。----👍🏻点赞量:26 + +### IOS +- [iOS 可以在网页上安装应用了？来看看 iOS 17.5 Beta 发布了什么](https://juejin.cn/post/7353234023098204179): 这里每天分享一个 iOS 的新知识，快来关注我吧 前言 Apple 今天向开发人员发布了 iOS 17.5 beta 1，这个 Beta 版本最大的改动就是针对欧盟侧载的支持，iOS 17.4 中首次----👍🏻点赞量:5 +- [iOS 开发们，是时候干掉 Charles 了](https://juejin.cn/post/7355845238906175551): 这里每天分享一个 iOS 的新知识，快来关注我吧 前言 一说到 mac 上的抓包工具，大家自然而然的会想到 Charles，作为老牌抓包工具，它功能很全面，也很强大。但是随着系统的不断更新迭代，Cha----👍🏻点赞量:36 +- [肘子的 Swift 周报 #025 ｜ Let's VisionOS, Let's rock and roll!](https://juejin.cn/post/7352805162072719414): 欢迎访问 weekly.fatbobman.com 订阅本周报的电子邮件版本。周报将向您介绍近期有关 Swift、SwiftUI、Core Data、SwiftData 等优秀的文章和内容----👍🏻点赞量:3 +- [iOS 17 ContextKitExtraction 崩溃处理](https://juejin.cn/post/7354940230301253641): @property (nonatomic, assign) NSUInteger component; 一行平平无奇的属性声明为何会触发崩溃呢？----👍🏻点赞量:6 +- [我开源了个手势匹配框架，让你在模拟器调试 visionOS 手部追踪功能！](https://juejin.cn/post/7355046159889301556): HandVector 是我开源的一个 visionOS 手势匹配框架，目前已支持 SPM。它有两个功能： 手势相似度计算 在 visionOS 模拟器上运行手部追踪与匹配功能----👍🏻点赞量:9 +- [只需三板斧！带你入门 visionOS 空间计算的数学与几何基础](https://juejin.cn/post/7355117271213391872): 看不懂苹果 visionOS Demo 中的数学与几何运算？这是很多 iOS 开发者试图学习 visionOS 开发时遇到的最大困难。所以我将 3D/AR 中基础的数学与几何运算做了整理----👍🏻点赞量:8 +- [本周新鲜事 #5 苹果在开发家用机器人，App Store 审核指南修改，iPhone 16最新消息，Vision Pro最新](https://juejin.cn/post/7354233858063941651): 这里每天分享一个 iOS 的新知识，快来关注我吧 App Store 审核指南修改 从 iOS 17.4 开始，苹果为了遵守欧盟的 DMA 法规，已经作出了很多改动，包括支持侧载，支持第三方应用商店。----👍🏻点赞量:2 +- [货拉拉专送司机iOS指纹及面容认证登录实践与总结](https://juejin.cn/post/7355383157556346919): 一、背景 货拉拉专送司机端存在一个账号在多台设备之间切换登录的场景，登录的token凭证也有时效性，当切换设备登录或token凭证失效时，需要走手机验证码登录流程(目前暂只支持此登录方式)，若碰到手机----👍🏻点赞量:9 + + +## GitHub +### javascript +- [missuo/FreeGPT35](https://github.com/missuo/FreeGPT35): Utilize the unlimited free GPT-3.5-Turbo API service provided by the login-free ChatGPT Web.----总⭐️2,377; 今日⭐️1,228 +- [langflow-ai/langflow](https://github.com/langflow-ai/langflow): ⛓️ Langflow is a dynamic graph where each node is an executable unit. Its modular and interactive design fosters rapid experimentation and prototyping, pushing hard on the limits of creativity.----总⭐️16,517; 今日⭐️1,104 +- [pedroslopez/whatsapp-web.js](https://github.com/pedroslopez/whatsapp-web.js): A WhatsApp client library for NodeJS that connects through the WhatsApp Web browser app----总⭐️13,432; 今日⭐️185 +- [NaiboWang/EasySpider](https://github.com/NaiboWang/EasySpider): A visual no-code/code-free web crawler/spider易采集：一个可视化浏览器自动化测试/数据采集/爬虫软件，可以无代码图形化的设计和执行爬虫任务。别名：ServiceWrapper面向Web应用的智能化服务封装系统。----总⭐️20,905; 今日⭐️726 +- [gethomepage/homepage](https://github.com/gethomepage/homepage): A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations.----总⭐️15,575; 今日⭐️564 +- [ryanmcdermott/clean-code-javascript](https://github.com/ryanmcdermott/clean-code-javascript): 🛁 Clean Code concepts adapted for JavaScript----总⭐️89,506; 今日⭐️491 +- [iptv-org/iptv](https://github.com/iptv-org/iptv): Collection of publicly available IPTV channels from all over the world----总⭐️77,672; 今日⭐️267 +- [100xdevs-cohort-2/assignments](https://github.com/100xdevs-cohort-2/assignments): ----总⭐️1,956; 今日⭐️63 +- [OpenZeppelin/openzeppelin-contracts](https://github.com/OpenZeppelin/openzeppelin-contracts): OpenZeppelin Contracts is a library for secure smart contract development.----总⭐️24,053; 今日⭐️124 +- [SuhailTechInfo/Suhail-Md](https://github.com/SuhailTechInfo/Suhail-Md): meet Suhail-Md, Your All-in-One WhatsApp Excitement Buddy! Enjoy a thrilling messaging experience like never before. Suhail-Md brings a world of excitement and joy to your chats ✨🤖----总⭐️1,871; 今日⭐️233 + +### vue +- [zyronon/douyin](https://github.com/zyronon/douyin): TikTok 抖音 Vue.js----总⭐️2,837; 今日⭐️967 +- [CorentinTh/it-tools](https://github.com/CorentinTh/it-tools): Collection of handy online tools for developers, with great UX.----总⭐️9,667; 今日⭐️342 +- [sugarforever/chat-ollama](https://github.com/sugarforever/chat-ollama): ChatOllama is an open source chatbot based on LLMs. It supports a wide range of language models, and knowledge base management.----总⭐️1,101; 今日⭐️244 +- [hakadao/BewlyBewly](https://github.com/hakadao/BewlyBewly): Improve your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences. (English | 简体中文 | 正體中文 | 廣東話)----总⭐️1,925; 今日⭐️292 +- [imsyy/home](https://github.com/imsyy/home): 个人主页，我的个人主页，个人主页源码，主页模板，homepage----总⭐️2,282; 今日⭐️78 +- [jason5ng32/MyIP](https://github.com/jason5ng32/MyIP): The best IP Toolbox. Easy to check what's your IPs, IP geolocation, check for DNS leaks, examine WebRTC connections, speed test, ping test, MTR test, check website availability and more! || 🇨🇳 可能是最好用的IP工具箱。轻松检查你的 IP，IP 地理位置，检查DNS泄漏，检查 WebRTC 连接，速度测试，ping 测试，MTR测试，检查网站可用性等等。----总⭐️4,001; 今日⭐️254 +- [ParisNeo/lollms-webui](https://github.com/ParisNeo/lollms-webui): Lord of Large Language Models Web User Interface----总⭐️3,711; 今日⭐️39 +- [qier222/YesPlayMusic](https://github.com/qier222/YesPlayMusic): 高颜值的第三方网易云播放器，支持 Windows / macOS / Linux----总⭐️26,902; 今日⭐️123 +- [viarotel-org/escrcpy](https://github.com/viarotel-org/escrcpy): 📱 Graphical Scrcpy to display and control Android, devices powered by Electron. | 使用图形化的 Scrcpy 显示和控制您的 Android 设备，由 Electron 驱动。----总⭐️1,272; 今日⭐️137 +- [crmeb/CRMEB](https://github.com/crmeb/CRMEB): 🔥CRMEB开源商城免费开源多语言商城系统，Tp6框架商城，系统可商用；包含小程序商城、H5商城、公众号商城、PC商城、App，支持分销、拼团、砍价、秒杀、优惠券、积分、会员等级、小程序直播、页面DIY，前后端分离，方便二开，更有详细使用文档、接口文档、数据字典、二开文档/视频教程，欢迎大家提出宝贵意见和建议----总⭐️4,762; 今日⭐️41 + +### typescript +- [wandb/openui](https://github.com/wandb/openui): OpenUI let's you describe UI using your imagination, then see it rendered live.----总⭐️5,489; 今日⭐️2,258 +- [tc39/proposal-signals](https://github.com/tc39/proposal-signals): A proposal to add signals to JavaScript.----总⭐️2,288; 今日⭐️963 +- [langgenius/dify](https://github.com/langgenius/dify): Dify is an open-source LLM app development platform. Dify's intuitive interface combines AI workflow, RAG pipeline, agent capabilities, model management, observability features and more, letting you quickly go from prototype to production.----总⭐️21,138; 今日⭐️1,857 +- [ixartz/SaaS-Boilerplate](https://github.com/ixartz/SaaS-Boilerplate): 🚀🎉📚 SaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. ⚡️ Full-stack React application with Auth, Multi-tenancy, Roles & Permissions, i18n, Landing Page, DB, Logging, Testing----总⭐️1,886; 今日⭐️1,196 +- [freeCodeCamp/freeCodeCamp](https://github.com/freeCodeCamp/freeCodeCamp): freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.----总⭐️387,016; 今日⭐️1,079 +- [code100x/cms](https://github.com/code100x/cms): ----总⭐️281; 今日⭐️58 +- [LLM-Red-Team/kimi-free-api](https://github.com/LLM-Red-Team/kimi-free-api): 🚀 KIMI AI 长文本大模型白嫖服务，支持高速流式输出、联网搜索、长文档解读、图像解析、多轮对话，零配置部署，多路token支持，自动清理会话痕迹。----总⭐️1,543; 今日⭐️443 +- [refinedev/refine](https://github.com/refinedev/refine): A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.----总⭐️24,418; 今日⭐️798 +- [OneUptime/oneuptime](https://github.com/OneUptime/oneuptime): OneUptime is the complete open-source observability platform.----总⭐️3,841; 今日⭐️626 +- [HerbertHe/iptv-sources](https://github.com/HerbertHe/iptv-sources): Autoupdate iptv sources----总⭐️3,760; 今日⭐️1,035 + +### python +- [princeton-nlp/SWE-agent](https://github.com/princeton-nlp/SWE-agent): SWE-agent takes a GitHub issue and tries to automatically fix it, using GPT-4, or your LM of choice. It solves 12.29% of bugs in the SWE-bench evaluation set and takes just 1.5 minutes to run.----总⭐️8,893; 今日⭐️4,550 +- [infiniflow/ragflow](https://github.com/infiniflow/ragflow): RAGFlow is an open-source RAG (Retrieval-Augmented Generation) engine based on deep document understanding.----总⭐️4,155; 今日⭐️2,198 +- [PKU-YuanGroup/Open-Sora-Plan](https://github.com/PKU-YuanGroup/Open-Sora-Plan): This project aim to reproduce Sora (Open AI T2V model), we wish the open source community contribute to this project.----总⭐️9,612; 今日⭐️3,016 +- [netease-youdao/QAnything](https://github.com/netease-youdao/QAnything): Question and Answer based on Anything.----总⭐️7,618; 今日⭐️1,256 +- [public-apis/public-apis](https://github.com/public-apis/public-apis): A collective list of free APIs----总⭐️290,986; 今日⭐️2,042 +- [NVlabs/FoundationPose](https://github.com/NVlabs/FoundationPose): [CVPR 2024 Highlight] FoundationPose: Unified 6D Pose Estimation and Tracking of Novel Objects----总⭐️795; 今日⭐️201 +- [paul-gauthier/aider](https://github.com/paul-gauthier/aider): aider is AI pair programming in your terminal----总⭐️8,457; 今日⭐️1,043 +- [xtekky/gpt4free](https://github.com/xtekky/gpt4free): The official gpt4free repository | various collection of powerful language models----总⭐️56,738; 今日⭐️753 +- [searxng/searxng](https://github.com/searxng/searxng): SearXNG is a free internet metasearch engine which aggregates results from various search services and databases. Users are neither tracked nor profiled.----总⭐️8,069; 今日⭐️1,186 +- [agiresearch/AIOS](https://github.com/agiresearch/AIOS): AIOS: LLM Agent Operating System----总⭐️2,285; 今日⭐️808 + +### go +- [plandex-ai/plandex](https://github.com/plandex-ai/plandex): An AI coding engine for complex tasks----总⭐️8,251; 今日⭐️7,220 +- [nilsherzig/LLocalSearch](https://github.com/nilsherzig/LLocalSearch): LLocalSearch is a completely locally running search aggregator using LLM Agents. The user can ask a question and the system will use a chain of LLMs to find the answer. The user can see the progress of the agents and the final answer. No OpenAI or Google API keys are needed.----总⭐️4,410; 今日⭐️1,858 +- [aurora-develop/aurora](https://github.com/aurora-develop/aurora): free----总⭐️1,582; 今日⭐️1,025 +- [jpillora/chisel](https://github.com/jpillora/chisel): A fast TCP/UDP tunnel over HTTP----总⭐️11,908; 今日⭐️932 +- [kgretzky/evilginx2](https://github.com/kgretzky/evilginx2): Standalone man-in-the-middle attack framework used for phishing login credentials along with session cookies, allowing for the bypass of 2-factor authentication----总⭐️9,814; 今日⭐️62 +- [opentofu/opentofu](https://github.com/opentofu/opentofu): OpenTofu lets you declaratively manage your cloud infrastructure.----总⭐️19,568; 今日⭐️235 +- [ethereum/go-ethereum](https://github.com/ethereum/go-ethereum): Official Go implementation of the Ethereum protocol----总⭐️45,921; 今日⭐️314 +- [gophish/gophish](https://github.com/gophish/gophish): Open-Source Phishing Toolkit----总⭐️10,584; 今日⭐️154 +- [usememos/memos](https://github.com/usememos/memos): An open source, lightweight note-taking service. Easily capture and share your great thoughts.----总⭐️26,881; 今日⭐️283 +- [juanfont/headscale](https://github.com/juanfont/headscale): An open source, self-hosted implementation of the Tailscale control server----总⭐️19,313; 今日⭐️176 + +### rust +- [HardhatChad/ore-cli](https://github.com/HardhatChad/ore-cli): ----总⭐️908; 今日⭐️869 +- [HardhatChad/ore](https://github.com/HardhatChad/ore): ----总⭐️472; 今日⭐️414 +- [ordinals/ord](https://github.com/ordinals/ord): 👁‍🗨 Rare and exotic sats----总⭐️3,277; 今日⭐️68 +- [availproject/avail-light](https://github.com/availproject/avail-light): ----总⭐️568; 今日⭐️399 +- [rustdesk/rustdesk](https://github.com/rustdesk/rustdesk): An open-source remote desktop, and alternative to TeamViewer.----总⭐️62,270; 今日⭐️398 +- [jito-labs/searcher-examples](https://github.com/jito-labs/searcher-examples): Searcher Examples----总⭐️230; 今日⭐️19 +- [astral-sh/uv](https://github.com/astral-sh/uv): An extremely fast Python package installer and resolver, written in Rust.----总⭐️10,790; 今日⭐️596 +- [huggingface/candle](https://github.com/huggingface/candle): Minimalist ML framework for Rust----总⭐️13,247; 今日⭐️239 +- [availproject/avail](https://github.com/availproject/avail): ----总⭐️677; 今日⭐️179 +- [embassy-rs/embassy](https://github.com/embassy-rs/embassy): Modern embedded framework, using Rust and async.----总⭐️4,282; 今日⭐️68 + +### object-c +- [prisonerjohn/FBZ-BEAT](https://github.com/prisonerjohn/FBZ-BEAT): ----总⭐️3; 今日⭐️0 +- [amowu/arduimo](https://github.com/amowu/arduimo): Amo + Arduino = Arduimo----总⭐️6; 今日⭐️0 + +### css +- [bradtraversy/50projects50days](https://github.com/bradtraversy/50projects50days): 50+ mini web projects using HTML, CSS & JS----总⭐️34,213; 今日⭐️573 +- [datawhalechina/hugging-multi-agent](https://github.com/datawhalechina/hugging-multi-agent): A tutorial based on MetaGPT to quickly help you understand the concept of agent and muti-agent and get started with coding development----总⭐️1,022; 今日⭐️207 +- [primefaces/primereact](https://github.com/primefaces/primereact): The Most Complete React UI Component Library----总⭐️5,657; 今日⭐️45 +- [saucelabs/the-internet](https://github.com/saucelabs/the-internet): An example application that captures prominent and ugly functionality found on the web. Perfect for writing automated acceptance tests against.----总⭐️743; 今日⭐️0 +- [ryanoasis/nerd-fonts](https://github.com/ryanoasis/nerd-fonts): Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more----总⭐️50,943; 今日⭐️170 +- [100xdevs-cohort-2/paytm](https://github.com/100xdevs-cohort-2/paytm): ----总⭐️86; 今日⭐️7 +- [primefaces/primevue](https://github.com/primefaces/primevue): Next Generation Vue UI Component Library----总⭐️7,475; 今日⭐️101 +- [primefaces/primeng](https://github.com/primefaces/primeng): The Most Complete Angular UI Component Library----总⭐️9,396; 今日⭐️40 +- [yakimka/python_interview_questions](https://github.com/yakimka/python_interview_questions): Вопросы для подготовки к интервью на позицию Python Developer----总⭐️1,340; 今日⭐️28 +- [devicons/devicon](https://github.com/devicons/devicon): Set of icons representing programming languages, designing & development tools----总⭐️8,938; 今日⭐️32 + +