draven's blog

├── docs ├── 2024 │ ├── 2024-05-19.md │ ├── 2024-03-29.md │ ├── 2024-06-16.md │ ├── 2024-04-28.md │ └── 2024-03-22.md ├── .vuepress │ ├── public │ │ ├── CNAME │ │ ├── hero.png │ │ └── feed.xml │ └── config.js ├── menu.md ├── about.md └── README.md ├── contributors.md ├── hero.png ├── .gitignore ├── README.md ├── .github └── workflows │ └── gh-pages.yml ├── package.json └── rss.sh /docs/.vuepress/public/CNAME: -------------------------------------------------------------------------------- 1 | www.dravenwu.top 2 | -------------------------------------------------------------------------------- /contributors.md: -------------------------------------------------------------------------------- 1 | # 贡献者 2 | - [dravenww(德莱问)](https://github.com/dravenww) -------------------------------------------------------------------------------- /hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dravenww/curated-article/HEAD/hero.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .vscode 2 | .idea 3 | .DS_Store 4 | node_modules 5 | docs/.vuepress/dist 6 | -------------------------------------------------------------------------------- /docs/.vuepress/public/hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dravenww/curated-article/HEAD/docs/.vuepress/public/hero.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # curated-article 2 | 收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此 3 | 4 | 每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀 5 | 6 |

7 | -------------------------------------------------------------------------------- /docs/.vuepress/public/feed.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | draven's blog 5 | https://dravenww.github.io/curated-article/ 6 | draven's blog, ???????????? 7 | 8 | Main page 9 | https://dravenww.github.io/curated-article/ 10 | Main page RSS 11 | 12 | 13 | -------------------------------------------------------------------------------- /docs/menu.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 目录 3 | --- 4 | 5 | - 互联网越来越流行，程序员内卷越来越严重，技术层出不穷，更新迭代不断； 6 | - 有可能是为了让技术精进，也有可能是害怕技术落后而掉队；总之需要获取一些前沿信息； 7 | - 这个项目会基本涵盖大部分技术体系。内容会按照日期进行分类，每天排行前几的文章会被收录； 8 | - 如果这个网站的分享对你有所帮助，还请大家给个 ⭐️ 让更多的人知道 [它](https://github.com/dravenww/curated-article) . 9 | 10 | [//]: # (year comment) 11 | ## 2024 12 | 13 | - [2024-05-24](/2024/2024-05-24)：2024-05-24的文章合集 14 | - [2024-04-28](/2024/2024-04-28)：2024-04-28的文章合集 15 | - [2024-04-19](/2024/2024-04-19)：2024-04-19的文章合集 16 | - [2024-04-12](/2024/2024-04-12)：2024-04-12的文章合集 17 | - [2024-04-07](/2024/2024-04-07)：2024-04-07的文章合集 18 | - [2024-03-29](/2024/2024-03-29)：2024-03-29的文章合集 19 | - [2024-03-22](/2024/2024-03-22)：2024-03-22的文章合集 20 | -------------------------------------------------------------------------------- /.github/workflows/gh-pages.yml: -------------------------------------------------------------------------------- 1 | name: github pages 2 | on: 3 | workflow_dispatch: 4 | push: 5 | branches: 6 | - main # default branch 7 | jobs: 8 | deploy: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - uses: actions/checkout@v2 12 | - name: Use Node.js 14.19.3 13 | uses: actions/setup-node@v2 14 | with: 15 | node-version: "14.19.3" 16 | - name: Install Dep 17 | run: yarn 18 | - name: Build 19 | run: npm run build 20 | - name: Deploy 21 | # uses: peaceiris/actions-gh-pages@v3 22 | uses: JamesIves/github-pages-deploy-action@releases/v3 23 | with: 24 | github_token: ${{ secrets.GITHUB_TOKEN }} 25 | branch: gh-pages 26 | folder: docs/.vuepress/dist 27 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "curated-article", 3 | "version": "1.0.0", 4 | "description": "收集各大技术社区网站每日热文", 5 | "main": "index.js", 6 | "directories": { 7 | "doc": "docs" 8 | }, 9 | "scripts": { 10 | "start": "vuepress dev docs", 11 | "dev": "vuepress dev docs", 12 | "build": "vuepress build docs" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/dravenww/curated-article.git" 17 | }, 18 | "author": "dravenww", 19 | "license": "ISC", 20 | "bugs": { 21 | "url": "https://github.com/dravenww/curated-article/issues" 22 | }, 23 | "homepage": "https://github.com/dravenww/curated-article#readme", 24 | "dependencies": { 25 | "vuepress": "^1.8.2" 26 | }, 27 | "devDependencies": { 28 | "vuepress-theme-reco": "^1.6.6" 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /docs/about.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 关于我 3 | --- 4 | - 一个做前端的，专注于大前端，勇往无前，披荆斩棘 5 | - 一个会点node，会点js，会点vue，会点react，还会点工程化的 6 | - 目前在北京，就职于腾讯，服务于PCG 7 | - 个人掘金地址：[https://juejin.cn/user/1732486056921614](https://juejin.cn/user/1732486056921614) 8 | - 个人csdn地址：[https://blog.csdn.net/jackwen110200](https://blog.csdn.net/jackwen110200) 9 | - 我的github: [https://github.com/dravenww](https://github.com/dravenww) 10 | - 热爱开源共建，喜欢折腾，热衷于重构，感性于性能，服务于用户体验 11 | - 想和落地是两回事，敢想不如敢干，敢干不如想好了再干 12 | - 去旅游和撸代码是两大爱好，当然王者荣耀也是可以的 13 | - 联系我：dravenwu110200@gmail.com / 14 | jackwen110200@163.com 15 | 16 | # 杂活 17 | - 做小程序 18 | - 做鸿蒙 19 | - 做设计 20 | - 讲段子 21 | 22 | 23 | # 联系我 24 | 欢迎关注我的公众号，每天获取最新高质量技术文章 25 | 26 | ![](https://raw.githubusercontent.com/dravenww/blob/master/241625904836_.pic.jpg) 27 | 28 | -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- 1 | --- 2 | home: true 3 | heroImage: /hero.png 4 | heroImageStyle: { 5 | maxHeight: '200px', 6 | maxWidth: '100%', 7 | display: block, 8 | margin: '6rem auto 1.5rem', 9 | borderRadius: '5px', 10 | boxShadow: '0 5px 18px rgba(0,0,0,0.2)' 11 | } 12 | actionText: 开始 → 13 | actionLink: /menu 14 | features: 15 | - title: 质量优先 16 | details: 各大技术社区每周精选优质文章 17 | - title: 文章合集 18 | details: 收录历史精选文章，不再遗忘 19 | - title: 每周更新 20 | details: 每周进行收集，发布 21 | --- 22 | 23 | 24 | # 初衷 25 | - 互联网越来越流行，程序员内卷越来越严重，技术层出不穷，更新迭代不断； 26 | - 有可能是为了让技术精进，也有可能是害怕技术落后而掉队；总之需要获取一些前沿信息； 27 | - 这个项目会基本涵盖大部分技术体系。内容会按照日期进行分类，每天各大社区排行前几的文章会被收录； 28 | - 如果这个网站的分享对你有所帮助，还请大家给个 ⭐️ 让更多的人知道 [它](https://github.com/dravenww/curated-article) . 29 | 30 | # 联系我 31 | 欢迎关注我的公众号，每天获取最新高质量技术文章 32 | 33 | ![](https://raw.githubusercontent.com/dravenww/blob/master/241625904836_.pic.jpg) 34 | -------------------------------------------------------------------------------- /rss.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | feed="feed.xml" 4 | website_title="德莱问 • 前端热文" 5 | website_link="http://www.dravenwu.top" 6 | description="德莱问 • 前端热文，每日更新，优质文章" 7 | 8 | newest_files='docs/menu.md' 9 | 10 | echo $newest_files 11 | link="http://www.dravenwu.top/menu.html" 12 | now=`date +"%Y-%m-%d"` 13 | items=" 14 | 15 | <![CDATA[前端热文 • 列表]]> 16 | $link 17 | $link 18 | $now 19 | 20 | 21 | " 22 | 23 | rss_content=" 24 | 25 | $website_title 26 | 27 | $website_link 28 | $description 29 | $items 30 | 31 | " 32 | 33 | echo "$rss_content" > "docs/.vuepress/public/$feed" 34 | echo "" 35 | echo "✨ RSS Done!" -------------------------------------------------------------------------------- /docs/.vuepress/config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | title: "每周精选文章合集", 3 | description: "精选文章, 每周更新，每周热文，文章合集", 4 | head: [ // 注入到当前页面的 HTML 中的标签 5 | ['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }], 6 | ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }], 7 | ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }], 8 | ['meta', { name: 'keywords', content: 'draven, blog, 前端, 技术博客, 德莱问'}], 9 | [ 10 | "script", 11 | {}, 12 | `var _hmt = _hmt || []; 13 | (function() { 14 | var hm = document.createElement("script"); 15 | hm.src = "https://hm.baidu.com/hm.js?f7e6799f17989e184072a05d38820494"; 16 | var s = document.getElementsByTagName("script")[0]; 17 | s.parentNode.insertBefore(hm, s); 18 | })();` 19 | ], 20 | ], 21 | serviceWorker: true, // 是否开启 PWA 22 | base: '/', // 部署到github相关的配置 23 | markdown: { 24 | lineNumbers: true // 代码块是否显示行号 25 | }, 26 | theme: 'reco', 27 | themeConfig: { 28 | author: 'dravenwu', 29 | startYear: '2021', 30 | valineConfig: { 31 | appId: 'j2HkS1t6CpVpw4mzhvpRyVQA-gzGzoHsz',// your appId 32 | appKey: 'i5YI6RXIUCeVja0t1DQjphDI', // your appKey 33 | meta: ['nick', 'mail'], 34 | requiredFields: ['mail'], 35 | }, 36 | nav: [ 37 | { text: "文章列表", link: "/menu.html", icon: 'reco-menu' }, 38 | { text: "关于我", link: "/about.html", icon: 'reco-account'}, 39 | { text: '掘金', link: 'https://juejin.cn/user/1732486056921614', icon: 'reco-juejin'}, 40 | { text: 'GitHub', link: 'https://github.com/dravenww/curated-article', icon: 'reco-github'}, 41 | { text: '工程化模板', items: [ 42 | { 43 | text: 'vite|element-ui|Vue2', 44 | link: 'https://github.com/tnfe/vite-vue2-pro' 45 | }, 46 | { 47 | text: 'vite|antd|react', 48 | link: 'https://github.com/tnfe/vite-concent-pro' 49 | }, 50 | { 51 | text: 'webpack|react|concent', 52 | link: 'https://github.com/tnfe/concent-pro' 53 | }, 54 | ], 55 | icon: 'reco-github' 56 | }, 57 | ], 58 | displayAllHeaders: true, 59 | sidebar: 'auto', // 侧边栏配置 60 | sidebarDepth: 2 61 | } 62 | }; 63 | -------------------------------------------------------------------------------- /docs/2024/2024-05-19.md: -------------------------------------------------------------------------------- 1 | 2 | 收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此 3 | 4 | 每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀 5 | ## CSDN 6 | 7 | ## 掘金 8 | ### 前端 9 | - [用 toFixed() 四舍五入失效了？](https://juejin.cn/post/7367562745854312457): 用 toFixed() 四舍五入失效了？内容目录：1、问题描述 2、toFixed定义 3、介绍一下银行舍入法 4、四舍五入解决办法----👍🏻点赞量:48 10 | - [今天来研究一下m3u8视频](https://juejin.cn/post/7368156123990540339): 我们在浏览视频网站的时候，会发现一些地址并不是真实的视频地址，而是一些Blob链接。打开网络面板查看，会看到一些.ts文件以及.m3u8文件。这些都是啥？今天就来探索一下，并且实现一下。视频会被切片----👍🏻点赞量:67 11 | - [GPT-4o，遥遥领先，作为前端人的一些思考](https://juejin.cn/post/7368421137917788198): 大家好，我是LV。我早上一般起的比较早～大概6点左右就起来刷各种AI资讯。但是今天，5点左右就起来了，迫不及待想看 OpenAI 发布的内容～也顺便写篇文章跟大家分享一下最新的资讯～----👍🏻点赞量:30 12 | - [创业嘎嘎香，新手如何快速搭建 Electron 项目](https://juejin.cn/post/7367676494976434186): 👈👈👈 欢迎点赞收藏关注哟一. 前言桌面端一般通过 C++ , C++ 的桌面性能很高，但是对于个人开发来说，可以不要求那么高的成本。而 Java 和 Python 在这一块还是太弱势了，生态不----👍🏻点赞量:38 13 | - [Vue 网页全屏](https://juejin.cn/post/7367552374334177331): 在后台系统中有一种常见的功能，点击按钮将整个网页全屏，再点击退出全屏。浏览器提供了2种全屏方式，一种通过API在js中实现，另一种是按F11键进入全屏模式。----👍🏻点赞量:39 14 | - [作为前端开发，感受下 nginx 带来的魅力！🔥🔥](https://juejin.cn/post/7368433531926052874): 纯干货分享：汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！----👍🏻点赞量:116 15 | - [vue救命技巧：你可能需要强制更新组件！](https://juejin.cn/post/7368469208647024659): 需求背景这几天开发项目，做了一个可滚动的表格，表格用的是公司的组件。正常情况下，一切滚动行为正常。但，当我通过页面内的操作改变表格高度时，bug出现了！如图，可以清楚的发现，滚动条滚动异常了！有一----👍🏻点赞量:36 16 | - [Vite 为何短短几年内变成这样？](https://juejin.cn/post/7368836713965486119): 在本文中，我们将科普 Vite 的知识储备，以及 Vite 如何在短短几年后发展成为现代 Web 的重量级角色。----👍🏻点赞量:28 17 | 18 | ### 前端-JavaScript 19 | - [用 toFixed() 四舍五入失效了？](https://juejin.cn/post/7367562745854312457): 用 toFixed() 四舍五入失效了？内容目录：1、问题描述 2、toFixed定义 3、介绍一下银行舍入法 4、四舍五入解决办法----👍🏻点赞量:48 20 | - [今天来研究一下m3u8视频](https://juejin.cn/post/7368156123990540339): 我们在浏览视频网站的时候，会发现一些地址并不是真实的视频地址，而是一些Blob链接。打开网络面板查看，会看到一些.ts文件以及.m3u8文件。这些都是啥？今天就来探索一下，并且实现一下。视频会被切片----👍🏻点赞量:67 21 | - [Vite 为何短短几年内变成这样？](https://juejin.cn/post/7368836713965486119): 在本文中，我们将科普 Vite 的知识储备，以及 Vite 如何在短短几年后发展成为现代 Web 的重量级角色。----👍🏻点赞量:28 22 | - [初探富文本之基于虚拟滚动的大型文档性能优化方案](https://juejin.cn/post/7368372944584294441): 虚拟滚动是一种优化长列表性能的技术，其通过按需渲染列表项来提高浏览器运行效率。在实际调研的过程中，我发现几乎没有关于在线文档编辑的性能优化方案文章，那么对于我来说几乎就是从零开始调研整个方案。----👍🏻点赞量:83 23 | - [关于手写防抖函数中的this、闭包和默认参数](https://juejin.cn/post/7367577126857097250): 前言什么是防抖？在JavaScript中，防抖（debounce）是一种技术，用于限制连续触发的事件处理函数的执行频率，以减少性能问题或不必要的资源消耗。当事件被触发时，防抖函数会等待一段时间（称----👍🏻点赞量:39 24 | - [【动画进阶】神奇的卡片 Hover 效果与 Blur 的特性探究](https://juejin.cn/post/7369153643390468137): 本文，我们将一起探讨探讨，如下所示的一个卡片 Hover 动画，应该如何实现：这个效果的几个难点：鼠标移动的过程中，展示当前卡片边缘的 border 以及发光效果；效果只出现在鼠标附近？这一块的----👍🏻点赞量:76 25 | - [手把手教你破解 JavaScript 深层数据](https://juejin.cn/post/7368712423794589705): 深入探讨JavaScript深层数据访问的问题，并引导你一步步构建一个名为anypath的库，轻松实现深层数据的读写操作。通过详细的代码示例和解决方案，帮助你在项目中高效处理复杂数据结构。----👍🏻点赞量:37 26 | - [【前端面经】美图Meitu](https://juejin.cn/post/7369761632275955722): 基本情况介绍：社招三年一面做的主要是什么项目，桌面端的吗用的主要是什么技术栈 vue 有了解吗移动端开发一般怎么判断是什么平台，安卓、IOS、微信？移动端页面，页面的尺寸、宽高怎么去处理？----👍🏻点赞量:15 27 | 28 | ### 前端-Vue.js 29 | - [用 toFixed() 四舍五入失效了？](https://juejin.cn/post/7367562745854312457): 用 toFixed() 四舍五入失效了？内容目录：1、问题描述 2、toFixed定义 3、介绍一下银行舍入法 4、四舍五入解决办法----👍🏻点赞量:48 30 | - [Vue 网页全屏](https://juejin.cn/post/7367552374334177331): 在后台系统中有一种常见的功能，点击按钮将整个网页全屏，再点击退出全屏。浏览器提供了2种全屏方式，一种通过API在js中实现，另一种是按F11键进入全屏模式。----👍🏻点赞量:39 31 | - [vue救命技巧：你可能需要强制更新组件！](https://juejin.cn/post/7368469208647024659): 需求背景这几天开发项目，做了一个可滚动的表格，表格用的是公司的组件。正常情况下，一切滚动行为正常。但，当我通过页面内的操作改变表格高度时，bug出现了！如图，可以清楚的发现，滚动条滚动异常了！有一----👍🏻点赞量:36 32 | - [我为展开收起功能做了动画，被老板称赞！](https://juejin.cn/post/7369029201579278351): 需求简介这几天接了个新项目，需要实现下图中左侧边栏的菜单切换。这种功能其实就是一个折叠面板，实现方式多种多样。实现上面的功能，无非就是一个v-show的事儿，但没有过渡，会显得非常生硬。想添加一些----👍🏻点赞量:49 33 | - [开发vue3，真的可以不用ref/reactive了，也不需要ref.value](https://juejin.cn/post/7369113568573292556): Cabloy-Front 是一款支持 IOC 容器的 Vue3 框架。不用ref/reactive，不用ref.value，不用pinia。----👍🏻点赞量:10 34 | - [echarts+vue：实现柱状图渐变色效果，且每个柱子颜色不同](https://juejin.cn/post/7367542526179491903): echarts如何为每个柱子添加不同的颜色，以及如何添加渐变色。这是一个集多数值的柱状图、每个柱子的颜色不同，且每个柱子都有自己的渐变色、带圆角的柱状图于一体的柱状图，就需要考虑代码的整洁性和复用性。----👍🏻点赞量:4 35 | - [3、样式系统和Design Token -- 渐进式vue3的组件库通关秘籍](https://juejin.cn/post/7367344206656536610): 本节为渐进式vue3的组件库通关秘籍的第三节 -- 样式系统和Design Token，上一节内容 # 2、工程编译打包 -- 渐进式vue3的组件库通关秘籍 1、给世界增加点样式吧世界是多样性的----👍🏻点赞量:4 36 | - [Vue3 快速diff算法原理](https://juejin.cn/post/7367611991361814580): 前言: 本篇文章是《Vue.js设计与实现》第 11 章快速diff算法笔记，其中的代码和图片来源于本书，用于记录学习收获并且分享。一、为什么要使用diff算法回顾之前的文章，新旧vnode节----👍🏻点赞量:4 37 | 38 | ### 前端-React.js 39 | - [🔏别想调试我的前端页面代码🔒](https://juejin.cn/post/7368313344712179739): 有时候，你可能不希望别人调试你的前端页面代码，这里我们讲述一些比较常用的方法，虽然完全禁止别人调试你的前端页面代码是不太可能的，但你可以采取一些措施来增加调试的难度。----👍🏻点赞量:29 40 | - [手把手教你破解 JavaScript 深层数据](https://juejin.cn/post/7368712423794589705): 深入探讨JavaScript深层数据访问的问题，并引导你一步步构建一个名为anypath的库，轻松实现深层数据的读写操作。通过详细的代码示例和解决方案，帮助你在项目中高效处理复杂数据结构。----👍🏻点赞量:37 41 | - [React Conf 2024 ](https://juejin.cn/post/7369534073099812891): React 大会于 2024 于 5 月 15 - 16 日举行，本文就来回顾一下活动第一天的部分关键信息！----👍🏻点赞量:10 42 | - [从 0 到 1 搭建一个 No Server 的博客能学到什么](https://juejin.cn/post/7368884169756573730): 记录搭建一个 no server 博客的过程，学到了诸如自定义路由、pwa、service worker、语义标签、vs code 插件编写、预渲染、vite 插件编写、pnpm 补丁等知识。----👍🏻点赞量:1 43 | - [rc-field-form源码分析](https://juejin.cn/post/7367644434983321638): rc-field-form的源码分析，主要介绍数据与视图如何更新，错误校验，以及一些特性如dependence的源码解析----👍🏻点赞量:6 44 | - [关于封装axios网络请求降低代码耦合度](https://juejin.cn/post/7367667831200677927): 通过封装Axios来降低项目代码对于Axios的直接依赖，即使后面要更换使用网络请求的第三方库，也可以更加方便的修改和维护代码。----👍🏻点赞量:2 45 | - [tui-image-editor 强大的图像编辑器](https://juejin.cn/post/7368319486779768858): 主要介绍了TUI Image Editor图像编辑器的使用及配置，如预览配置汉化处理、自定义主题样式、自定义功能等；也介绍了react和vue中的使用，及使用过程中碰到的问题和解决方案----👍🏻点赞量:5 46 | - [qiankun项目转vite的思考](https://juejin.cn/post/7368313344711032859): Qiankun 的优点：微前端架构支持：Qiankun 是一个微前端框架，它允许将大型单体应用拆分为多个小型、独立的前端应用，这些应用可以独立开发、部署和扩展。这种架构模式提高了前端应用的可维护性和----👍🏻点赞量:3 47 | 48 | ### 前端-面试 49 | - [作为前端开发，感受下 nginx 带来的魅力！🔥🔥](https://juejin.cn/post/7368433531926052874): 纯干货分享：汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！----👍🏻点赞量:116 50 | - [【前端面经】美图Meitu](https://juejin.cn/post/7369761632275955722): 基本情况介绍：社招三年一面做的主要是什么项目，桌面端的吗用的主要是什么技术栈 vue 有了解吗移动端开发一般怎么判断是什么平台，安卓、IOS、微信？移动端页面，页面的尺寸、宽高怎么去处理？----👍🏻点赞量:15 51 | - [记录裁员后的半年前端求职经历](https://juejin.cn/post/7368288987641774120): 主要讲述自己被裁后的求职经历，包括自己的心态变化，面试大小厂的经历，遭遇到的 sb 公司，进入现在公司的离奇经历，以及对面试准备----👍🏻点赞量:44 52 | - [在开发当中，什么时候用null什么时候用undefined你清楚吗？](https://juejin.cn/post/7368662916151099431): 在之前我对于null和undefined了解尚浅，比如用typeof操作符，null会返回 object，没有进行一个系统的总结，现在特意写一篇文章，希望大家看完这篇文章可以对二者有更深层次的理解。----👍🏻点赞量:13 53 | - [「高级干货」之经典阿里面试题：如何实现瀑布流布局？](https://juejin.cn/post/7369791641915817993): 前言最近在学习前端布局时发现瀑布流布局挺好玩的，于是找到了一些例子发现，原来它一直在我们身边！！瀑布流布局瀑布流又称为瀑布流式布局。是当下比较流行的一种网页布局，以视觉表现为参差不齐的多栏布局为----👍🏻点赞量:27 54 | - [手写防抖，你也应该学会。this？闭包？](https://juejin.cn/post/7369527074590031923): 前言在 JavaScript 开发中，防抖是一种常用的技术手段，它能有效地优化性能和提升用户体验。防抖的核心思想：在短时间内连续触发事件时，只执行最后一次或几次事件处理函数，而不是立即响应每一次----👍🏻点赞量:19 55 | - [面试官：let, const 解决了什么问题？](https://juejin.cn/post/7368079196445704203): 我们在面试时，经常会被问“let, const 解决了什么问题？”，这种就是基础性的问题，可以回答的完美，也可以回答的很基础。----👍🏻点赞量:28 56 | - [让人茶饭不思一个 vue nextTick 的困惑——按钮点击去重](https://juejin.cn/post/7368637177428410368): 说一个 nextTick 场景，提单按钮去重的场景。网上很多方案是用节流或者防抖，但是问题——延迟，一般不会手写，多引一个库lodash。于是，聪明人于是想了一个办法……----👍🏻点赞量:6 57 | 58 | ### 前端-CSS 59 | - [用 toFixed() 四舍五入失效了？](https://juejin.cn/post/7367562745854312457): 用 toFixed() 四舍五入失效了？内容目录：1、问题描述 2、toFixed定义 3、介绍一下银行舍入法 4、四舍五入解决办法----👍🏻点赞量:48 60 | - [我为展开收起功能做了动画，被老板称赞！](https://juejin.cn/post/7369029201579278351): 需求简介这几天接了个新项目，需要实现下图中左侧边栏的菜单切换。这种功能其实就是一个折叠面板，实现方式多种多样。实现上面的功能，无非就是一个v-show的事儿，但没有过渡，会显得非常生硬。想添加一些----👍🏻点赞量:49 61 | - [【动画进阶】神奇的卡片 Hover 效果与 Blur 的特性探究](https://juejin.cn/post/7369153643390468137): 本文，我们将一起探讨探讨，如下所示的一个卡片 Hover 动画，应该如何实现：这个效果的几个难点：鼠标移动的过程中，展示当前卡片边缘的 border 以及发光效果；效果只出现在鼠标附近？这一块的----👍🏻点赞量:76 62 | - [让路径动画更好用！CSS offset-path现在也支持基本形状了](https://juejin.cn/post/7367700473996591116): 大家有使用过offset-path吗？没用过不要紧，相信大家都见过这种酷炫的路径动画，这种就可以用offset-path来实现随着 CSS的不断发展，最近在Chrome 116中，offset-pa----👍🏻点赞量:60 63 | - [🌈 为你的网站增加点灵性：随系统变色](https://juejin.cn/post/7368413086955225124): 网站切换主题色已经是非常常见的功能了，提供浅色和暗色两种色调可以满足用户的使用习惯，帮助这些用户获得更好的访问体验。那如果用户已经将系统切换到了深色模式，当他们打开我们网站的时候，第一感觉就不会那----👍🏻点赞量:22 64 | - [当面试被问到“怎么清除浮动？”，该怎么回答？](https://juejin.cn/post/7368720213514993664): 前言浮动是什么 float 是一种用于控制元素布局的属性。当你将一个元素设置为 float: left; 或者 float: right; 时，它会脱离正常文档流，向左或向右浮动，允许其他元素环绕在----👍🏻点赞量:20 65 | - [CSS 世风日下：为什么我们不再探讨 CSS 压缩了捏？](https://juejin.cn/post/7368421971385008140): CSS 压缩有助于提高网站性能，但如今我们好像对此绝口不提。这一切的背后究竟是道德的沦丧，还是人性的扭曲？----👍🏻点赞量:6 66 | - [与flex相见恨晚-原来你这么好用！](https://juejin.cn/post/7368753329667719231): 前言嘿，你是否厌倦了和CSS斗智斗勇，像是和一只任性的猫打交道一样？那么，让我来向你介绍Flex布局，这就像是给你的网页加了一把神奇的排版魔杖！别再像个失恋的程序员一样抓耳挠腮了，Flex布局就像是----👍🏻点赞量:27 67 | 68 | ### 前端-Node.js 69 | - [探索冯·诺依曼架构下的互动乐趣：构建一个“石头、剪刀、布”命令行游戏](https://juejin.cn/post/7369799708636364854): 在计算机科学的广阔天地里，冯·诺依曼架构如同一座桥梁，连接着冰冷的硬件与生动的软件世界。该架构奠定了现代计算机的基础，核心思想在于输入、处理、输出三个环节的循环。本文将以一个简单的游戏启发开始....----👍🏻点赞量:23 70 | - [Webpack打包js,html,css,图片文件](https://juejin.cn/post/7368433531927166986): Webpack打包js,html,css,图片文件....Webpack打包js,html,css,图片文件....----👍🏻点赞量:9 71 | - [使用nvm管理node多版本（安装、卸载nvm，配置环境变量，更换npm淘宝镜像）](https://juejin.cn/post/7369027991442030643): 基于 windows环境使用nvm安装多版本nodejs,切换版本同时保留全局模块, nvm是一个nodejs的版本管理工具, 为了解决node.js各版本存在不兼容现象----👍🏻点赞量:3 72 | - [使用 Node 操作 MySQL 的两种方式](https://juejin.cn/post/7367724476747939840): 本文阐述了使用 mysql2 库进行数据库操作的基本步骤，包括安装配置、基本操作（查询、插入、更新、删除数据）以及使用连接池提高性能的方法。接着，本文还介绍了 TypeORM 框架的使用。----👍🏻点赞量:3 73 | - [Nodejs 第七十二章（fastify）](https://juejin.cn/post/7368820207576236042): fastify Fastify是一个web框架，高度专注于以最少的开销和强大的插件架构提供最佳的开发体验。它的灵感来自于Hapi和Express，它是运行在Node.js上的最快的Web框架之一。 F----👍🏻点赞量:6 74 | - [栗子前端技术周刊第29期 - Deno 1.43、Node v22.1、Express 5.0 冲刺...](https://juejin.cn/post/7367639452363898931): 🌰栗子前端技术周刊第 29 期 (2024.5.6 - 2024.5.12)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。 📰 技术资讯 Deno 1.43：Deno ----👍🏻点赞量:4 75 | - [踏入全栈第一步：Node.js语言基础](https://juejin.cn/post/7369453809972854823): 踏入全栈典型的软件开发中，前端和后端的功能是明确分开的，前端在用户端，后端在服务端。前端主要负责用户界面的展示和与用户的交互，而后端则负责处理数据、执行业务逻辑以及与前端进行通信。然而，有些情况下，----👍🏻点赞量:23 76 | - [如何优雅地监听首个事件 — 一个对Node.js开发者的EE-First指南](https://juejin.cn/post/7369903170535882767): 在Node.js的世界里，事件驱动模式占据着核心地位。但当你面临多个事件源时，如何优雅地捕获首个触发的事件并进行响应呢？这篇文章将介绍ee-first包，一个简洁而强大的工具，用以监听一组事件源并优先----👍🏻点赞量:0 77 | 78 | ### 前端-后端 79 | - [创业嘎嘎香，新手如何快速搭建 Electron 项目](https://juejin.cn/post/7367676494976434186): 👈👈👈 欢迎点赞收藏关注哟一. 前言桌面端一般通过 C++ , C++ 的桌面性能很高，但是对于个人开发来说，可以不要求那么高的成本。而 Java 和 Python 在这一块还是太弱势了，生态不----👍🏻点赞量:38 80 | - [关于手写防抖函数中的this、闭包和默认参数](https://juejin.cn/post/7367577126857097250): 前言什么是防抖？在JavaScript中，防抖（debounce）是一种技术，用于限制连续触发的事件处理函数的执行频率，以减少性能问题或不必要的资源消耗。当事件被触发时，防抖函数会等待一段时间（称----👍🏻点赞量:39 81 | - [如何将 NestJs 应用部署到 vercel，让别的小伙伴也能够访问到你的接口？🐳🐳🐳](https://juejin.cn/post/7367676494976106506): Vercel 是一个云平台，专门为前端开发者设计，用于部署和托管网站和前端应用程序。它提供了简单、快速的部署体验，并且非常适合用于现代的 web 项目，特别是那些构建在 React、Vue、Angul----👍🏻点赞量:7 82 | - [重塑网页交互新篇章：Ajax三种方法的实战指南](https://juejin.cn/post/7369903157646295092): 前言什么是ajax？ Ajax，全称为Asynchronous JavaScript and XML（异步JavaScript与XML），是一种网页开发技术，它使得网页能够在不重新加载整个页面的情况----👍🏻点赞量:13 83 | - [如何实现 RPC 通信 —— jsonrpc-rx 带你飞](https://juejin.cn/post/7368784048574627874): 前端如何实现 RPC 通信 —— jsonrpc-rx，一个基于 JSON-RPC 2.0 和响应式编程用于 RPC 通讯的工具库。----👍🏻点赞量:4 84 | - [Node.js全栈：浏览器显示一个网页](https://juejin.cn/post/7367552374335258675): 上一章，我们了解到，如何通过第二章的极简Web的例子来演示如何查看官方文档。为什么要把查阅官方文档放在前面的章节说明呢？因为查看文档是一个很重要----👍🏻点赞量:3 85 | - [现代全栈前端框架 + Docker 构建镜像优化](https://juejin.cn/post/7370184763677917193): 一、为什么？现代全栈前端框架项目，安装一些常用的工具库之后，构建镜像轻轻松松大小超过 1G。在生产环境运行并不需要开发环境的内容，优化开中各种问题，就成了开发者必须面对的一道题了，下面是我们对 Do----👍🏻点赞量:2 86 | - [面试官：使用冯诺依曼原理编写一个石头剪刀布游戏](https://juejin.cn/post/7368767452614590499): 前言题目描述：请使用冯诺依曼原理，编写一个石头剪刀布的游戏。(3局两胜) 冯·诺依曼原理冯·诺依曼原理，又称为冯·诺依曼体系结构，是现代计算机设计的基础理论之一，由著名数学家和科学家约翰·冯·诺依----👍🏻点赞量:29 87 | 88 | ### 前端-TypeScript 89 | - [开发vue3，真的可以不用ref/reactive了，也不需要ref.value](https://juejin.cn/post/7369113568573292556): Cabloy-Front 是一款支持 IOC 容器的 Vue3 框架。不用ref/reactive，不用ref.value，不用pinia。----👍🏻点赞量:10 90 | - [手把手教你破解 JavaScript 深层数据](https://juejin.cn/post/7368712423794589705): 深入探讨JavaScript深层数据访问的问题，并引导你一步步构建一个名为anypath的库，轻松实现深层数据的读写操作。通过详细的代码示例和解决方案，帮助你在项目中高效处理复杂数据结构。----👍🏻点赞量:37 91 | - [学习TS居然是因为上班摸鱼太无聊了（一）](https://juejin.cn/post/7369909173939781641): 又有两个星期没有写文章了，自从上次拿到了字节的oc之后就开启了我的摆烂生活，现在已经上班两个星期了，先说说感受吧，用我身边其他大厂的朋友总结的七个字就是———又舒服了，字节哥。----👍🏻点赞量:8 92 | - [超快让你认识新宠儿“TS”](https://juejin.cn/post/7369877722485047350): 什么是 TypeScript 定义和背景 TypeScript 是由微软开发并维护的一种开源编程语言。它被称为 JavaScript 的超集，这意味着所有合法的 JavaScript 代码在 Type----👍🏻点赞量:3 93 | - [上班摸鱼？一起来学TS](https://juejin.cn/post/7369165310183292968): 浅聊一下来到百度实习的第八天，忙的上天的mentor没时间管我，摸鱼摸到鱼都摸熟了...遂开始学习TS，大佬轻点喷... JS 和 TS 在学习JS的时候就听说过TS了，但是当时还不太清楚TS和JS----👍🏻点赞量:15 94 | - [摸鱼偷学TS：基础类型及变量声明](https://juejin.cn/post/7369470562144419850): 浅聊一下在上篇文章中，我们已经初步了解了TS，接下来我们就来深入了解一下TS中的基础类型和变量声明... 基础类型布尔值最基本的数据类型就是简单的true/false值，在JavaScript和----👍🏻点赞量:13 95 | - [🎉 TypeScript 的超能力：工具类型、泛型、类型推断和类型断言的幽默指南 🎉](https://juejin.cn/post/7368836713965469735): TypeScript 是一种静态类型的超集语言，它在 JavaScript 的基础上增加了类型系统。----👍🏻点赞量:4 96 | - [Typescript封装全屏API](https://juejin.cn/post/7368397264026599459): typescript 封装全屏功能：fullscreenEnabled，requestFullscreen，exitFullscreen ，onfullscreenchange...----👍🏻点赞量:2 97 | 98 | ### 前端-前端框架 99 | - [3、样式系统和Design Token -- 渐进式vue3的组件库通关秘籍](https://juejin.cn/post/7367344206656536610): 本节为渐进式vue3的组件库通关秘籍的第三节 -- 样式系统和Design Token，上一节内容 # 2、工程编译打包 -- 渐进式vue3的组件库通关秘籍 1、给世界增加点样式吧世界是多样性的----👍🏻点赞量:4 100 | - [Flutter 上如何轻松实现 IM 功能](https://juejin.cn/post/7369165462570467365): Flutter 上如何轻松实现 IM 功能在 Flutter 上实现 IM(即时通讯) 的功能，我们可以怎么实现呢？----👍🏻点赞量:5 101 | - [支持vue3/nuxt3的开源组件库，如何研发全局自动导入和按需加载插件](https://juejin.cn/post/7367923380345651237): 在目前，Vue3和Nuxt3已成为许多开发者手中的利器，它们不仅带来了性能的飞跃，还极大地优化了开发体验。我们都知道市场上较流行的组件库都支持全局自动导入和按需加载，思考一下？它们是怎么做的呢？----👍🏻点赞量:19 102 | - [小程序框架搭建](https://juejin.cn/post/7369838480983474226): 通过学习用 iframe 和 worker 实现简易双线程通信已经了解了小程序的双线程通信的原理现在来实现一个简易的小程序框架，用来模拟微信小程序的运行机制在实现小程序框架之前，我们需要模拟一----👍🏻点赞量:0 103 | - [Turborepo 快速入门](https://juejin.cn/post/7369029201578573839): Turborepo介绍 Turborepo是原webpack团队推出的一个为 JavaScript和TypeScript代码库优化的智能构建系统，Turborepo 使用缓存来增强本地设置并加快 CI----👍🏻点赞量:2 104 | - [Svelte框架：编译时优化的高性能前端框架](https://juejin.cn/post/7368719985385979931): Svelte是一款新兴的前端框架，以其独特的编译时优化机制著称，能够在构建时将复杂的UI逻辑转换为高效的JavaScript代码，从而实现高性能的Web应用。本文将深入解析Svelte的架构、核心概念----👍🏻点赞量:2 105 | - [前端框架对比系列之vue和react的按钮权限控制（一）](https://juejin.cn/post/7367554378733305892): 对于一个复杂的后台管理系统，权限管理的颗粒度有可能细化到按钮级别。本文我们将继续把颗粒度细化到`按钮级别`来展开讨论，来了解一下不同角色权限下是如何做按钮级别的权限控制的。----👍🏻点赞量:2 106 | - [vue3 后台管理框架geeker admin -- 纵向布局：侧边栏 scss](https://juejin.cn/post/7368040921156403237): 0 环境 Node.js 16.x+ pnpm 7.x+ Git 1 文档 geeker admin官方文档 element-plus官方文档 vue router官方文档 LayoutVertica----👍🏻点赞量:2 107 | 108 | ### 前端-GitHub 109 | - [互联网+《周易》：我在github学算卦](https://juejin.cn/post/7367659849101312015): 前言《周易》乃周文王姬昌所作，是中国传统思想文化中自然哲学与人文实践的理论根源，是古代汉民族思想、智慧的结晶，被誉为“大道之源”。内容极其丰富，对中国几千年来的政治、经济、文化等各个领域都产生了极其----👍🏻点赞量:21 110 | - [安装量终于破千了！聊聊浏览器扩展开发的相关问题与解决方案](https://juejin.cn/post/7367778766985068607): 我开发的浏览器扩展安装量终于过千了！聊一聊浏览器扩展的开发，扩展的开发还是比较复杂的一件事，在需要兼容v2和v3的情况下，很多方案都需要思考是否能够正常在v3上实现，需要一些奇思妙想的设计。----👍🏻点赞量:17 111 | - [🍀 借助 Github Actions 解决 Github DNS 污染问题 ](https://juejin.cn/post/7369789429547302923): 简单介绍了国内 Github DNS 问题以及解决方案。毫无疑问第一种方案是能有效解决大部分国内资源被墙的问题。但作为IT技术爱好者，我更喜欢 Github Actions 解决 Github 问题----👍🏻点赞量:5 112 | - [OpenUI让你用想象力来描述UI，然后实时查看渲染结果](https://juejin.cn/post/7369903163804532751): 构建UI组件可能是一项繁琐的任务。OpenUI旨在使这个过程变得有趣、快速且灵活, 让你用想象力来描述UI，然后实时查看渲染结果.----👍🏻点赞量:1 113 | - [在 Next.js 中使用 NextAuth.js 实现 Github 登录](https://juejin.cn/post/7369113568572588044): NextAuth.js 是一个适用于 Next.js 应用程序的完整开源身份验证解决方案，从设计之初就支持 Next.js 和 Serverless，支持当今流行的登录服务，如 Github。----👍🏻点赞量:0 114 | - [GitHub Actions同步当前项目到一个新仓库](https://juejin.cn/post/7369019487624544267): 首先说下场景，最近又捣鼓升级了一下Git个人网站的vuepress版本，弄完之后就想在提交代码的时候把构建的资源再提交到一个新的Git仓库；以前都是手动执行打包部署的node脚本----👍🏻点赞量:0 115 | 116 | ### 前端-Webpack 117 | - [webpack 中的 loader 和 plugins 区别你真的理解了吗？](https://juejin.cn/post/7368313344711933979): 在 Webpack 中，loader 和 plugins 是两种强大的机制，用于处理模块和扩展 Webpack 的功能，但它们在应用和功能上有着本质的区别。 Loader Loader 专门用于转换某----👍🏻点赞量:3 118 | - [【揭秘Webpack】【0】揭开 Webpack 构建之谜](https://juejin.cn/post/7369167136257654823): 希望采用更易于理解的言语、实例和图解，通过具体且逐步深入的分析，揭示 Webpack 的精妙之处，达到对Webpack的全面而深刻的认识----👍🏻点赞量:3 119 | - [Webpack打包js,html,css,图片文件](https://juejin.cn/post/7368433531927166986): Webpack打包js,html,css,图片文件....Webpack打包js,html,css,图片文件....----👍🏻点赞量:9 120 | - [webpack打包优化详解](https://juejin.cn/post/7369485528708317221): 先简单总结一下，优化Webpack打包可以通过多种方式来提高性能和减小文件大小。以下是一些常见的优化技巧：代码分割（Code Splitting）：将代码拆分成多个小块，使得在加载页面时只加载必要的----👍🏻点赞量:2 121 | - [Webpack模块联邦：微前端架构的新选择](https://juejin.cn/post/7368302136688541706): Webpack模块联邦（Module Federation）是Webpack 5引入的一项革命性特性，它彻底改变了微前端架构的实现方式。模块联邦允许不同的Web应用程序（或微前端应用）在运行时动态共享----👍🏻点赞量:2 122 | - [解析 Webpack5 的 Module Federation ](https://juejin.cn/post/7368421971383566348): 本文主要以 webpack5 中一个特性 — Module Federation（模块联邦）为核心，介绍 Module Federation 的原理以及其在业务当中的应用场景。----👍🏻点赞量:7 123 | - [webpack模块化实现解密](https://juejin.cn/post/7369509651518111779): 项目中打包的产物那么多，你有没有看过打包出的runtime是怎么一回事？看看webpack是怎么用朴实无华的纯JS，实现浏览器端模块化的。----👍🏻点赞量:5 124 | - [webpack插件笔记](https://juejin.cn/post/7369559976550875146): 近期在做一些需要独立使用webpack构建jssdk的项目,经常每新开一个项目,都要新写一份webpack配置,开发一个插件可以集成这些基础默认配置----👍🏻点赞量:1 125 | 126 | ### 前端-HarmonyOS 127 | - [ArkUI极简教程05：代码块构建](https://juejin.cn/post/7367215439032352778): 当界面中的元素越来越多时，不仅代码量会逐级增多，而且布局容器的嵌套关系会越来越复杂。有时可能一不小心删掉一个闭包，或者修饰器位置添加错误，就会导致整个界面布局乱套，这非常影响开发者的心态.....----👍🏻点赞量:0 128 | - [鸿蒙布局元素篇（一）-线性布局（Row/Column）](https://juejin.cn/post/7369865018765377570): 前言 web端开发一般都是div元素梭哈，然后布局由css去实现。鸿蒙应用的布局则是通过赋予布局元素特性对包裹的元素排列布局。线性布局（Row/Column）----👍🏻点赞量:1 129 | - [鸿蒙开发之热榜APP](https://juejin.cn/post/7367568884196720703): 安卓和 IOS 应用市场中热榜 APP 层出不穷，但鸿蒙市场乏善可陈，因此我开发了一个鸿蒙版热榜 APP 来填补市场的空白，同时也提升了鸿蒙开发技能树的熟练度和深度。主界面的截图如下。----👍🏻点赞量:5 130 | - [ArkUI极简教程07：Scroll视图的使用](https://juejin.cn/post/7368302351213658151): 随着页面中的元素不断增多，在小小的设备中可能无法承载太大的信息。对于“超出屏幕显示的内容”，市场上常规的做法是构建一个滚动的交互方式来帮助用户来查看更多的信息....----👍🏻点赞量:2 131 | - [鸿蒙数据持久化方案之 relationalStore](https://juejin.cn/post/7369909173939322889): 前言在应用开发的过程中，我们经常会碰到需要将网络请求的数据持久化到本地的需求。如果数据结构比较简单，我们可以采用键值的方式（比如 iOS 中的 Userdefault、或者鸿蒙中的用户首选项）去存储----👍🏻点赞量:1 132 | - [鸿蒙开发基础 - 首选项持久化数据使用及封装](https://juejin.cn/post/7369909173940142089): 在应用开发中，首选项持久化数据用于存储简单的键值对数据，如用户设置和配置。这里主要介绍一下如何使用用户首选项数据持久化，以及提供封装好的持久化工具类，提升代码可维护性和统一性。----👍🏻点赞量:1 133 | - [鸿蒙开发实战：揭秘页面与项目生命周期，实现精准监控](https://juejin.cn/post/7369443744750190643): 前言在鸿蒙应用开发中，每一个页面和组件都承载着特定的生命周期。这些生命周期阶段，如同生命的轨迹，记录着页面从诞生到消亡的每一个重要时刻。深入理解和监控这些生命周期，不仅能提升应用性能，还能帮助我们更----👍🏻点赞量:0 134 | - [HarmonyOS ：Router 和 NavPatchStatck 如何实现跳转（传参）及页面回调 ](https://juejin.cn/post/7369120920148213795): HarmonyOS NEXT 路由怎么选？动态包&静态包内如何使用路由实现跳转（传参）及页面回调。----👍🏻点赞量:3 135 | 136 | ### 前端-架构 137 | - [古茗 Mars 预编译技术方案探索](https://juejin.cn/post/7367722307203448870): 提升编译效率是前端基建中一个绕不开的话题，古茗自从在团队中落地中后台框架 Mars 后也在积极探索有效的编译提速方案----👍🏻点赞量:15 138 | - [你不想拥有一个自己的cli么？](https://juejin.cn/post/7369791641915965449): 你是否在烦恼每次新项目来了都需要重复配置（eslint，router，ui库等）？你是否想搭建一个属于自己的react-create-app or create-vite ？----👍🏻点赞量:5 139 | - [【揭秘Webpack】【0】揭开 Webpack 构建之谜](https://juejin.cn/post/7369167136257654823): 希望采用更易于理解的言语、实例和图解，通过具体且逐步深入的分析，揭示 Webpack 的精妙之处，达到对Webpack的全面而深刻的认识----👍🏻点赞量:3 140 | - [做了2个多月的可视化文档引擎，来解锁一下文档新玩法](https://juejin.cn/post/7368770335225806883): hello，大家好，我是徐小夕。今天继续分享一下可视化文档引擎 Nocode/WEP 的最新更新。 Nocode/WEP 基本介绍 Nocod----👍🏻点赞量:6 141 | - [从不一样的角度思考前端架构和技术选型](https://juejin.cn/post/7367574436163960867): 谈到架构和技术选型时，常见的一个误区，Rreact 比 Vue 好就选 React ，列举出来 React 优点。真实原因是自己或者网上说好。说句题外话，国内为什么都选择 Vue？不讨论 Vue 、----👍🏻点赞量:1 142 | - [如何发布自己的npm包？如何搭建私有npm仓库？](https://juejin.cn/post/7369993845750743091): 发布自己的npm包文中使用的命令及注释合集注册npm账号去npm官网注册即可： https://www.npmjs.com/ 初始化项目创建index.js文件，代码如图：因为使用了expo----👍🏻点赞量:1 143 | - [webpack插件笔记](https://juejin.cn/post/7369559976550875146): 近期在做一些需要独立使用webpack构建jssdk的项目,经常每新开一个项目,都要新写一份webpack配置,开发一个插件可以集成这些基础默认配置----👍🏻点赞量:1 144 | - [本地开发太慢了，试试增量构建？](https://juejin.cn/post/7370235634295111690): 背景现代的前端项目开发已经离不开打包工具（webpack、rollup），整体的开发形式为项目开发时使用模块化机制开发，经过构建工具打包形成成品代码，成品代码最终在不支持模块化的浏览器中执行。虽然构----👍🏻点赞量:1 145 | 146 | ### 后端 147 | - [美团一面：项目中有10000个 if else 如何优化？想了半天，被问懵了](https://juejin.cn/post/7368777511952924698): 最近做 Java 面试辅导，有个兄弟面试美团，遇到一个特别有意思的问题：我看到这问题都有点懵逼，现实项目中怎么可能会有 10000 个 if else 的代码，至少我工作 10 余年没见过样的代码。----👍🏻点赞量:18 148 | - [MQ消息积压，把我整吐血了](https://juejin.cn/post/7368308963128000512): 大家好，我是苏三，又跟大家见面了。前言我之前在一家餐饮公司待过两年，每天中午和晚上用餐高峰期，系统的并发量不容小觑。为了保险起见，公司规定各部门都要在吃饭的时间轮流值班，防止出现线上问题时能够及时----👍🏻点赞量:49 149 | - [保障后端稳定性：探索一个高效且可维护的 Go 应用流控方案](https://juejin.cn/post/7368052129904820265): Regula 是一个专为 Golang 应用设计的流控组件，通过 workqueue、workpool 和 ratelimiter 模式，提供简洁、高效的并发管理和数据流解决方案。----👍🏻点赞量:9 150 | - [Spring 动态代理实现新老路径的一键切换](https://juejin.cn/post/7367286576127262732): 本篇文章主要介绍了代码迁移开关的技术需要，以及**使用 Spring 动态代理以及动态 Bean 注册**的功能，实现迁移路径收束的一键控制。----👍🏻点赞量:8 151 | - [厉害了！12秒将百万数据通过EasyExcel导入MySQL数据库中](https://juejin.cn/post/7367676494975696906): 一、写在开头我们在上一篇文章中提到了通过EasyExcel处理Mysql百万数据的导入功能（原文链接：EasyExcel处理Mysql百万数据的导入导出案例，秒级效率，拿来即用！），当时我们经过测试----👍🏻点赞量:14 152 | - [Go1.0 到 1.22 的性能表现，提高了多少倍？](https://juejin.cn/post/7367404474815692837): 大家好，我是煎鱼。五一假期时看到 @Ben Hoyt 大佬分享的文章《Go performance from version 1.0 to 1.22》，分享了他在这么多年来一直坚持不懈的对 Go 进----👍🏻点赞量:6 153 | - [探索Django：从项目创建到图片上传的全方位指南](https://juejin.cn/post/7367306429055598607): Django 是一个流行的 Python Web 开发框架，它提供了一系列工具和库，用于帮助开发人员构建高效、可扩展的 Web 应用程序。Django 的目标是让开发者能够以快速和----👍🏻点赞量:8 154 | - [Django性能之道：缓存应用与优化实战](https://juejin.cn/post/7367542526179967039): title: Django性能之道：缓存应用与优化实战 date: 2024/5/11 18:34:22 updated: 2024/5/11 18:34:22 categories: 后端开发 ta----👍🏻点赞量:3 155 | 156 | ### Android 157 | - [Flutter 3.22 发布，快来看看有什么更新吧？](https://juejin.cn/post/7368757335802331174): 本次 Flutter 跟随 Google I/O 发布的版本是 3.22 ，该版本主要还是带来了 Vulkan backend 和 Wasm Native 的落地，另外还有一个重点就是 Dart ma----👍🏻点赞量:74 158 | - [2024 Google I/O Android 相关内容汇总](https://juejin.cn/post/7368757335803428902): 本次 Google I/O 的核心虽然是 AI ，但是 Android 也是作为主要议题出现， Android 部分可以简单分为产品和开发相关内容，接下来主要介绍这两部分的相关更新。产品 Gemin----👍🏻点赞量:47 159 | - [Flutter TolyUI 框架#03 | 全局消息通知](https://juejin.cn/post/7367724476748693504): 《Flutter TolyUI 框架》系列前言: TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构----👍🏻点赞量:36 160 | - [Dart 3.4 发布：Wasm Native & Macros（宏）](https://juejin.cn/post/7368820207576383498): Google I/O 的结束，除了 Flutter 3.22 的发布，Dart 3.4 也迎来了它是「史诗级」的更新，之所以这么说，就是因为 Wasm Native 的落地和 Macros 的实验性----👍🏻点赞量:22 161 | - [2024 Google I/O - 提前窥探 Android 15 的新功能与适配](https://juejin.cn/post/7369178977473478693): 今年年初就简单介绍过 Android 15 预览版的相关内容，而昨天 Google I/O 宣布了 Android 15 Beta2，作为第二个 Beta 版本，它已经基本接近它未来的样子，毕竟下----👍🏻点赞量:9 162 | - [Flutter歌词渐变上色原理与实现 | 实验分享](https://juejin.cn/post/7367620233140207627): 上一篇文章提及到我正在试着使用Flutter开发程序，在APP公开放出之前，我们先来一点前瞻，分享一下在这段时间开发中遇到的问题。----👍🏻点赞量:21 163 | - [Flutter TolyUI 框架#04 | 侧栏菜单设计](https://juejin.cn/post/7368693416832761891): 《Flutter TolyUI 框架》系列前言: TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构----👍🏻点赞量:19 164 | - [零反射，零HooK,全动态化，插件化框架，全网唯一结合启动优化的插件化架构（三）](https://juejin.cn/post/7368397264026370083): 零反射，零HooK,全动态化，插件化框架，全网唯一结合启动优化的插件化架构，适合大型项目架构，Kotlin+协程+MVVM +WXDynamicPlugin----👍🏻点赞量:4 165 | 166 | ### IOS 167 | - [iOS-底层原理 12：方法查询之快速查找](https://juejin.cn/post/7367700473997213708): Runtime 介绍 runtime称为运行时，它区别于编译时运行时是代码跑起来，被装载到内存中的过程，如果此时出错，则程序会崩溃，是一个动态阶段编译时是源代码翻译成机器能识别的代码的过程----👍🏻点赞量:1 168 | - [Flutter 面试题：Flutter 中流式网络请求怎么实现的？](https://juejin.cn/post/7367574436163534883): 面试被问到了这个问题，该怎么回答呢？先解释一下 stream 概念。在 Flutter 中，Stream 是一种用于处理异步数据流的抽象概念，它表示了一系列异步事件的序列。它可以用来传递和处理连----👍🏻点赞量:3 169 | - [【iOS】关于Swift使用正则表达式时的注意点（NSRange）](https://juejin.cn/post/7369117760460439590): 在Swift中如果要用到需要字符串长度的OC类时，记得要使用`str.utf16.count`，而不是`str.count`。----👍🏻点赞量:5 170 | - [强大的命令行如何操控 iOS 模拟器？定制你想要的模拟器](https://juejin.cn/post/7369089321410985995): 这里每天分享一个 iOS 的新知识，快来关注我吧前言作为 iOS 开发，开发过程中一定对模拟器不陌生，使用 iOS 模拟器能够提高您的工作效率。之前也讲过一些关于模拟器的功能，可以去看看。在 ----👍🏻点赞量:3 171 | - [一文搞懂IOS音视频编解码器VideoToolbox](https://juejin.cn/post/7369044948330709044): 一文搞懂 IOS 音视频编解码器 VideoToolbox，介绍了VideoToolbox的流程和基本用法----👍🏻点赞量:1 172 | - [肘子的 Swift 周报 #031 ｜苹果用 M4 来展现拥抱 AI 的决心](https://juejin.cn/post/7368413596954116123): 欢迎访问 weekly.fatbobman.com 订阅本周报的电子邮件版本。周报将向您介绍近期有关 Swift、SwiftUI、Core Data、SwiftData 等优秀的文章和内容----👍🏻点赞量:3 173 | - [简单引入滤镜框架并快速使用](https://juejin.cn/post/7368836713966157863): Harbeth是基于GPU快速实现图片or视频注入滤镜特效，代码零侵入实现图像显示and视频导出功能。----👍🏻点赞量:1 174 | - [SwiftUI最佳实践](https://juejin.cn/post/7368637177428721664): 1、为什么用SwiftUI？（1）简单：简单到社区里多设计师在做独立开发，然而对于OC和Swift的成熟开发者来讲，掌握SwiftUI后开发完整的原型产品大概需要一周的时间即可完成。开发效率惊人。----👍🏻点赞量:2 175 | 176 | 177 | ## GitHub 178 | ### javascript 179 | - [Mintplex-Labs/anything-llm](https://github.com/Mintplex-Labs/anything-llm): The all-in-one Desktop & Docker AI application with full RAG and AI Agent capabilities.----总⭐️14,413; 今日⭐️1,139 180 | - [bgstaal/multipleWindow3dScene](https://github.com/bgstaal/multipleWindow3dScene): A quick example of how one can "synchronize" a 3d scene across multiple windows using three.js and localStorage----总⭐️16,165; 今日⭐️253 181 | - [lencx/Noi](https://github.com/lencx/Noi): 🚀 Power Your World with AI - Explore, Extend, Empower.----总⭐️4,280; 今日⭐️382 182 | - [poteto/hiring-without-whiteboards](https://github.com/poteto/hiring-without-whiteboards): ⭐️ Companies that don't have a broken hiring process----总⭐️41,798; 今日⭐️232 183 | - [jellyfin/jellyfin-web](https://github.com/jellyfin/jellyfin-web): Web Client for Jellyfin----总⭐️2,062; 今日⭐️219 184 | - [facebook/react](https://github.com/facebook/react): The library for web and native user interfaces.----总⭐️223,177; 今日⭐️725 185 | - [vercel/next.js](https://github.com/vercel/next.js): The React Framework----总⭐️121,335; 今日⭐️281 186 | - [usebruno/bruno](https://github.com/usebruno/bruno): Opensource IDE For Exploring and Testing Api's (lightweight alternative to postman/insomnia)----总⭐️20,229; 今日⭐️389 187 | - [academind/react-complete-guide-course-resources](https://github.com/academind/react-complete-guide-course-resources): React - The Complete Guide Course Resources (Code, Attachments, Slides)----总⭐️1,378; 今日⭐️42 188 | - [safak/react-firebase-chat](https://github.com/safak/react-firebase-chat): ----总⭐️198; 今日⭐️36 189 | 190 | ### vue 191 | - [CorentinTh/it-tools](https://github.com/CorentinTh/it-tools): Collection of handy online tools for developers, with great UX.----总⭐️16,127; 今日⭐️2,311 192 | - [AutomaApp/automa](https://github.com/AutomaApp/automa): A browser extension for automating your browser by connecting blocks----总⭐️10,213; 今日⭐️267 193 | - [shiyutim/tickets](https://github.com/shiyutim/tickets): 大麦、大麦网演唱会抢票软件，一个基于 tauri + rust + vue 调用接口的抢票软件。----总⭐️1,210; 今日⭐️154 194 | - [alireza0/s-ui](https://github.com/alireza0/s-ui): An advanced Web Panel • Built for SagerNet/Sing-Box----总⭐️1,815; 今日⭐️55 195 | - [bastienwirtz/homer](https://github.com/bastienwirtz/homer): A very simple static homepage for your server.----总⭐️8,752; 今日⭐️93 196 | - [wanglin2/mind-map](https://github.com/wanglin2/mind-map): 一个还算强大的Web思维导图。A relatively powerful web mind map.----总⭐️4,103; 今日⭐️182 197 | - [radix-vue/shadcn-vue](https://github.com/radix-vue/shadcn-vue): Vue port of shadcn-ui----总⭐️3,116; 今日⭐️84 198 | - [RikkaApps/websites](https://github.com/RikkaApps/websites): Websites for Rikka apps.----总⭐️117; 今日⭐️0 199 | - [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,276; 今日⭐️60 200 | - [zclzone/vue-naive-admin](https://github.com/zclzone/vue-naive-admin): ⚡️基于 Vue3 + Vite + Pinia + Unocss + Naive UI 的轻量级后台管理模板。----总⭐️2,682; 今日⭐️40 201 | 202 | ### typescript 203 | - [alan2207/bulletproof-react](https://github.com/alan2207/bulletproof-react): 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.----总⭐️24,118; 今日⭐️1,165 204 | - [SOS-RS/frontend](https://github.com/SOS-RS/frontend): ----总⭐️541; 今日⭐️396 205 | - [pagefaultgames/pokerogue](https://github.com/pagefaultgames/pokerogue): A browser based Pokémon fangame heavily inspired by the roguelite genre.----总⭐️2,039; 今日⭐️494 206 | - [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,073; 今日⭐️999 207 | - [CapSoftware/Cap](https://github.com/CapSoftware/Cap): Open source Loom alternative. Effortless, instant screen sharing.----总⭐️3,020; 今日⭐️1,280 208 | - [hydralauncher/hydra](https://github.com/hydralauncher/hydra): Hydra is a game launcher with its own embedded bittorrent client and a self-managed repack scraper.----总⭐️7,920; 今日⭐️2,586 209 | - [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.----总⭐️8,718; 今日⭐️2,932 210 | - [SOS-RS/backend](https://github.com/SOS-RS/backend): Auxílio RS: Projetos de Resposta a Emergências por Chuvas e Alagamentos----总⭐️653; 今日⭐️469 211 | - [bepass-org/oblivion-desktop](https://github.com/bepass-org/oblivion-desktop): Oblivion Desktop - Unofficial Warp Client for Windows/Mac/Linux----总⭐️1,578; 今日⭐️762 212 | - [toeverything/AFFiNE](https://github.com/toeverything/AFFiNE): There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.----总⭐️33,849; 今日⭐️1,122 213 | 214 | ### python 215 | - [google-research/timesfm](https://github.com/google-research/timesfm): TimesFM (Time Series Foundation Model) is a pretrained time-series foundation model developed by Google Research for time-series forecasting.----总⭐️2,180; 今日⭐️1,112 216 | - [lllyasviel/IC-Light](https://github.com/lllyasviel/IC-Light): More relighting!----总⭐️3,177; 今日⭐️861 217 | - [lllyasviel/Fooocus](https://github.com/lllyasviel/Fooocus): Focus on prompting and generating----总⭐️36,218; 今日⭐️792 218 | - [zhayujie/chatgpt-on-wechat](https://github.com/zhayujie/chatgpt-on-wechat): 基于大模型搭建的聊天机器人，同时支持微信公众号、企业微信应用、飞书、钉钉等接入，可选择GPT3.5/GPT-4o/GPT4.0/ Claude/文心一言/讯飞星火/通义千问/ Gemini/GLM-4/Claude/Kimi/LinkAI，能处理文本、语音和图片，访问操作系统和互联网，支持基于自有知识库进行定制企业智能客服。----总⭐️25,878; 今日⭐️521 219 | - [phidatahq/phidata](https://github.com/phidatahq/phidata): Build AI Assistants with memory, knowledge and tools.----总⭐️8,176; 今日⭐️2,388 220 | - [assafelovic/gpt-researcher](https://github.com/assafelovic/gpt-researcher): GPT based autonomous agent that does online comprehensive research on any given topic----总⭐️10,886; 今日⭐️872 221 | - [harry0703/MoneyPrinterTurbo](https://github.com/harry0703/MoneyPrinterTurbo): 利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.----总⭐️12,692; 今日⭐️1,069 222 | - [mustafaaljadery/gemma-2B-10M](https://github.com/mustafaaljadery/gemma-2B-10M): Gemma 2B with 10M context length using Infini-attention.----总⭐️771; 今日⭐️403 223 | - [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,223; 今日⭐️280 224 | - [fishaudio/fish-speech](https://github.com/fishaudio/fish-speech): Brand new TTS solution----总⭐️1,810; 今日⭐️690 225 | 226 | ### go 227 | - [glanceapp/glance](https://github.com/glanceapp/glance): A self-hosted dashboard that puts all your feeds in one place----总⭐️4,888; 今日⭐️3,717 228 | - [yorukot/superfile](https://github.com/yorukot/superfile): Pretty fancy and modern terminal file manager----总⭐️3,393; 今日⭐️1,465 229 | - [taikoxyz/taiko-mono](https://github.com/taikoxyz/taiko-mono): A based rollup. 🥁----总⭐️4,160; 今日⭐️97 230 | - [sashabaranov/go-openai](https://github.com/sashabaranov/go-openai): OpenAI ChatGPT, GPT-3, GPT-4, DALL·E, Whisper API wrapper for Go----总⭐️8,330; 今日⭐️83 231 | - [wailsapp/wails](https://github.com/wailsapp/wails): Create beautiful applications using Go----总⭐️22,593; 今日⭐️167 232 | - [prometheus/prometheus](https://github.com/prometheus/prometheus): The Prometheus monitoring system and time series database.----总⭐️53,089; 今日⭐️130 233 | - [livekit/livekit](https://github.com/livekit/livekit): End-to-end stack for WebRTC. SFU media server and SDKs.----总⭐️7,593; 今日⭐️404 234 | - [drakkan/sftpgo](https://github.com/drakkan/sftpgo): Full-featured and highly configurable SFTP, HTTP/S, FTP/S and WebDAV server - S3, Google Cloud Storage, Azure Blob----总⭐️8,268; 今日⭐️65 235 | - [kubernetes/kubernetes](https://github.com/kubernetes/kubernetes): Production-Grade Container Scheduling and Management----总⭐️107,270; 今日⭐️197 236 | - [netbirdio/netbird](https://github.com/netbirdio/netbird): Connect your devices into a single secure private WireGuard®-based mesh network with SSO/MFA and simple access controls.----总⭐️9,324; 今日⭐️122 237 | 238 | ### rust 239 | - [lencx/ChatGPT](https://github.com/lencx/ChatGPT): 🔮 ChatGPT Desktop Application (Mac, Windows and Linux)----总⭐️50,072; 今日⭐️2,382 240 | - [vosen/ZLUDA](https://github.com/vosen/ZLUDA): CUDA on AMD GPUs----总⭐️7,881; 今日⭐️122 241 | - [tw93/Pake](https://github.com/tw93/Pake): 🤱🏻 Turn any webpage into a desktop app with Rust. 🤱🏻 利用 Rust 轻松构建轻量级多端桌面应用----总⭐️23,364; 今日⭐️280 242 | - [leptos-rs/leptos](https://github.com/leptos-rs/leptos): Build fast web applications with Rust.----总⭐️14,876; 今日⭐️123 243 | - [XAMPPRocky/tokei](https://github.com/XAMPPRocky/tokei): Count your code, quickly.----总⭐️10,268; 今日⭐️189 244 | - [TheAlgorithms/Rust](https://github.com/TheAlgorithms/Rust): All Algorithms implemented in Rust----总⭐️20,630; 今日⭐️191 245 | - [sigoden/dufs](https://github.com/sigoden/dufs): A file server that supports static serving, uploading, searching, accessing control, webdav...----总⭐️4,947; 今日⭐️172 246 | - [sxyazi/yazi](https://github.com/sxyazi/yazi): 💥 Blazing fast terminal file manager written in Rust, based on async I/O.----总⭐️9,038; 今日⭐️773 247 | - [extrawurst/gitui](https://github.com/extrawurst/gitui): Blazing 💥 fast terminal-ui for git written in rust 🦀----总⭐️17,291; 今日⭐️146 248 | - [TabbyML/tabby](https://github.com/TabbyML/tabby): Self-hosted AI coding assistant----总⭐️17,647; 今日⭐️165 249 | 250 | ### object-c 251 | - [prisonerjohn/FBZ-BEAT](https://github.com/prisonerjohn/FBZ-BEAT): ----总⭐️3; 今日⭐️0 252 | - [schacon/blink](https://github.com/schacon/blink): Example file to blink the LED on an Arduino----总⭐️97; 今日⭐️0 253 | 254 | ### css 255 | - [tobychui/zoraxy](https://github.com/tobychui/zoraxy): A general purpose HTTP reverse proxy and forwarding tool. Now written in Go!----总⭐️1,444; 今日⭐️379 256 | - [primefaces/primevue](https://github.com/primefaces/primevue): Next Generation Vue UI Component Library----总⭐️7,919; 今日⭐️90 257 | - [gevendra2004/gevstack](https://github.com/gevendra2004/gevstack): All Gevstack projects----总⭐️532; 今日⭐️37 258 | - [thewhiteh4t/seeker](https://github.com/thewhiteh4t/seeker): Accurately Locate Smartphones using Social Engineering----总⭐️6,543; 今日⭐️34 259 | - [AsmrProg-YT/Dashboard-Designs](https://github.com/AsmrProg-YT/Dashboard-Designs): AsmrProg Youtube Channel Dashboard Designs Code Collection----总⭐️659; 今日⭐️11 260 | - [primefaces/primeng](https://github.com/primefaces/primeng): The Most Complete Angular UI Component Library----总⭐️9,551; 今日⭐️37 261 | - [Suchitra-Sahoo/AgriLearnNetwork](https://github.com/Suchitra-Sahoo/AgriLearnNetwork): AgriLearnNetwork is a comprehensive platform designed to empower farmers with essential insights and resources for successful agriculture practices. Our platform serves as an indispensable resource, offering a holistic approach enriched with detailed guidance, in-depth knowledge and strategic management approaches across various facets of farming.----总⭐️82; 今日⭐️39 262 | - [Rakesh9100/Beautiify](https://github.com/Rakesh9100/Beautiify): Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience.----总⭐️133; 今日⭐️31 263 | - [bradtraversy/50projects50days](https://github.com/bradtraversy/50projects50days): 50+ mini web projects using HTML, CSS & JS----总⭐️34,740; 今日⭐️82 264 | - [devicons/devicon](https://github.com/devicons/devicon): Set of icons representing programming languages, designing & development tools----总⭐️9,110; 今日⭐️44 265 | 266 | 267 | -------------------------------------------------------------------------------- /docs/2024/2024-03-29.md: -------------------------------------------------------------------------------- 1 | 2 | 收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此 3 | 4 | 每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀 5 | ## CSDN 6 | ### 数据结构与算法 7 | - [基于SVM的PLOSAR图像分类](https://blog.csdn.net/qq_46009046/article/details/136989142): 张小殊.-基于SVM的PLOSAR图像分类----🔥 热度:18859 8 | - [【启发式算法】同核分子优化算法 Homonuclear Molecules Optimization HMO算法【Matlab代码#70】](https://blog.csdn.net/xiongyajun123/article/details/137091240): 天`南-【启发式算法】同核分子优化算法 Homonuclear Molecules Optimization HMO算法【Matlab代码#70】----🔥 热度:15251 9 | - [动态规划核贪心算法在服务器业务开发的具体场景中的应用](https://blog.csdn.net/q601046124/article/details/137050272): 免费编程培训-动态规划核贪心算法在服务器业务开发的具体场景中的应用----🔥 热度:13458 10 | - [day56 动态规划part13](https://blog.csdn.net/weixin_43889767/article/details/137118758): 司徒北-day56 动态规划part13----🔥 热度:11324 11 | - [十大经典排序算法](https://blog.csdn.net/zaizai1007/article/details/137054254): zaizai1007-十大经典排序算法----🔥 热度:10489 12 | 13 | ### javascript 14 | - [Vue-esign手写签字、鼠标写名字目前兼容pc、桌面端（electron）、移动端；可返回base64或者文件流](https://blog.csdn.net/qq_39029949/article/details/137127561): 小白兔-cium-Vue-esign手写签字、鼠标写名字目前兼容pc、桌面端（electron）、移动端；可返回base64或者文件流----🔥 热度:29330 15 | - [vue3全局控制Element plus所有组件的文字大小](https://blog.csdn.net/LlanyW/article/details/137083395): Lan.W-vue3全局控制Element plus所有组件的文字大小----🔥 热度:22035 16 | - [Vue 3中ref和reactive的区别](https://blog.csdn.net/weixin_42554191/article/details/137092367): 阿珊和她的猫-Vue 3中ref和reactive的区别----🔥 热度:22029 17 | - [Vue 核心之数据劫持，web前端开发现状](https://blog.csdn.net/m0_60721823/article/details/137097511): Java老杨-Vue 核心之数据劫持，web前端开发现状----🔥 热度:22021 18 | - [【vue核心技术实战精讲】1.9 Vue指令之v-model双向数据绑定](https://blog.csdn.net/ladymorgana/article/details/137128062): ladymorgana-【vue核心技术实战精讲】1.9 Vue指令之v-model双向数据绑定----🔥 热度:20492 19 | 20 | ### java 21 | - [SpringBootWeb最新相关技术（上接maven）：IDEA2023-Spring环境，http协议复习概览，web服务器Tomcat，请求响应java服务器项目编写（BS模型，IOC，DI等）](https://blog.csdn.net/m0_53190754/article/details/137052739): mckl-SpringBootWeb最新相关技术（上接maven）：IDEA2023-Spring环境，http协议复习概览，web服务器Tomcat，请求响应java服务器项目编写（BS模型，IOC，DI等）----🔥 热度:26304 22 | - [用IDEA构建的maven+SpringBoot项目生成的文件详解（.idea .mvn src HELP.md mvnw mvnw.cmd .gitignore pom.xml）](https://blog.csdn.net/weixin_49140482/article/details/137043998): 婼熙颜-用IDEA构建的maven+SpringBoot项目生成的文件详解（.idea .mvn src HELP.md mvnw mvnw.cmd .gitignore pom.xml）----🔥 热度:23425 23 | - [Springboot maven加入本地jar，提示找不到类](https://blog.csdn.net/weixin_39314736/article/details/137038229): jasperLiu17-Springboot maven加入本地jar，提示找不到类----🔥 热度:23001 24 | - [若依 3.8.7版本springboot前后端分离整合mabatis plus](https://blog.csdn.net/sumMStar/article/details/137078279): sumMStar-若依 3.8.7版本springboot前后端分离整合mabatis plus----🔥 热度:21528 25 | - [Spring实战：采用Spring配置文件管理Bean](https://blog.csdn.net/howard2005/article/details/137090915): howard2005-Spring实战：采用Spring配置文件管理Bean----🔥 热度:20370 26 | 27 | ### php 28 | - [系统分析师-参考模型](https://blog.csdn.net/weixin_43707759/article/details/137109674): steamone-系统分析师-参考模型----🔥 热度:9984 29 | - [以太网链路聚合——增加带宽，解决生成树收敛慢的问题](https://blog.csdn.net/m0_71203750/article/details/137055704): 一名努力的码农-以太网链路聚合——增加带宽，解决生成树收敛慢的问题----🔥 热度:8900 30 | - [HCIP —— 链路聚合](https://blog.csdn.net/weixin_51562484/article/details/137074140): 你我的怡宝乐-HCIP —— 链路聚合----🔥 热度:8877 31 | - [使用PHP+workerman实现基于UDP的异步SIP服务器，服务器端可主动发送UDP数据给客户端](https://blog.csdn.net/zgh419566/article/details/137062682): zgh419566-使用PHP+workerman实现基于UDP的异步SIP服务器，服务器端可主动发送UDP数据给客户端----🔥 热度:8750 32 | 33 | ### python 34 | - [图神经网络实战（6）——使用PyTorch构建图神经网络](https://blog.csdn.net/LOVEmy134611/article/details/137094747): 盼小辉丶-图神经网络实战（6）——使用PyTorch构建图神经网络----🔥 热度:33634 35 | - [nodejs+vue河北任丘非物质文化遗产数字化传承python-flask-django-php](https://blog.csdn.net/QQ_1963288475/article/details/136986949): QQ_1963288475-nodejs+vue河北任丘非物质文化遗产数字化传承python-flask-django-php----🔥 热度:24940 36 | - [基于python+vue河北任丘非物质文化遗产数字化传承flask-django-php-nodejs](https://blog.csdn.net/QQ511008285/article/details/136993726): QQ511008285-基于python+vue河北任丘非物质文化遗产数字化传承flask-django-php-nodejs----🔥 热度:24938 37 | - [【python】flask模板渲染引擎Jinja2中的模板继承，简化前端模块化开发](https://blog.csdn.net/littlefun591/article/details/137108883): 景天科技苑-【python】flask模板渲染引擎Jinja2中的模板继承，简化前端模块化开发----🔥 热度:24829 38 | - [【NVIDIA JETSON AGX XAVIER】解决使用Python中的sklearn（scikit-learn）库遇到的问题](https://blog.csdn.net/m0_62640704/article/details/136880137): 元_汐-【NVIDIA JETSON AGX XAVIER】解决使用Python中的sklearn（scikit-learn）库遇到的问题----🔥 热度:24297 39 | 40 | ### 运维 41 | - [自动化与智能化并行：数字化运维体系助力企业腾飞](https://blog.csdn.net/qq_32682301/article/details/137085187): 程序边界-自动化与智能化并行：数字化运维体系助力企业腾飞----🔥 热度:72150 42 | - [自动化与智能化并行：数字化运维体系助力企业腾飞](https://blog.csdn.net/Why_does_it_work/article/details/137087250): 雪碧有白泡泡-自动化与智能化并行：数字化运维体系助力企业腾飞----🔥 热度:25574 43 | - [如何在Nginx中实现负载均衡以分发流量到多个后端服务器？](https://blog.csdn.net/weixin_43275466/article/details/137084298): 我的运维人生-如何在Nginx中实现负载均衡以分发流量到多个后端服务器？----🔥 热度:22792 44 | - [Linux(CentOS)/Windows-C++ 云备份项目(服务器网络通信模块,业务处理模块设计，断点续传设计)](https://blog.csdn.net/dodamce/article/details/137052026): NUC_Dodamce-Linux(CentOS)/Windows-C++ 云备份项目(服务器网络通信模块,业务处理模块设计，断点续传设计)----🔥 热度:22438 45 | - [linux之挂载磁盘（脚本自动化）](https://blog.csdn.net/u014642921/article/details/137030385): 胡斌附体-linux之挂载磁盘（脚本自动化）----🔥 热度:18468 46 | 47 | ### 移动开发 48 | - [Flutter高德地图接入Android/IOS(定位&地图)](https://blog.csdn.net/sheng_er_sheng/article/details/136876916): sheng_er_sheng-Flutter高德地图接入Android/IOS(定位&地图)----🔥 热度:35947 49 | - [如何使用Windows电脑部署Lychee私有图床网站并实现无公网IP远程管理本地图片](https://blog.csdn.net/Aileenvov/article/details/137127617): Aileen_0v0-如何使用Windows电脑部署Lychee私有图床网站并实现无公网IP远程管理本地图片----🔥 热度:26683 50 | - [Linux小程序：手写自己的shell](https://blog.csdn.net/WAFxiaoyu/article/details/137127165): 小宇HOH-Linux小程序：手写自己的shell----🔥 热度:23654 51 | - [Android-&-Kotlin：Retrofit-+-Hilt-手写实现，看完99%的人都学会了](https://blog.csdn.net/2401_83740129/article/details/137122331): 2401_83740129-Android-&-Kotlin：Retrofit-+-Hilt-手写实现，看完99%的人都学会了----🔥 热度:22221 52 | - [RN在android/ios手机剪切图片的操作](https://blog.csdn.net/weixin_68658847/article/details/137119094): 萧寂173-RN在android/ios手机剪切图片的操作----🔥 热度:22044 53 | 54 | ### c/c++ 55 | - [C语言内存操控的艺术探索：踏足四大秘境，铸就内存管理之巅峰传奇](https://blog.csdn.net/Miracle_86/article/details/137086464): Miracle_86.-C语言内存操控的艺术探索：踏足四大秘境，铸就内存管理之巅峰传奇----🔥 热度:25016 56 | - [C++对C的扩充](https://blog.csdn.net/office_lgirl/article/details/137072073): 阳光向日葵之沈阳-C++对C的扩充----🔥 热度:17648 57 | - [免杀对抗-C2远控篇&C&C++&SC转换格式&UUID标识&MAC物理&IPV4地址&减少熵值](https://blog.csdn.net/qq_45087791/article/details/136875680): nihao6666hhhhh-免杀对抗-C2远控篇&C&C++&SC转换格式&UUID标识&MAC物理&IPV4地址&减少熵值----🔥 热度:13270 58 | - [C/C++语言学习路线: 嵌入式开发、底层软件、操作系统方向（持续更新）](https://blog.csdn.net/qq_33904382/article/details/136890369): 断水客-C/C++语言学习路线: 嵌入式开发、底层软件、操作系统方向（持续更新）----🔥 热度:12995 59 | - [【C转C++】（还在继续学习补充中）](https://blog.csdn.net/Ivy_mzh19970808/article/details/136133719): Ivy_nsss19970808-【C转C++】（还在继续学习补充中）----🔥 热度:12747 60 | 61 | 62 | ## 掘金 63 | ### 前端 64 | - [2024 年 5 个令人兴奋的 JavaScript 新功能](https://juejin.cn/post/7348832432080355379): 以下提案很有可能进入今年的 ECMAScript 版本： ECMAScript 更新 JS的新版本总是会引起轰动。自 ES6 更新以来，每年都会有新版本，我们预计今年（ES2024）将在 6 月左右发----👍🏻点赞量:100 65 | - [尤雨溪官宣 VitePress 1.0，第一个主版本横空出世！](https://juejin.cn/post/7349119662134018063): 尤大在朋友圈爆料，VitePress 1.0 正式发布，这也是 VitePress 诞生以来升级的第一个语义化主版本，一个值得纪念的里程碑。----👍🏻点赞量:107 66 | - [领导问我：为什么一个点赞功能你做了五天？](https://juejin.cn/post/7349437605858066443): 前言可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是 nest.js 。某一个周一，领导希望做一个给文章点赞的功能，在文----👍🏻点赞量:148 67 | - [汗流浃背的一个小时——海马体一面，第一题就不会](https://juejin.cn/post/7349940323026485289): 上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟----👍🏻点赞量:125 68 | - [小厂挂了十次之后，迎来了海康威视](https://juejin.cn/post/7349107210658299940): 前段时间一直忙着面试和背面经，就没怎么写文章。这段时间那是非常的煎熬，一直面试一直挂，有些感觉面试的还不错，八股和编程题都答上来了，时间也面了一个小时，但最终还是挂了，一度陷入了自我怀疑中。----👍🏻点赞量:63 69 | - [8个小而美的前端库](https://juejin.cn/post/7350140676615798824): 前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更----👍🏻点赞量:170 70 | - [💯 前端要学会自己写shell脚本，让你的项目看起来非常牛逼！💯](https://juejin.cn/post/7350571075547938866): Husky 是一个流行的工具，它可以让你轻松地在 Git 钩子中使用脚本，从而在提交（commit）代码前运行诸如代码风格检查、单元测试等任务。这有助于保持代码库的质量和一致性。Husky 的工作原理----👍🏻点赞量:84 71 | - [五年前端这题都做不对?](https://juejin.cn/post/7349750846899699764): 实现汗颜,作为一个多年的老前端做了一遍题居然不及格! 一时陷入了反思中备受打击,诚请各位大哥来一探究竟!----👍🏻点赞量:57 72 | 73 | ### 前端-JavaScript 74 | - [2024 年 5 个令人兴奋的 JavaScript 新功能](https://juejin.cn/post/7348832432080355379): 以下提案很有可能进入今年的 ECMAScript 版本： ECMAScript 更新 JS的新版本总是会引起轰动。自 ES6 更新以来，每年都会有新版本，我们预计今年（ES2024）将在 6 月左右发----👍🏻点赞量:100 75 | - [尤雨溪官宣 VitePress 1.0，第一个主版本横空出世！](https://juejin.cn/post/7349119662134018063): 尤大在朋友圈爆料，VitePress 1.0 正式发布，这也是 VitePress 诞生以来升级的第一个语义化主版本，一个值得纪念的里程碑。----👍🏻点赞量:107 76 | - [领导问我：为什么一个点赞功能你做了五天？](https://juejin.cn/post/7349437605858066443): 前言可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是 nest.js 。某一个周一，领导希望做一个给文章点赞的功能，在文----👍🏻点赞量:148 77 | - [汗流浃背的一个小时——海马体一面，第一题就不会](https://juejin.cn/post/7349940323026485289): 上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟----👍🏻点赞量:125 78 | - [小厂挂了十次之后，迎来了海康威视](https://juejin.cn/post/7349107210658299940): 前段时间一直忙着面试和背面经，就没怎么写文章。这段时间那是非常的煎熬，一直面试一直挂，有些感觉面试的还不错，八股和编程题都答上来了，时间也面了一个小时，但最终还是挂了，一度陷入了自我怀疑中。----👍🏻点赞量:63 79 | - [8个小而美的前端库](https://juejin.cn/post/7350140676615798824): 前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更----👍🏻点赞量:170 80 | - [💯 前端要学会自己写shell脚本，让你的项目看起来非常牛逼！💯](https://juejin.cn/post/7350571075547938866): Husky 是一个流行的工具，它可以让你轻松地在 Git 钩子中使用脚本，从而在提交（commit）代码前运行诸如代码风格检查、单元测试等任务。这有助于保持代码库的质量和一致性。Husky 的工作原理----👍🏻点赞量:84 81 | - [五年前端这题都做不对?](https://juejin.cn/post/7349750846899699764): 实现汗颜,作为一个多年的老前端做了一遍题居然不及格! 一时陷入了反思中备受打击,诚请各位大哥来一探究竟!----👍🏻点赞量:57 82 | 83 | ### 前端-Vue.js 84 | - [尤雨溪官宣 VitePress 1.0，第一个主版本横空出世！](https://juejin.cn/post/7349119662134018063): 尤大在朋友圈爆料，VitePress 1.0 正式发布，这也是 VitePress 诞生以来升级的第一个语义化主版本，一个值得纪念的里程碑。----👍🏻点赞量:107 85 | - [Vue 生态最火的元框架，Nuxt 3.10 正式发布！](https://juejin.cn/post/7350861738973626402): 不久前，Nuxt 团队官宣 Nuxt 3.10 正式发布，整体非常接近 Nuxt 3.9，但此版本涵盖了更多功能和修复。----👍🏻点赞量:17 86 | - [Varlet Vue3 组件库 3.2 发布 | 拥抱 Nuxt、桌面端体验增强、支持原子化 CSS 框架](https://juejin.cn/post/7349575576045223973): Varlet Vue3 组件库 3.2 发布，拥抱 Nuxt、桌面端体验增强、支持原子化框架。Nuxt3、Material Design 3 主题配色、桌面端支持。----👍🏻点赞量:44 87 | - [面试官：只知道v-model是:modelValue和@onUpdate语法糖，那你可以走了](https://juejin.cn/post/7349936384512131107): 你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？这一过程是在编译时还是运行时进行的呢？----👍🏻点赞量:26 88 | - [后台管理模板的最佳实现方式](https://juejin.cn/post/7350874162011750400): 换一套UI框架就换一套代码模板？不存在，我直接一套适配所有！无UI框架依赖的后台管理模板：兼容性、拓展性极高，保证了常用功能的完整性之余，模板中每个部分都是可以独立抽离和替换的，并无上手成本----👍🏻点赞量:13 89 | - [vue3+elementPlus 二次封装表单](https://juejin.cn/post/7349427412357316608): 功能 Input输入框 autocomplete自动补齐输入框 radio 单选框 checkbox 复选框 date 日期选择框 select 下拉框如需添加更多功能参考elementPlus或者----👍🏻点赞量:2 90 | - [Radix UI 3.0 发布，新的布局引擎](https://juejin.cn/post/7350140676615323688): Radix UI 3.0 刚刚发布，带来了新的布局引擎、新的组件和自定义调色板生成器，这个版本的发布是向着成为构建现代应用程序的最佳组件库迈出了一大步。我们将在本文中介绍主要亮点。自定义调色板 Ra----👍🏻点赞量:14 91 | - [Vue3中Hook函数，解锁新技能！](https://juejin.cn/post/7349119682002599936): 小熊猫带你深入理解Vue3的hook函数！Vue3带来了Composition API，在这其中，Hooks是其重要组成部分，本文将深入探讨Vue3中Hooks，帮助你在Vue3开发中更加得心应手！----👍🏻点赞量:13 92 | 93 | ### 前端-面试 94 | - [2024 年 5 个令人兴奋的 JavaScript 新功能](https://juejin.cn/post/7348832432080355379): 以下提案很有可能进入今年的 ECMAScript 版本： ECMAScript 更新 JS的新版本总是会引起轰动。自 ES6 更新以来，每年都会有新版本，我们预计今年（ES2024）将在 6 月左右发----👍🏻点赞量:100 95 | - [汗流浃背的一个小时——海马体一面，第一题就不会](https://juejin.cn/post/7349940323026485289): 上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成熟----👍🏻点赞量:125 96 | - [小厂挂了十次之后，迎来了海康威视](https://juejin.cn/post/7349107210658299940): 前段时间一直忙着面试和背面经，就没怎么写文章。这段时间那是非常的煎熬，一直面试一直挂，有些感觉面试的还不错，八股和编程题都答上来了，时间也面了一个小时，但最终还是挂了，一度陷入了自我怀疑中。----👍🏻点赞量:63 97 | - [探寻HTTP革新 — 为什么HTTP/3是未来的前沿？](https://juejin.cn/post/7336831338119921679): 最近，公司在面试新的小伙伴时，其中有一道面试题就是关于“HTTP”的，这是一个表面上看似简单但实际上颇具挑战性的问题：“你对 HTTP 协议了解多少？能不能把你知道的都详细说一下？” 问题虽简单，但其----👍🏻点赞量:20 98 | - [熟悉 React 原理，却答不对这道简单的 setState 面试题](https://juejin.cn/post/7350094390436134951): 大家好，我是双越老师～最近春季招聘季节，好多同学找我 1v1 模拟面试。对于 React 技术栈的同学，我会问一个非常基础的 setState 应用题，但却很少有同学能回答正确。----👍🏻点赞量:19 99 | - [浅谈【XSS & CSRF】攻击](https://juejin.cn/post/7350555794145837093): XSS和CSRF也是面试中常常被问到的东西，本期就带大家认识下这两个网络攻击 XSS XSS(Cross Site Scripting)跨站脚本攻击跨站脚本攻击就是用脚本攻击，看下面这个🌰 这里先简----👍🏻点赞量:20 100 | - [2024前端高频面试题之-- 前端工程化篇](https://juejin.cn/post/7350535815132659749): 【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VUE篇 2024前端高频面试题----👍🏻点赞量:10 101 | - [小厂一面：请准备好水（二）](https://juejin.cn/post/7349360417091928090): 前言现在到了春招的黄金时期，本人和小伙伴们也都开始了面试，今天在这篇文章中记录我的第一个面试经历，不知道小伙伴们是否跟我一样，在第一次面试时都很紧张呢？查看对象里的所有属性使用Object.ke----👍🏻点赞量:10 102 | 103 | ### 前端-React.js 104 | - [领导问我：为什么一个点赞功能你做了五天？](https://juejin.cn/post/7349437605858066443): 前言可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是 nest.js 。某一个周一，领导希望做一个给文章点赞的功能，在文----👍🏻点赞量:148 105 | - [8个小而美的前端库](https://juejin.cn/post/7350140676615798824): 前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更----👍🏻点赞量:170 106 | - [如何使用 Router 为你页面带来更快的加载速度](https://juejin.cn/post/7349189143798399003): React Router 新版 release 了一系列 data apis 为你的应用站点带来更快的加载速度，文章会从概念、用法、原理三方面来带你领略 Data Apis 的魅力。----👍🏻点赞量:22 107 | - [译文：⚛️ React中最有用的10个自定义Hook](https://juejin.cn/post/7349513798698713088): React 内置的 hooks 彻底改变了我们开发组件的方式，但是 hooks 的真正威力在于创建自定义 hooks，将可复用的逻辑封装起来，增强组件的组合能力。自定义 hooks 允许您抽象出复杂的----👍🏻点赞量:16 108 | - [熟悉 React 原理，却答不对这道简单的 setState 面试题](https://juejin.cn/post/7350094390436134951): 大家好，我是双越老师～最近春季招聘季节，好多同学找我 1v1 模拟面试。对于 React 技术栈的同学，我会问一个非常基础的 setState 应用题，但却很少有同学能回答正确。----👍🏻点赞量:19 109 | - [web3实战课01：链接你的钱包](https://juejin.cn/post/7349752708385570870): 链接用户的钱包，是开发DAPP的第一步，跟着我，用最简单清晰的思路理解钱包链接协议，并完成一次实战链接吧！----👍🏻点赞量:28 110 | - [我为独立开发者开发落地页模板（二）](https://juejin.cn/post/7350200488455520267): 系列文章第二篇，本文内容包含了：落地页开发理念、rough notation与framer-motion的应用、暗黑模式的支持与国际化最佳实践。----👍🏻点赞量:11 111 | - [2024前端高频面试题之-- react篇](https://juejin.cn/post/7349971654590857216): 【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VUE篇【导读】本文总结了前端----👍🏻点赞量:8 112 | 113 | ### 前端-Node.js 114 | - [2024 年排名前 5 的 Node.js 后端框架](https://juejin.cn/post/7350581011262373928): 自 2009 年以来，Node.js 一直是人们谈论的话题，大多数后端开发人员都倾向于使用 Node.js。在过去的几年里，它的受欢迎程度有所增加。它被认为是美国最受欢迎的网络开发工具，包括 Netf----👍🏻点赞量:27 115 | - [熟悉 React 原理，却答不对这道简单的 setState 面试题](https://juejin.cn/post/7350094390436134951): 大家好，我是双越老师～最近春季招聘季节，好多同学找我 1v1 模拟面试。对于 React 技术栈的同学，我会问一个非常基础的 setState 应用题，但却很少有同学能回答正确。----👍🏻点赞量:19 116 | - [MQTT 服务搭建](https://juejin.cn/post/7349327791554641932): MQTT 服务搭建（Node.js）最近在写自己的毕设，采用的技术栈是 node + MySQL 和 Vue3 + Element Plus，还用了一个即时通讯协议 MQTT。对这个 MQTT 的----👍🏻点赞量:9 117 | - [前端如何用密文跟后端互通？原来那么简单！](https://juejin.cn/post/7350168797637558272): 后端：密码得走密文哇！我：base64？md5？后端:这次不行哇，新来的测试不好糊弄呢！必须要国密sm2加密捏我: 好吧，看我的。----👍🏻点赞量:12 118 | - [跟我用 node.js + ffmpeg 写一个视频服务器](https://juejin.cn/post/7350099019836850217): Node.js 使用事件驱动和非阻塞 I/O 模型，这使得它能够有效地处理大量 IO 请求并发连接，这对于流媒体服务器非常重要。而 ffmpeg 对于视频处理的功能非常强大。----👍🏻点赞量:19 119 | - [技术周刊 117：Node 纪录片、AI 音视频助理、Suno v3、Node 作者专访播客、React 编译器](https://juejin.cn/post/7349880999259766821): Node 纪录片、AI 音视频助理、Suno v3、Node 作者专访播客、React 编译器、VitePress 1.0----👍🏻点赞量:4 120 | - [node + express，手把手教你写大文件分片上传（1）](https://juejin.cn/post/7350549827674849292): 在网上看到许多分片上传的案例，但是很少见前后端通用的代码，于是在吸收了一些思路之后，写下该文章，手把手教你如何写分片上传。----👍🏻点赞量:3 121 | - [【悄咪咪学Node.js】6. require/import 模块化](https://juejin.cn/post/7350501693089792011): 模块化编程在复杂系统中十分重要，其优点在于：有利于完成设计、提高开发效率、有利于问题排查、易维护、可复用。----👍🏻点赞量:0 122 | 123 | ### 前端-CSS 124 | - [写html页面没意思，来挑战chrome插件开发](https://juejin.cn/post/7350571075548397618): 作为前端开发者，写烦了页面布局，给自己找点乐子，开发一个自己的谷歌浏览器插件。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发。插件，可以为用户提供定制化的体验。----👍🏻点赞量:59 125 | - [Uiverse.io：打造超炫酷界面的秘密武器！！！](https://juejin.cn/post/7349561234932367401): 偶尔闲逛国外网站，会不经意看到一些炫酷的网页元素，不禁呆呆的观察一会，相信你也遇到过吧，特别是新颖炫酷的界面元素，那么我们如何实现这些炫酷的效果的呢？如果你特别精通 css 的话, 可能这些实现起来----👍🏻点赞量:53 126 | - [仿百亿补贴，H5 中图片先模糊后清晰的效果如何实现](https://juejin.cn/post/7349427412357611520): 百亿补贴图片加载非常快，为什么呢？因为百亿补贴先加载了一张模糊小图、再加载了一张清晰大图，用户很难感知到模糊到清晰的过程，误以为图片加载很快。接下来我会先给出证据、再分析原理、并提供关键代码。----👍🏻点赞量:23 127 | - [堪比 ES6 的史诗级升级，2023 年度 CSS 牛逼闪闪的新特性！](https://juejin.cn/post/7350556449615085608): 谷歌官网贴心地列举了 CSS 2023 的诸多年度重量级更新，我会科普一下 3 个个人觉得牛逼闪闪的 CSS 新功能。----👍🏻点赞量:24 128 | - [15 分钟带你感受 CSS :has() 选择器的强大](https://juejin.cn/post/7349360925185802251): 最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器的解释是这样的：下面一起来感受下 :has() 选择器的强大之处吧。 :has() 选择器选择父元----👍🏻点赞量:20 129 | - [CSS Tips：水波纹](https://juejin.cn/post/7350529104082583564): 通常情况之下，开发者都习惯了规则的矩形布局的效果，对于 Web 设计师提供的不规则布局，难免会带有一种恐惧。这篇文章将告诉你如何使用 CSS 和 SVG 来实现类似水波纹这样不规则的 UI 效果！----👍🏻点赞量:16 130 | - [🥳CSS实现经典打字小游戏《生死时速》](https://juejin.cn/post/7349752708386553910): 前言 CSS 中有这样一个模块：Motion Path 运动模块，它可以使元素按照自定义的路径进行移动。本文将利用它实现我小时候电脑课经常玩的一个打字游戏：金山打字的《生死时速》----👍🏻点赞量:12 131 | - [麦当劳扭蛋抽奖小动画](https://juejin.cn/post/7349863595729616931): 前言最近新增抽奖盲盒，就是扭蛋机的形式，由于前端使用GIF图会很大，而且图片会很大，所以扭蛋机中的扭蛋进行分离，前端单独使用css进行。麦当劳扭蛋机效果扭蛋机窗口大小第一步先固定扭蛋机的窗口，----👍🏻点赞量:10 132 | 133 | ### 前端-后端 134 | - [💯 前端要学会自己写shell脚本，让你的项目看起来非常牛逼！💯](https://juejin.cn/post/7350571075547938866): Husky 是一个流行的工具，它可以让你轻松地在 Git 钩子中使用脚本，从而在提交（commit）代码前运行诸如代码风格检查、单元测试等任务。这有助于保持代码库的质量和一致性。Husky 的工作原理----👍🏻点赞量:84 135 | - [2024 年排名前 5 的 Node.js 后端框架](https://juejin.cn/post/7350581011262373928): 自 2009 年以来，Node.js 一直是人们谈论的话题，大多数后端开发人员都倾向于使用 Node.js。在过去的几年里，它的受欢迎程度有所增加。它被认为是美国最受欢迎的网络开发工具，包括 Netf----👍🏻点赞量:27 136 | - [轻量级 C++ UI 库：快速、可移植、自包含 | 开源日报 No.168](https://juejin.cn/post/7349410791579959331): imgui 是 C++ 的无臃肿图形用户界面，具有最小的依赖关系。该项目的主要功能、关键特性、核心优势包括： * 为 C++ 提供了一个轻量级的图形用户界面库 * 输出优化的顶点缓冲区，可----👍🏻点赞量:2 137 | - [初探富文本之MarkDown/Word/PDF导出能力设计](https://juejin.cn/post/7349776224829521961): 当我们实现在线文档的系统时，通常需要考虑到文档的导出能力，特别是对于私有化部署的复杂`ToB`产品来说，文档的私有化版本交付能力就显得非常重要。----👍🏻点赞量:23 138 | - [一文吃透 Cookie](https://juejin.cn/post/7349835041995128866): 前言在大多数情况下，设置 Set-Cookie时，大家可能只会设置 key 和 value 属性。当然大部分场景下也只需要做到这样。但是其实 Cookie 在此之外也有很多重要的属性。----👍🏻点赞量:1 139 | - [AI辅助提效](https://juejin.cn/post/7350181789530357811): 本文会推荐分享我常用的一些ai工具的使用方式与使用体验，我认为它们能够大幅提升工作效率与质量。欢迎交流👏🏻----👍🏻点赞量:1 140 | - [Restful API 设计规范](https://juejin.cn/post/7349382887571701760): RESTful API（Representational State Transfer API）是一种设计风格的网络接口，用于网络应用之间的交互。REST 是一组架构原则和约束条件，而不是一种标准或协----👍🏻点赞量:2 141 | - [第12天：如何使用SVG绘制三次贝塞尔曲线](https://juejin.cn/post/7349377083552383011): 当我们想要弯曲一条线时，二次贝塞尔曲线是很好的，但通常它不够灵活。使用三次贝塞尔曲线，我们不仅有一个控制点，而是两个。第一个控制点设置曲线的初始方向，第二个控制点定义曲线从哪个方向到达端点。同样，让----👍🏻点赞量:1 142 | 143 | ### 前端-TypeScript 144 | - [JS 即将推出的 Set 新特性：交并差集](https://juejin.cn/post/7349382887572258816): TC39 委员会和浏览器致力于可以在 JS Set 提案中看到诸如 union、intersection 和 difference 之类的全新函数。----👍🏻点赞量:23 145 | - [用 interface 会报错改成 type 就好了？从一个报错深入 typescript 中 interface 和 type 的区别](https://juejin.cn/post/7349107210658496548): typeScript 的类型系统并不是完全健全的。在类型系统的术语中，“健全”（sound）意味着类型系统能够保证所有的程序都不会在运行时出现类型错误。----👍🏻点赞量:5 146 | - [如何计算地球任意两点之间距离](https://juejin.cn/post/7350142836622917695): 本文通过百度地图api实现一个地球地图模型，通过运用Haversine公式和Vincenty公式，计算出这两个坐标点之间的实际距离----👍🏻点赞量:3 147 | - [学会satisfies操作符，让你的Typescript功力倍增！](https://juejin.cn/post/7350209063520927782): 今日鸡汤：人生是海，总有波涛，需要一颗勇敢的心去乘风破浪！大家好，我是心灵。本文是在Typescript中旅行的第 5 篇。将介绍satisfies操作符。----👍🏻点赞量:12 148 | - [Vue3 + TS 中使用 Provide/Inject 需要考虑的三大问题](https://juejin.cn/post/7349588906910761012): Provide/Inject的作用在组件通信的场景中，必然会遇到跨层级组件间传值的问题，尤其是爷——孙组件，甚至是更深层级的组件。比如下图中，App.vue 文件将属性 name 一层层地往下传给组----👍🏻点赞量:7 149 | - [使用 ts 还需要 zod 吗？使用 zod 进行运行时类型校验的几个场景](https://juejin.cn/post/7349426928947331084): zod 是什么？官网上的解释说：Zod 是一个以 TypeScript 为首的模式声明和验证库。我使用术语 "schema" 来广义地指任何数据类型，从简单的 `字符串` 到复杂的嵌套对象。----👍🏻点赞量:8 150 | - [🈲拒绝类型体操，打通TypeScript类型复用的任督二脉](https://juejin.cn/post/7349791638111600650): 快速了解如何去封装接口类型，页面表单如何去复用已定义的接口类型，避免多次重复定义同一字段类型。其中涉及到ts中的Pick----👍🏻点赞量:5 151 | - [还不会搭建 Node 服务？一文带你了解如何用 express + ts 搞定后端](https://juejin.cn/post/7349569626341081140): 前端开发全栈化趋势卷的前端小伙伴们日益焦虑，不会搭建后端服务怎么办；不了解 node 应用怎么办；不会组织业务接口怎么办；不用怕！今天我们一起来梳理 express 搭建后端全流程----👍🏻点赞量:4 152 | 153 | ### 前端-前端框架 154 | - [Vue3 如何封装一个超级好用的Hook👾](https://juejin.cn/post/7348842402826436649): 本文将通过介绍什么是Hook、如何在Vue使用Hook，以及在实践场景中如何封装自己的 Vue Hook，带你走进Hook的世界，写出更优雅的代码。什么是Hook？ Vue3官方文档是这样定义组合式----👍🏻点赞量:17 155 | - [Web 画图技术之画布滚动方案](https://juejin.cn/post/7349124917378023436): 介绍 Web 画图技术之画布的滚动方案，对 Plait 框架的滚动方案实现进行介绍： 1.支持缩放 2.支持隐藏显示滚动条 3.支持视口的控制----👍🏻点赞量:5 156 | - [解析 webpack , vite 处理 commonjs 和 esm 的原理](https://juejin.cn/post/7349551248516333605): webpack 和 vite 的流程大致一样，都需要分析抽象语法树获取模块的导入导出, 对每个模块进行编译转换，但是他们两个在开发模式下对于模块的处理是正好相反的----👍🏻点赞量:2 157 | - [为什么做开源画图框架 - Plait](https://juejin.cn/post/7349107210658988068): 虽然社区中有不少优秀流程图的开源项目，但是 Plait 同样是特别的存在，而且目前社区还没有做一体化的画图框架，也没有好的开源思维导图项目，这都是我们研发 Plait 框架的理由。----👍🏻点赞量:4 158 | - [自己动手写 React源码 ——【7】实现 ReactDOM](https://juejin.cn/post/7349065708050759714): 深入理解 React 源码，带你从零实现 React v18 的核心功能，构建自己的 React 库。----👍🏻点赞量:1 159 | - [啥？控制反转？啥是控制反转？](https://juejin.cn/post/7350924101941215258): 控制反转（Inversion of Control，IoC）是一种软件设计原则，它将应用程序的控制权从应用程序本身转移到了外部容器或框架。----👍🏻点赞量:1 160 | - [前端项目中<代理> or <环境变量>是啥？](https://juejin.cn/post/7350473432197627942): 最近做项目发现，有些女朋友对于前端项目中的代理和环境变量傻傻分不清，不知道它们长什么样子，有什么作用，这篇文章不探讨太深层的东西，只说实际应用，如有错误，希望指出！----👍🏻点赞量:1 161 | - [React并发机制揭秘](https://juejin.cn/post/7351321295068872713): React新版本的并发机制提供了一系列新特性，包括自动批处理、异步渲染、新的 Hooks 和 Suspense 配置等。这些特性旨在帮助开发者更好地控制和优化应用程序的性能和用户体验。通过这些新特性我----👍🏻点赞量:0 162 | 163 | ### 前端-GitHub 164 | - [纯前端实现 JPG 图片压缩 | canvas](https://juejin.cn/post/7349465019325661203): 在迭代图床应用时，需要用到图片压缩，在之前分享了使用UPNG.js 处理 PNG 图片，这里记录分享一下如何处理JPG图片，并附上完整 Demo。----👍🏻点赞量:9 165 | - [分享 Github 上 7 个 Rust 编写的高星级工具](https://juejin.cn/post/7350557995896029211): 这是学习 Rust 时不可错过的资源，读代码是学习编程语言的最好方式之一。本文分享 7 个用 Rust 编写的开源软件，其中有些工具不提供统一的安装包，需要从源代码编译。----👍🏻点赞量:10 166 | - [ umi + Nest.js 实现高效权限管理系统](https://juejin.cn/post/7349650519810228234): 利用 umimax 和 Nest.js 构建一个高效的权限管理系统。通过详细的代码示例和解释，读者可以深入了解如何设计和实现一个完整的权限管理系统，以及如何利用现代技术栈提升开发效率和系统性能。----👍🏻点赞量:2 167 | - [双非大四这一年总结](https://juejin.cn/post/7349094068843872265): 在这一年，我到底做了什么呢？首先先聊自己工作的情况吧。从23年暑假就开始实习，满打满算实习了加起来差不多6个多月吧，从北京到杭州。----👍🏻点赞量:2 168 | - [如何使用Tocbot创建博客目录？](https://juejin.cn/post/7350549827675029516): 目录可以帮助访问者快速了解文章的摘要，并导航至他们感兴趣的部分。在本文中，我将向你展示如何结合Contentlayer和Next.js使用Tocbot创建目录。----👍🏻点赞量:1 169 | - [如何实现快速访问github](https://juejin.cn/post/7350880189836918820): github是每位程序开发人员的聚集地，当在国内直接进行访问的时候，会出现网络很慢，甚至无法访问的情况。今天教大家如何流畅的访问github！----👍🏻点赞量:0 170 | - [git rebase+rever实现git代码回滚](https://juejin.cn/post/7349047049869131791): 前言今天准备上线时，突然产品有大变动需要把这个版本的内容都废弃掉。因此我需要将dev分支的代码进行回滚，但我并没有dev分支的权限找leader操作又觉得太麻烦了。那么有没有办法从dev切出来一个f----👍🏻点赞量:0 171 | - [taro-solid小程序插件版本迭代第二期](https://juejin.cn/post/7350835151871705127): 前情提要在上一期taro-solid小程序插件版本迭代中，我们解决了h函数带来的问题。这一期主要解决button input等标签渲染不出来的bug----👍🏻点赞量:0 172 | 173 | ### 前端-Webpack 174 | - [如何解决项目依赖重复打包问题](https://juejin.cn/post/7349087888049291299): 由于最近面试经常被问到这个问题（简历上写了），感觉答的时候不是很系统清晰，于是便有了这篇文章。为啥对这个问题这么上心？在上家公司最后一段时间是做前端工程基建相关的，不说是最有成长的一段时间，但绝对----👍🏻点赞量:35 175 | - [2024前端高频面试题之-- 前端工程化篇](https://juejin.cn/post/7350535815132659749): 【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VUE篇 2024前端高频面试题----👍🏻点赞量:10 176 | - [从0到1 将静态网页项目进行工程化（第二章）](https://juejin.cn/post/7349101755090518043): 前言：上一章节，完成了对静态网页进行了代码首页以及登录页的移植以及通过webpack进行项目工程化改造。本章重点是对打包产物进行优化。----👍🏻点赞量:1 177 | - [解析 webpack , vite 处理 commonjs 和 esm 的原理](https://juejin.cn/post/7349551248516333605): webpack 和 vite 的流程大致一样，都需要分析抽象语法树获取模块的导入导出, 对每个模块进行编译转换，但是他们两个在开发模式下对于模块的处理是正好相反的----👍🏻点赞量:2 178 | - [我是如何用GPT优化vue组件库的（下）](https://juejin.cn/post/7350233011671564299): vue组件库npm包安装方式和script引入方式各有啥优缺点这个问题可以直接问通义千问，答案挺靠谱的。这里总结通义千问的答案：npm 包安装方式更优，结合webpack解决模块依赖、更好的性能优化----👍🏻点赞量:0 179 | - [👊超给力的webpack实战三之vue单页面和多页面配置](https://juejin.cn/post/7350231743591792640): 前言这是一个系列专栏，将会更新一系列 webpack 的实战内容，主要围绕着旧前端项目现代化，以及现代化前端项目的再优化。下面开始第三篇：vue单页面和多页面配置----👍🏻点赞量:1 180 | - [webpack从入门到进阶（三）---webpack优化](https://juejin.cn/post/7349087888049242147): 本章在上一章节的基础上对配置文件进行了进一步的优化；通过本章的学习，可以了解到js代码分类，多入口配置，css优化等----👍🏻点赞量:0 181 | - [一文学会webpack-loader | Markdown转React组件](https://juejin.cn/post/7349863595730010147): 在一个组件开发团队或其他团队中，通常使用markdown写文档，现在有这么一个需求，需要在项目中将markdown转为React组件，可以直接当做React组件直接import进来并使用，这个组件可以----👍🏻点赞量:1 182 | 183 | ### 前端-微信小程序 184 | - [想在小程序中实现一个计算属性来监控表单的必填属性，失败了](https://juejin.cn/post/7350140676615716904): 背景小程序中的表单提交，需要校验表单填写完成按钮才是可点击状态，一般做法是每个表单变化的时候都去看是不是所有都填完成，也就是需要在每个可输入的地方做处理，希望能像vue的计算属性一样，在计算属性里面----👍🏻点赞量:0 185 | - [微信扫二维码，跳转到小程序](https://juejin.cn/post/7350227491993354240): 微信扫二维码，通过配置小程序规则，指定URL链接，跳转到小程序，并获取页面参数...........----👍🏻点赞量:1 186 | - [微信小程序里关于checkbox的坑](https://juejin.cn/post/7350482843532886054): 需求背景小程序项目内，需要添加一个checkbox，用来判断用户是否同意某种协议。遇到的坑我只打算使用一个checkbox，而非checkbox-group，最初给checkbox添加bindc----👍🏻点赞量:1 187 | - [【通识篇】小程序上手开发实践总结](https://juejin.cn/post/7351430820713791514): Why 为什么要上手小程序开发最简单直接的原因：市场需要！其他原因如下： Before 前置技能 🚀 强烈推荐先掌握前端基础（HTML, CSS, JS），尤其是 Vue 或 React 框架，能提----👍🏻点赞量:0 188 | - [taro-solid小程序插件版本迭代第二期](https://juejin.cn/post/7350835151871705127): 前情提要在上一期taro-solid小程序插件版本迭代中，我们解决了h函数带来的问题。这一期主要解决button input等标签渲染不出来的bug----👍🏻点赞量:0 189 | 190 | ### 前端-NestJS 191 | - [领导问我：为什么一个点赞功能你做了五天？](https://juejin.cn/post/7349437605858066443): 前言可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是 nest.js 。某一个周一，领导希望做一个给文章点赞的功能，在文----👍🏻点赞量:148 192 | - [NestJS中如何使用Swagger生成在线接口文档](https://juejin.cn/post/7351612144527835177): 在前后端分离开发中，为了确保前端和后端的开发人员能够有效地协作，后端需要为前端提供接口文档。接口文档应包含请求类型、传参格式、响应格式等详细信息。在 NestJS 中，Swagger 可以将接口文档集----👍🏻点赞量:4 193 | - [小白从0开始——NestJS官网文档精读：管道](https://juejin.cn/post/7351439648592789567): 基本概念管道（Pipes）是处理输入数据并在它实际到达路由处理程序之前执行某些操作的类。管道可以做的操作包括但不限于：数据转换（Transformation）：更改输入数据的格式或类型，例如将字----👍🏻点赞量:0 194 | - [[四期 - 1] 探索系列 - Nest 中如何自定义协议?(P1-开胃菜)](https://juejin.cn/post/7351631768477433895): 本文介绍了Nestjs微服务中常见的问题，包括自定义序列化和自定义协议，以及补充了Nestjs官方文档中对于非标准场景的介绍。同时简要介绍了一个用于构建自定义transporter的消息中间件。----👍🏻点赞量:0 195 | 196 | ### 后端 197 | - [飞书很好，但赢不了，只能裁员](https://juejin.cn/post/7350354672862330932): 心碎飞书 3 月 26 日，字节跳动旗下产品飞书的 CEO 谢欣发布全员信，正式宣布进行新一轮的组织调整，即裁员。内部全员信如下：我有不少朋友是在字节跳动，甚至就在 Lark 的。同时我也因为会----👍🏻点赞量:114 198 | - [腾讯女后端设计了一套短链系统，当场就想给她offer！](https://juejin.cn/post/7350585600858898484): 手机里的营销短信，背后运作的秘密是什么？什么是短链？什么是短链系统？如何设计一套高性能的短链系统？----👍🏻点赞量:113 199 | - [刚刚，百度和苹果宣布联名](https://juejin.cn/post/7349971654590283776): 百度 × Apple 就在刚刚，财联社报道，百度将为苹果今年发布的 iPhone16、Mac 系统和 iOS18 提供 AI 功能。苹果曾与阿里以及另外一家国产大模型公司进行过洽谈，最后确定由百度提----👍🏻点赞量:26 200 | - [eBPF驱动下的突破：打造高效大规模 Kubernetes Service 运行场景](https://juejin.cn/post/7348981169481990195): Cilium 强大安全性和灵活性，优雅替代传统的 kube-proxy，重塑大规模 Kubernetes 集群的网络架构。一个必读的技术深度解析，适合所有对现代网络技术感兴趣的读者。----👍🏻点赞量:10 201 | - [舒服了，学习了，踩到一个 Lombok 的坑！](https://juejin.cn/post/7349569626341490740): 你好呀，我是歪歪。踩坑了啊，最近踩了一个 lombok 的坑，有点意思，给你分享一波。我之前写过一个公共的服务接口，这个接口已经有好几个系统对接并稳定运行了很长一段时间了，长到这个接口都已经交接给----👍🏻点赞量:37 202 | - [辞职 4 个月后，我用 Rust 实现了个简单的 Spring Boot](https://juejin.cn/post/7349182232442191884): 大家好，我是 ZihanType，一个热爱 Rust 的程序员。我在 2023 年 11 月辞职，目前正在找工作。在这段时间里，我用 Rust 写了一个 Spring Boot，这个项目叫做 pred----👍🏻点赞量:23 203 | - [架构解析系列-OTeL & Micrometer 在 Spring Boot 中的应用与分析](https://juejin.cn/post/7349360417053474867): 希望通过本文能够帮助大家使用和理解 Springboot 中对于 micrometer 和 otlp 收集指标数据的基本流程和原理。----👍🏻点赞量:14 204 | - [倾情奉献，HBase 快速入门手册 - Java ](https://juejin.cn/post/7349588906909958196): 👈👈👈 欢迎点赞收藏关注哟一. 前言之前 Hadoop 入门时讲过， Hadoop 本身属于底层框架，在其上层有很多功能上的实现，并且这些实现都取得了不错的成绩。 HBase 就是其中一个，----👍🏻点赞量:9 205 | 206 | ### Android 207 | - [Flutter - 升级3.19之后页面多次rebuild？🤨](https://juejin.cn/post/7349124917378695180): 升到到 `3.19.3` 后发现，从 `页面A` 跳转到 `页面B` 和返回 `页面A` 时，`页面A` 的 `build` 方法都会被执行，降回 `3.16.9` 则不会----👍🏻点赞量:17 208 | - [跟🤡杰哥一起学Flutter (十三、从Widget源码 ✈ InheritedWidget)](https://juejin.cn/post/7349001116598091810): 🤡本节来扒一扒Widget的源码，搞清楚StatefulWidget的生命周期/方法调用过程，为什么State可以跨帧存在？InheritedWidget的实现原理等..为后面的状态管理章节做准备~----👍🏻点赞量:15 209 | - [鸿蒙踩坑记之一招解决等待多个并发结果](https://juejin.cn/post/7348994520590270490): 年前公司与华为签订了合作备忘录，加入了鸿蒙生态这个大家庭。。公司想赶着鸿蒙纯血系统上市之前，发布自己的鸿蒙软件。开发鸿蒙NEXT版本软件----👍🏻点赞量:11 210 | - [Android RecyclerView宫格拖拽效果实现](https://juejin.cn/post/7348707728921853971): 前言在Android发展的进程中，网格布局一直比较有热度，其中一个原因是对用户来说便捷操作，对app厂商而言也会带来很多的曝光量，对于很多头部app，展示网格菜单几乎是必选项。实现网格的方式有很多种----👍🏻点赞量:15 211 | - [几乎是当下最详细的 AOSP 编译与调试运行指南](https://juejin.cn/post/7349446682826948617): 几乎是当下最详细的 AOSP 编译与调试运行指南，用于想要对系统源码深入调试或者定制自己的 framework----👍🏻点赞量:21 212 | - [PLT Hook从入门到实战 ](https://juejin.cn/post/7349791638112452618): PLT Hook是Android进阶必须掌握的技术之一，该技术在性能优化上有着广泛的应用，笔者这里以Native 内存泄漏检测，来带大家掌握PLT Hook技术----👍🏻点赞量:22 213 | - [Android Perfetto 系列 2：Perfetto Trace 抓取](https://juejin.cn/post/7350571075547676722): 上一篇文章 Android Perfetto 系列 1：Perfetto 工具简介介绍了 Perfetto 是什么，这篇简单介绍一下 Perfetto 的抓取。----👍🏻点赞量:23 214 | - [WebView组件封装(五)——实现H5页面秒开方案总结](https://juejin.cn/post/7348824894157160474): 一、WebView组件封装系列文章 WebView组件封装(一)——怎样使用全局缓存池管理提高WebView加载速度 WebView组件封装(二)——怎样用设计模式封装WebView，轻松实现个性化定----👍🏻点赞量:6 215 | 216 | ### IOS 217 | - [2024 Flutter iOS 隐私清单上线，5 月 1 号最后期限，你收到「ITMS-91053」了吗？](https://juejin.cn/post/7349895521395884069): 2023 年底的时候，我就发过了《Flutter 上了 Apple 第三方重大列表，2024 春季 iOS 的隐私清单究竟是什么？》相关内容，如果你还对隐私清单等相关要求不了解，建议先看看前文。 ----👍🏻点赞量:32 218 | - [iOS实现收钱时播放语音提醒总结](https://juejin.cn/post/7349002962868305920): 一、背景在WWDC2019发布了新的iOS13，苹果不再允许PushKit应用在非voip电话的场景上。这篇文章总结了在iOS13下的语音播报迁移方案以及一些需要注意的问题。二、技术方案 Noti----👍🏻点赞量:1 219 | - [如何使用 SwiftUI 构建 visionOS 应用](https://juejin.cn/post/7349027817306308617): Apple Vision Pro 即将推出，现在是看看 SwiftUI API 的完美时机，这使我们能够将我们的应用程序适应 visionOS 提供的沉浸式世界。苹果表示，构建应用程序的最佳方式是使用----👍🏻点赞量:8 220 | - [超级干干干干货！丝滑的 iOS 进度条解锁交互到底是怎么制作的？](https://juejin.cn/post/7349835041993916450): 这篇是拆解吉光卡片 App 底部彩蛋入口的动画实现。将这个入口发到社区后，很多小伙伴表示对实现原理比较感兴趣，于是便有了这篇文章，我将从思路和原理入手，带大家抽丝剥茧地带大家了解这个动画是如何实现的----👍🏻点赞量:9 221 | - [RSA详解](https://juejin.cn/post/7349189143799398427): 本文尝试使用最基础的方式解释RSA中的每一步的计算步骤、理论依据及证明；填补了在e、n不互质；m、n不互质情况下的处理方法和补充证明。----👍🏻点赞量:2 222 | - [Swift 定制 Core Data 迁移](https://juejin.cn/post/7350143110495207474): 随着应用程序和用户群的增长，你需要添加新功能，删除其他功能，并改变应用程序的工作方式。这是软件开发生命周期的自然结果，我们应该接受。随着应用程序的发展，你的数据模型也会发生变化。你需要更改数据----👍🏻点赞量:4 223 | - [08-📝Flutter核心知识|网络请求和Json转Model【网络处理封装、Json转Model、Json解析、自动反序列化配置等】](https://juejin.cn/post/7350473432197431334): 一、前言本系列文章旨在快速复习并上手Flutter开发,并在适当分享在项目实战过程中遇到的一些比较有价值的知识内容: 01-📝Flutter核心知识|了解Flutter【诞生背景、应用简介、页面渲染----👍🏻点赞量:3 224 | - [UserAgent获取与修改](https://juejin.cn/post/7350308310824091698): 从19年 iOS 13开始Apple就建议我们将App中使用UIWebView的地方切换为WKWebView了。按照Apple2019年12月13日的文档,20年4月，新应用必须使用WKWebViw----👍🏻点赞量:2 225 | 226 | 227 | ## GitHub 228 | ### javascript 229 | - [jaywcjlove/awesome-mac](https://github.com/jaywcjlove/awesome-mac):  Now we have become very big, Different from the original idea. Collect premium software in various categories.----总⭐️70,551; 今日⭐️537 230 | - [nodejs/node](https://github.com/nodejs/node): Node.js JavaScript runtime ✨🐢🚀✨----总⭐️103,061; 今日⭐️478 231 | - [Mintplex-Labs/anything-llm](https://github.com/Mintplex-Labs/anything-llm): A multi-user ChatGPT for any LLMs and vector database. Unlimited documents, messages, and storage in one privacy-focused app. Now available as a desktop application with a built-in LLM!----总⭐️9,823; 今日⭐️359 232 | - [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,494; 今日⭐️201 233 | - [end-4/dots-hyprland](https://github.com/end-4/dots-hyprland): Modern, feature-rich and accessible desktop configuration.----总⭐️2,173; 今日⭐️271 234 | - [kkevsekk1/AutoX](https://github.com/kkevsekk1/AutoX): A UiAutomator on android, does not need root access(安卓平台上的JavaScript自动化工具)----总⭐️5,735; 今日⭐️73 235 | - [louislam/uptime-kuma](https://github.com/louislam/uptime-kuma): A fancy self-hosted monitoring tool----总⭐️48,025; 今日⭐️367 236 | - [projectdiscovery/nuclei-templates](https://github.com/projectdiscovery/nuclei-templates): Community curated list of templates for the nuclei engine to find security vulnerabilities.----总⭐️7,904; 今日⭐️50 237 | - [Superalgos/Superalgos](https://github.com/Superalgos/Superalgos): Free, open-source crypto trading bot, automated bitcoin / cryptocurrency trading software, algorithmic trading bots. Visually design your crypto trading bot, leveraging an integrated charting system, data-mining, backtesting, paper trading, and multi-server crypto bot deployments.----总⭐️3,810; 今日⭐️28 238 | - [trekhleb/javascript-algorithms](https://github.com/trekhleb/javascript-algorithms): 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings----总⭐️181,225; 今日⭐️247 239 | 240 | ### vue 241 | - [CorentinTh/it-tools](https://github.com/CorentinTh/it-tools): Collection of handy online tools for developers, with great UX.----总⭐️9,096; 今日⭐️229 242 | - [vueComponent/ant-design-vue](https://github.com/vueComponent/ant-design-vue): 🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜----总⭐️19,478; 今日⭐️47 243 | - [wanglin2/mind-map](https://github.com/wanglin2/mind-map): 一个还算强大的Web思维导图。A relatively powerful web mind map.----总⭐️3,308; 今日⭐️144 244 | - [hslr-s/sun-panel](https://github.com/hslr-s/sun-panel): A server, NAS navigation panel, Homepage, browser homepage. | 一个服务器、NAS导航面板、Homepage、浏览器首页。----总⭐️1,639; 今日⭐️135 245 | - [pure-admin/vue-pure-admin](https://github.com/pure-admin/vue-pure-admin): 🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）----总⭐️13,626; 今日⭐️287 246 | - [didi/xiaoju-survey](https://github.com/didi/xiaoju-survey): 「快速」打造「专属」问卷系统, 让调研「更轻松」----总⭐️263; 今日⭐️83 247 | - [kailong321200875/vue-element-plus-admin](https://github.com/kailong321200875/vue-element-plus-admin): A backend management system based on vue3, typescript, element-plus, and vite----总⭐️2,156; 今日⭐️36 248 | - [sugarforever/chat-ollama](https://github.com/sugarforever/chat-ollama): ----总⭐️712; 今日⭐️150 249 | - [zclzone/vue-naive-admin](https://github.com/zclzone/vue-naive-admin): ⚡️基于 Vue3 + Vite + Pinia + Unocss + Naive UI 的轻量级后台管理模板。----总⭐️2,447; 今日⭐️65 250 | - [Lissy93/dashy](https://github.com/Lissy93/dashy): 🚀 A self-hostable personal dashboard built for you. Includes status-checking, widgets, themes, icon packs, a UI editor and tons more!----总⭐️14,931; 今日⭐️100 251 | 252 | ### typescript 253 | - [fdundjer/solana-sniper-bot](https://github.com/fdundjer/solana-sniper-bot): Solana Sniper Bot - Proof of Concept----总⭐️583; 今日⭐️322 254 | - [janhq/jan](https://github.com/janhq/jan): Jan is an open source alternative to ChatGPT that runs 100% offline on your computer----总⭐️14,074; 今日⭐️2,103 255 | - [kamranahmedse/developer-roadmap](https://github.com/kamranahmedse/developer-roadmap): Interactive roadmaps, guides and other educational content to help developers grow in their careers.----总⭐️270,460; 今日⭐️1,165 256 | - [lobehub/lobe-chat](https://github.com/lobehub/lobe-chat): 🤯 Lobe Chat - an open-source, modern-design LLMs/AI chat framework. Supports Multi AI Providers( OpenAI / Claude 3 / Gemini / Perplexity / Bedrock / Azure / Mistral / Ollama ), Multi-Modals (Vision/TTS) and plugin system. One-click FREE deployment of your private ChatGPT chat application.----总⭐️25,594; 今日⭐️2,103 257 | - [nodejs/nodejs.org](https://github.com/nodejs/nodejs.org): The Node.js® Website----总⭐️4,785; 今日⭐️1,144 258 | - [Project-DARC/DARC](https://github.com/Project-DARC/DARC): Decentralized Autonomous Regulated Company (DARC), a company virtual machine that runs on any EVM-compatible blockchain, with on-chain law system, multi-level tokens and dividends mechanism.----总⭐️9,357; 今日⭐️1,110 259 | - [yangshun/tech-interview-handbook](https://github.com/yangshun/tech-interview-handbook): 💯 Curated coding interview preparation materials for busy software engineers----总⭐️108,542; 今日⭐️583 260 | - [linkwarden/linkwarden](https://github.com/linkwarden/linkwarden): ⚡️⚡️⚡️Self-hosted collaborative bookmark manager to collect, organize, and preserve webpages and articles.----总⭐️5,696; 今日⭐️719 261 | - [midday-ai/midday](https://github.com/midday-ai/midday): Run your business smarter.----总⭐️1,066; 今日⭐️467 262 | - [medusajs/medusa](https://github.com/medusajs/medusa): Building blocks for digital commerce----总⭐️22,438; 今日⭐️219 263 | 264 | ### python 265 | - [stitionai/devika](https://github.com/stitionai/devika): Devika is an Agentic AI Software Engineer that can understand high-level human instructions, break them down into steps, research relevant information, and write code to achieve the given objective. Devika aims to be a competitive open-source alternative to Devin by Cognition AI.----总⭐️12,436; 今日⭐️11,540 266 | - [OpenInterpreter/open-interpreter](https://github.com/OpenInterpreter/open-interpreter): A natural language interface for computers----总⭐️45,827; 今日⭐️3,541 267 | - [JoeanAmier/TikTokDownloader](https://github.com/JoeanAmier/TikTokDownloader): 完全免费开源，基于 Requests 模块实现：TikTok 主页/视频/图集/原声；抖音主页/视频/图集/收藏/直播/原声/合集/评论/账号/搜索/热榜数据采集工具----总⭐️5,124; 今日⭐️356 268 | - [Doriandarko/maestro](https://github.com/Doriandarko/maestro): A framework for Claude Opus to intelligently orchestrate subagents.----总⭐️478; 今日⭐️163 269 | - [goauthentik/authentik](https://github.com/goauthentik/authentik): The authentication glue you need.----总⭐️6,346; 今日⭐️273 270 | - [roboflow/supervision](https://github.com/roboflow/supervision): We write your reusable computer vision tools. 💜----总⭐️13,371; 今日⭐️1,534 271 | - [vllm-project/vllm](https://github.com/vllm-project/vllm): A high-throughput and memory-efficient inference and serving engine for LLMs----总⭐️16,816; 今日⭐️404 272 | - [StevenBlack/hosts](https://github.com/StevenBlack/hosts): 🔒 Consolidating and extending hosts files from several well-curated sources. Optionally pick extensions for porn, social media, and other categories.----总⭐️25,228; 今日⭐️251 273 | - [OpenInterpreter/01](https://github.com/OpenInterpreter/01): The open-source language model computer----总⭐️3,685; 今日⭐️2,491 274 | - [harry0703/MoneyPrinterTurbo](https://github.com/harry0703/MoneyPrinterTurbo): 利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.----总⭐️4,580; 今日⭐️2,574 275 | 276 | ### go 277 | - [microsoft/retina](https://github.com/microsoft/retina): eBPF distributed networking observability tool for Kubernetes----总⭐️2,150; 今日⭐️1,499 278 | - [jesseduffield/lazygit](https://github.com/jesseduffield/lazygit): simple terminal UI for git commands----总⭐️44,690; 今日⭐️607 279 | - [iawia002/lux](https://github.com/iawia002/lux): 👾 Fast and simple video download library and CLI tool written in Go----总⭐️24,419; 今日⭐️468 280 | - [omriharel/deej](https://github.com/omriharel/deej): Set app volumes with real sliders! deej is an Arduino & Go project to let you build your own hardware mixer for Windows and Linux----总⭐️3,794; 今日⭐️682 281 | - [go-gitea/gitea](https://github.com/go-gitea/gitea): Git with a cup of tea! Painless self-hosted all-in-one software development service, including Git hosting, code review, team collaboration, package registry and CI/CD----总⭐️41,459; 今日⭐️169 282 | - [k8sgpt-ai/k8sgpt](https://github.com/k8sgpt-ai/k8sgpt): Giving Kubernetes Superpowers to everyone----总⭐️4,782; 今日⭐️74 283 | - [cli/cli](https://github.com/cli/cli): GitHub’s official command line tool----总⭐️35,120; 今日⭐️157 284 | - [libp2p/go-libp2p](https://github.com/libp2p/go-libp2p): libp2p implementation in Go----总⭐️5,698; 今日⭐️26 285 | - [tailscale/tailscale](https://github.com/tailscale/tailscale): The easiest, most secure way to use WireGuard and 2FA.----总⭐️16,052; 今日⭐️168 286 | - [quii/learn-go-with-tests](https://github.com/quii/learn-go-with-tests): Learn Go with test-driven development----总⭐️21,114; 今日⭐️55 287 | 288 | ### rust 289 | - [juspay/hyperswitch](https://github.com/juspay/hyperswitch): An open source payments switch written in Rust to make payments fast, reliable and affordable----总⭐️9,679; 今日⭐️285 290 | - [ynqa/jnv](https://github.com/ynqa/jnv): interactive JSON filter using jq----总⭐️3,777; 今日⭐️2,065 291 | - [Wilfred/difftastic](https://github.com/Wilfred/difftastic): a structural diff that understands syntax 🟥🟩----总⭐️19,041; 今日⭐️1,625 292 | - [ordinals/ord](https://github.com/ordinals/ord): 👁‍🗨 Rare and exotic sats----总⭐️3,142; 今日⭐️56 293 | - [rerun-io/rerun](https://github.com/rerun-io/rerun): Visualize streams of multimodal data. Fast, easy to use, and simple to integrate. Built in Rust using egui.----总⭐️4,856; 今日⭐️155 294 | - [paritytech/substrate](https://github.com/paritytech/substrate): Substrate: The platform for blockchain innovators----总⭐️8,384; 今日⭐️30 295 | - [uutils/coreutils](https://github.com/uutils/coreutils): Cross-platform Rust rewrite of the GNU coreutils----总⭐️16,717; 今日⭐️85 296 | - [martinvonz/jj](https://github.com/martinvonz/jj): A Git-compatible VCS that is both simple and powerful----总⭐️6,303; 今日⭐️318 297 | - [tikv/tikv](https://github.com/tikv/tikv): Distributed transactional key-value database, originally created to complement TiDB----总⭐️14,396; 今日⭐️54 298 | - [seanmonstar/reqwest](https://github.com/seanmonstar/reqwest): An easy and powerful Rust HTTP Client----总⭐️8,976; 今日⭐️123 299 | 300 | ### object-c 301 | - [amowu/arduimo](https://github.com/amowu/arduimo): Amo + Arduino = Arduimo----总⭐️7; 今日⭐️0 302 | - [schacon/blink](https://github.com/schacon/blink): Example file to blink the LED on an Arduino----总⭐️95; 今日⭐️0 303 | - [prisonerjohn/FBZ-BEAT](https://github.com/prisonerjohn/FBZ-BEAT): ----总⭐️4; 今日⭐️0 304 | 305 | ### css 306 | - [cloudflare/cloudflare-docs](https://github.com/cloudflare/cloudflare-docs): Cloudflare’s documentation----总⭐️2,513; 今日⭐️19 307 | - [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----总⭐️598; 今日⭐️203 308 | - [chokcoco/iCSS](https://github.com/chokcoco/iCSS): 不止于 CSS----总⭐️18,612; 今日⭐️73 309 | - [nanxiaobei/hugo-paper](https://github.com/nanxiaobei/hugo-paper): 🪺 A simple, clean, customizable Hugo theme----总⭐️1,941; 今日⭐️13 310 | - [refact0r/midnight-discord](https://github.com/refact0r/midnight-discord): A dark, rounded discord theme.----总⭐️298; 今日⭐️14 311 | - [primefaces/sakai-vue](https://github.com/primefaces/sakai-vue): ----总⭐️350; 今日⭐️4 312 | - [primefaces/primeng](https://github.com/primefaces/primeng): The Most Complete Angular UI Component Library----总⭐️9,327; 今日⭐️30 313 | - [primefaces/primereact](https://github.com/primefaces/primereact): The Most Complete React UI Component Library----总⭐️5,572; 今日⭐️56 314 | - [aprxi/letsbuild-ai](https://github.com/aprxi/letsbuild-ai): Community-driven platform dedicated to sharing resources, tools, and knowledge for AI enthusiasts and developers----总⭐️177; 今日⭐️61 315 | - [progit/progit2](https://github.com/progit/progit2): Pro Git 2nd Edition----总⭐️5,585; 今日⭐️15 316 | 317 | 318 | -------------------------------------------------------------------------------- /docs/2024/2024-06-16.md: -------------------------------------------------------------------------------- 1 | 2 | 收集各大技术社区网站每周热文，[个人技术博客](https://github.com/dravenww/blob) 在此 3 | 4 | 每周更新，展示当前周的数据，进行查看,欢迎[关注公众号](https://www.dravenwu.top)，点个star呀 5 | ## CSDN 6 | ### 数据结构与算法 7 | - [基于MATLAB仿真的BCC卷积码维特比译码算法](https://blog.csdn.net/m0_73019469/article/details/139646143): king_machine design-基于MATLAB仿真的BCC卷积码维特比译码算法----🔥 热度:17621 8 | - [支持向量机（SVM）中核函数的本质意义](https://blog.csdn.net/u013600306/article/details/139707399): phoenix@Capricornus-支持向量机（SVM）中核函数的本质意义----🔥 热度:11834 9 | - [贪心算法学习四](https://blog.csdn.net/2301_79881188/article/details/139573687): 别致的影分身-贪心算法学习四----🔥 热度:10495 10 | - [模式识别实验一：C-均值聚类算法](https://blog.csdn.net/LZQW20/article/details/139572697): IOLZQ-模式识别实验一：C-均值聚类算法----🔥 热度:8623 11 | - [离散傅里叶变换（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 12 | 13 | ### javascript 14 | - [Vue 3 中的状态管理：使用 reactive 函数实现组件间通信和状态管理](https://blog.csdn.net/sky6862/article/details/139706888): 山川湖海-Vue 3 中的状态管理：使用 reactive 函数实现组件间通信和状态管理----🔥 热度:24985 15 | - [如何在React组件中实现父子组件之间的通信？](https://blog.csdn.net/weixin_44714345/article/details/139706046): 极客前端探索者-如何在React组件中实现父子组件之间的通信？----🔥 热度:21150 16 | - [React Hooks小记(一)_useState](https://blog.csdn.net/weixin_61791370/article/details/139679655): 起风的秋天@-React Hooks小记(一)_useState----🔥 热度:21111 17 | - [Electron+vite+vuetify项目搭建](https://blog.csdn.net/wangmy1988/article/details/139709817): FireFrame-Electron+vite+vuetify项目搭建----🔥 热度:19912 18 | - [vue js原生上传图片前压缩方法](https://blog.csdn.net/beyond520lin/article/details/139699410): beyondjxx-vue js原生上传图片前压缩方法----🔥 热度:19030 19 | 20 | ### java 21 | - [java：spring actuator扩展原有info endpoint的功能](https://blog.csdn.net/chenhz2284/article/details/139707223): 陈鸿圳-java：spring actuator扩展原有info endpoint的功能----🔥 热度:19681 22 | - [【idea】解决springboot项目中遇到的问题](https://blog.csdn.net/qq_45956730/article/details/139704391): 水w-【idea】解决springboot项目中遇到的问题----🔥 热度:19434 23 | - [基于Java+SpringBoot+Mysql在线众筹系统设计与实现](https://blog.csdn.net/jinku7662_/article/details/139702011): 猿来入此金库-基于Java+SpringBoot+Mysql在线众筹系统设计与实现----🔥 热度:19264 24 | - [技术周总结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 25 | - [Java web应用性能分析之【prometheus+Grafana监控springboot服务和服务器监控】](https://blog.csdn.net/Rookie_CEO/article/details/139434063): -无-为--Java web应用性能分析之【prometheus+Grafana监控springboot服务和服务器监控】----🔥 热度:18844 26 | 27 | ### php 28 | - [【PHP开发工程师系统性教学】——thinkPHP的分页操作，不管有几页，用这个你想分几页就分几页](https://blog.csdn.net/2301_77628600/article/details/139661016): 曼亿点-【PHP开发工程师系统性教学】——thinkPHP的分页操作，不管有几页，用这个你想分几页就分几页----🔥 热度:11267 29 | - [【网络协议栈】TCP/IP相关知识点收集](https://blog.csdn.net/YZJincsdn/article/details/139701490): CodeWithMe-【网络协议栈】TCP/IP相关知识点收集----🔥 热度:9880 30 | - [华为---静态路由-浮动静态路由及负载均衡（二）](https://blog.csdn.net/weixin_43773979/article/details/139665601): 心为你而跳-华为---静态路由-浮动静态路由及负载均衡（二）----🔥 热度:9754 31 | - [增值税发票OCR识别API在Java、Python、PHP中的使用教程](https://blog.csdn.net/Mtxxd/article/details/139681690): Mtxxd-增值税发票OCR识别API在Java、Python、PHP中的使用教程----🔥 热度:9352 32 | - [TCP-拥塞控制](https://blog.csdn.net/weixin_74798742/article/details/139705707): cliff，-TCP-拥塞控制----🔥 热度:9278 33 | 34 | ### python 35 | - [sklearn、tensorflow、keras区别与联系--九五小庞](https://blog.csdn.net/qq_37241964/article/details/139656571): Up九五小庞-sklearn、tensorflow、keras区别与联系--九五小庞----🔥 热度:34072 36 | - [【python】Sklearn—Cluster](https://blog.csdn.net/bryant_meng/article/details/139710620): bryant_meng-【python】Sklearn—Cluster----🔥 热度:22836 37 | - [跟着AI学AI_11 PyTorch, TensorFlow 和JAX 功能对比简介](https://blog.csdn.net/Uman/article/details/139635593): MaraSun-跟着AI学AI_11 PyTorch, TensorFlow 和JAX 功能对比简介----🔥 热度:20868 38 | - [python+flask在线考务系统-课堂测验系统django](https://blog.csdn.net/QQ242219979/article/details/139663161): QQ242219979-python+flask在线考务系统-课堂测验系统django----🔥 热度:20752 39 | - [用Tensorflow API:tf.keras搭建网络八股：六步法](https://blog.csdn.net/2301_81866263/article/details/139608293): 凡骨修IT-用Tensorflow API:tf.keras搭建网络八股：六步法----🔥 热度:19141 40 | 41 | ### 运维 42 | - [企业化运维(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 43 | - [Linux Centos 环境下搭建RocketMq集群（双主双从）](https://blog.csdn.net/gonghua0502/article/details/139703380): 右手嘚温暖-Linux Centos 环境下搭建RocketMq集群（双主双从）----🔥 热度:16603 44 | - [Linux部署FTP服务](https://blog.csdn.net/qq_33906471/article/details/139648812): 畅云客-Linux部署FTP服务----🔥 热度:15650 45 | - [linux 关闭nagle算法](https://blog.csdn.net/shumeizwb/article/details/139708959): 无心六神通-linux 关闭nagle算法----🔥 热度:15173 46 | - [CentOS 7上部署Nginx](https://blog.csdn.net/Pth_you/article/details/139673795): Pth_you-CentOS 7上部署Nginx----🔥 热度:14663 47 | 48 | ### 移动开发 49 | - [由于一个完整的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 50 | - [生成一个完整的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 51 | - [创建一个完整的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 52 | - [mac下Xcode在iphone真机上测试运行iOS软件](https://blog.csdn.net/joey_ro/article/details/139699492): joey小天使-mac下Xcode在iphone真机上测试运行iOS软件----🔥 热度:21767 53 | - [由于一个完整的App代码涉及多个层面（如前端、后端、数据库等），并且不同的操作系统（如iOS、Android）和平台（如React Native、Flutter、Xamarin等）有不同的实现方式，因](https://blog.csdn.net/MildredStowe/article/details/139577013): MildredStowe-由于一个完整的App代码涉及多个层面（如前端、后端、数据库等），并且不同的操作系统（如iOS、Android）和平台（如React Native、Flutter、Xamarin等）有不同的实现方式，因----🔥 热度:20072 54 | 55 | ### c/c++ 56 | - [CS247— 2 (Spring 2023)C/C++](https://blog.csdn.net/ggcy33c/article/details/139705290): ggcy33c-CS247— 2 (Spring 2023)C/C++----🔥 热度:16698 57 | - [C/C++ Adaline自适应线性神经网络算法详解及源码](https://blog.csdn.net/qq_30247949/article/details/139701316): 猿来如此yyy-C/C++ Adaline自适应线性神经网络算法详解及源码----🔥 热度:16454 58 | - [3002：【例2.2】你好世界（Scratch、C、C++）](https://blog.csdn.net/dllglvzhenfeng/article/details/139663674): dllglvzhenfeng-3002：【例2.2】你好世界（Scratch、C、C++）----🔥 热度:16069 59 | - [C++ 高性能爬虫](https://blog.csdn.net/qq_30220519/article/details/139567969): 码力码力我爱你-C++ 高性能爬虫----🔥 热度:12507 60 | - [编程精粹—— Microsoft 编写优质无错 C 程序秘诀 01：假想的编译器](https://blog.csdn.net/zhzht19861011/article/details/139680199): 研究是为了理解-编程精粹—— Microsoft 编写优质无错 C 程序秘诀 01：假想的编译器----🔥 热度:8946 61 | 62 | 63 | ## 掘金 64 | ### 前端 65 | - [五年React手，竟被一个用Ruoyi的Java佬给秒了，这不完了么](https://juejin.cn/post/7378891290809090085): 被秒了，一个Java摸鱼手，随便用用若依就搞出来一个交互良好，功能强大的管理后台，这让我这个一直用React写管理后台的前端工，很尴尬啊，一下就变小丑了。----👍🏻点赞量:176 66 | - [离职前同事将下载大文件功能封装成了npm包，赚了145块钱](https://juejin.cn/post/7379524605104848946): 这几天有个同事离职了，本来那是last day，还有半个小时，但他还在那里勤勤恳恳的写着代码。我很好奇，就问：老张，你咋还不做好准备，都要撤了，还奋笔疾书呐。他说：等会儿和你说。下载大文件版比如我----👍🏻点赞量:76 67 | - [不得不安利的富文本编辑器，太赞了！](https://juejin.cn/post/7377662459921006629): hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，最近也在迭代可视化文档知识引擎Nocode/WEP。在研究文档编辑器的时候也发现了很多优秀的开源项目，从中吸取----👍🏻点赞量:75 68 | - [vue3+vite插件开发](https://juejin.cn/post/7377561821219848192): 插件开发目的:由于我司使用的前端技术栈为vue3+ts+vite2.X+axios,在前端代码框架设计初期,做了把axios挂载到proxy对象上的操作,具体可见我的另一篇文章 https://blo----👍🏻点赞量:25 69 | - [现代 CSS 解决方案：全尺寸的带圆角的渐变边框](https://juejin.cn/post/7379159550325030923): 在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章：巧妙实现带圆角的渐变边框会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像----👍🏻点赞量:61 70 | - [基于wujie的解决方案来简单聊聊微前端（2022年团队内分享PPT）](https://juejin.cn/post/7377567987119620147): 因为目前有时间了，所以在整理一下自己这几年写过的一些东西的相关文档，准备把一些东西改一下发出来，有的内容可能并不复杂，甚至有点浅显，但是也是对自己这几年的一些复盘和总结了----👍🏻点赞量:31 71 | - [JS类型转换面试题：[] == ![] 为true? ](https://juejin.cn/post/7378028569690390569): 前言 OK,又是在学习的路上遇到了难点，今天拿来分享一哈。ok，话不多说，开始分享。下面是一道面试题你觉得上面的值打印为多少？我告诉你，打印的结果是true。----👍🏻点赞量:53 72 | - [一起走走this关键字走过的路——this的指向问题](https://juejin.cn/post/7377694677275344896): 小美是一个白富美，她想在代码美如画的程序员小金面前介绍自己——你好，我叫小美，我今年十八岁，上得厅堂下得厨房，能当爸也能当妈，会赚钱也很顾家。这样小金就被深深吸引，然后嫁入豪门......小红也是白----👍🏻点赞量:48 73 | 74 | ### 前端-JavaScript 75 | - [离职前同事将下载大文件功能封装成了npm包，赚了145块钱](https://juejin.cn/post/7379524605104848946): 这几天有个同事离职了，本来那是last day，还有半个小时，但他还在那里勤勤恳恳的写着代码。我很好奇，就问：老张，你咋还不做好准备，都要撤了，还奋笔疾书呐。他说：等会儿和你说。下载大文件版比如我----👍🏻点赞量:76 76 | - [现代 CSS 解决方案：全尺寸的带圆角的渐变边框](https://juejin.cn/post/7379159550325030923): 在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章：巧妙实现带圆角的渐变边框会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像----👍🏻点赞量:61 77 | - [基于wujie的解决方案来简单聊聊微前端（2022年团队内分享PPT）](https://juejin.cn/post/7377567987119620147): 因为目前有时间了，所以在整理一下自己这几年写过的一些东西的相关文档，准备把一些东西改一下发出来，有的内容可能并不复杂，甚至有点浅显，但是也是对自己这几年的一些复盘和总结了----👍🏻点赞量:31 78 | - [JS类型转换面试题：[] == ![] 为true? ](https://juejin.cn/post/7378028569690390569): 前言 OK,又是在学习的路上遇到了难点，今天拿来分享一哈。ok，话不多说，开始分享。下面是一道面试题你觉得上面的值打印为多少？我告诉你，打印的结果是true。----👍🏻点赞量:53 79 | - [一起走走this关键字走过的路——this的指向问题](https://juejin.cn/post/7377694677275344896): 小美是一个白富美，她想在代码美如画的程序员小金面前介绍自己——你好，我叫小美，我今年十八岁，上得厅堂下得厨房，能当爸也能当妈，会赚钱也很顾家。这样小金就被深深吸引，然后嫁入豪门......小红也是白----👍🏻点赞量:48 80 | - [Taro 源码揭秘 - 2. 揭开整个架构的插件系统的秘密](https://juejin.cn/post/7380195796208205824): 1. 如何合并预设插件集合和插件（CLI、用户项目（config/index.ts）、全局插件） 2. 插件是如何注册的 3. 插件如何调用的等等----👍🏻点赞量:33 81 | - [让面试官眼前一亮的防抖](https://juejin.cn/post/7379053389248626703): 防抖前段时间发布了一篇关于手写防抖的文章，今天想来做一个提升，让各位全面理解防抖节流。什么是防抖我们写了一个简单页面，当鼠标经过容器，页面的count计数就会加一，并把这个count插入到页面中----👍🏻点赞量:36 82 | - [拿捏canvas，从实现环形进度条与随机验证码开始](https://juejin.cn/post/7378014138138886195): canvas是HTNL5中才引入的元素。canvas元素为网页提供了可以通过JavaScript完成绘画的画布。可通过编写canvas元素脚本在网页上生成动态图形和复杂的视觉效果。----👍🏻点赞量:35 83 | 84 | ### 前端-Vue.js 85 | - [vue3+vite插件开发](https://juejin.cn/post/7377561821219848192): 插件开发目的:由于我司使用的前端技术栈为vue3+ts+vite2.X+axios,在前端代码框架设计初期,做了把axios挂载到proxy对象上的操作,具体可见我的另一篇文章 https://blo----👍🏻点赞量:25 86 | - [在Vue3中高级前端是这样给按钮添加loading效果的](https://juejin.cn/post/7378893690145816612): 前言一个页面有多个按钮，每个按钮都要添加loading效果，高级前端是如何在Vue3控制按钮是否显示loading效果的呢？----👍🏻点赞量:17 87 | - [第二十节:带你梳理Vue2:Vue子组件向父组件传参(事件传参)](https://juejin.cn/post/7377697380215078949): 梳理vue2 中子组件向父组件传参方式. 通过自定义事件, 在父组件使用子组件的组件标签上绑定自定义事件. 子组件内触发这个定义事件, 并通过事件参数向父组件传递参数----👍🏻点赞量:0 88 | - [vue3+vite项目自动转换 px 为 rem](https://juejin.cn/post/7379160957753802793): 在前端开发中，会遇到需要适配不同屏幕分辨率的情况，因此考虑编译时自动将项目中的 px 转换为 rem。本文介绍通过配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。----👍🏻点赞量:5 89 | - [有点东西，template可以直接使用setup语法糖中的变量原来是因为这个](https://juejin.cn/post/7379569983128862735): 我们每天写vue3代码的时候都会使用到setup语法糖，那你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢？setup语法糖是如何编译成setup函数的呢？----👍🏻点赞量:9 90 | - [关于Vue3的setup attribute标识是否是一个值得使用的语法糖？](https://juejin.cn/post/7377925587040567337): 本文重点要讨论的一个地方是关于`