https://www.yuanjing.dev/blog 一个开放自由的空间，记录生活点滴与技术成长 zh-cn yuanjingteam@163.com (yuanjing) yuanjingteam@163.com (yuanjing) Sat, 28 Nov 2026 00:00:00 GMT https://www.yuanjing.dev/blog/boring https://www.yuanjing.dev/blog/boring 分享你的思考 Sat, 28 Nov 2026 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/ai-blog-recommended https://www.yuanjing.dev/blog/ai-blog-recommended AI领域的信息太多了，博客、文档、教程铺天盖地。这份指南帮你快速定位适合自己的资源，不走弯路。 Thu, 19 Mar 2026 00:00:00 GMT yuanjingteam@163.com (yuanjing) AI https://www.yuanjing.dev/blog/nvm-use-node-version https://www.yuanjing.dev/blog/nvm-use-node-version 使用脚本让不同项目自动切换所需的 node 版本 Tue, 17 Mar 2026 00:00:00 GMT yuanjingteam@163.com (yuanjing) nvmnode https://www.yuanjing.dev/blog/best-practices-for-react-conditional-rendering https://www.yuanjing.dev/blog/best-practices-for-react-conditional-rendering 一个常见的 JavaScript/React 条件渲染陷阱：JavaScript 的 && 操作符会返回第一个假值，而 0 在 React 中会被渲染为字符串 "0" Mon, 15 Dec 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) React https://www.yuanjing.dev/blog/vm-space-mismatch-fix https://www.yuanjing.dev/blog/vm-space-mismatch-fix 我最近在使用 PVE (Proxmox VE) 虚拟机平台时，遇到了一个非常让人困惑的问题。我明明给我的 Linux 虚拟机分配了足足 100G 的硬盘空间，可当我登录到虚拟机里面，查看 1Panel 界面或者使用 df -h 命令时，系统却告诉我：我的总容量只有 50G 左右 Sun, 30 Nov 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) Linux https://www.yuanjing.dev/blog/three-programming-paradigms-analysis https://www.yuanjing.dev/blog/three-programming-paradigms-analysis Fri, 14 Nov 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) 编程思想 https://www.yuanjing.dev/blog/resonant-certainty https://www.yuanjing.dev/blog/resonant-certainty 分享你的思考 Thu, 13 Nov 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/how-to-ramp-up-on-a-new-project https://www.yuanjing.dev/blog/how-to-ramp-up-on-a-new-project 从业务、部署结构、问题驱动与主人翁意识四个维度入手，结合代码阅读方法与技术栈梳理，帮助程序员在接手新项目时高效完成认知建立与落地执行。 Sun, 02 Nov 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) experience https://www.yuanjing.dev/blog/programmer-specialization-vs-breadth https://www.yuanjing.dev/blog/programmer-specialization-vs-breadth 四位淘系技术工程师分享技术人员成长中对于【精】和【广】的选择观点，探讨程序员职业发展路径。 Sat, 01 Nov 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) experience https://www.yuanjing.dev/blog/how-programmers-upskill-in-spare-time https://www.yuanjing.dev/blog/how-programmers-upskill-in-spare-time 四位工程师分享如何利用碎片时间进行阅读、锻炼、写作与学习，坚持提升自我。 Fri, 31 Oct 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) experience https://www.yuanjing.dev/blog/protable-columns-default-hidden https://www.yuanjing.dev/blog/protable-columns-default-hidden 解决ProTable表格字段过多时的显示问题，通过columnsState配置实现字段默认隐藏且用户可自主选择显示的最佳实践。 Mon, 15 Sep 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) ReactAnt Design前端 https://www.yuanjing.dev/blog/programmers-most-important-ability https://www.yuanjing.dev/blog/programmers-most-important-ability 四位阿里工程师现身说法：兴趣、问题拆解、好奇心与持续学习，到底哪一项才是程序员最重要的能力？ Wed, 25 Jun 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) experience https://www.yuanjing.dev/blog/git-push-git-receive-pack https://www.yuanjing.dev/blog/git-push-git-receive-pack 在使用 Git 推送代码到远程仓库时，特别是当提交包含大文件时，经常会遇到卡在 POST git-receive-pack (chunked) 的问题。本文提供完整的解决方案，包括缓冲区配置、SSH协议切换、Git LFS使用等多种方法。 Sat, 07 Jun 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) git https://www.yuanjing.dev/blog/linux-development-commands https://www.yuanjing.dev/blog/linux-development-commands Linux 服务器管理是确保服务器高效、稳定运行的关键。它包括了一系列的任务 Mon, 17 Mar 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) Linux https://www.yuanjing.dev/blog/build-a-price-range-filter-component-in-shopify-hydrogen https://www.yuanjing.dev/blog/build-a-price-range-filter-component-in-shopify-hydrogen 前端项目部署相关指南，包括本地服务器预览和远程服务器部署的详细说明。 Thu, 13 Mar 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) dockernginx https://www.yuanjing.dev/blog/macos-zip-cli https://www.yuanjing.dev/blog/macos-zip-cli macOS命令将文件和目录压缩成单个文件。 Tue, 11 Mar 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) macosbash https://www.yuanjing.dev/blog/relative-time-ago-parsing https://www.yuanjing.dev/blog/relative-time-ago-parsing 一个简单的工具函数，将相对时间解析为人类可读的格式。 Tue, 11 Mar 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) typescript时间 https://www.yuanjing.dev/blog/use-https-in-local-development https://www.yuanjing.dev/blog/use-https-in-local-development 在本地开发Node.js应用时设置HTTPS服务器的最简单方法 Wed, 05 Mar 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) httpsnodejskoajs https://www.yuanjing.dev/blog/small-big-money https://www.yuanjing.dev/blog/small-big-money 分享你的思考 Thu, 20 Feb 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/dont-anxious https://www.yuanjing.dev/blog/dont-anxious 分享你的思考 Thu, 06 Feb 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/some-idea https://www.yuanjing.dev/blog/some-idea 分享你的思考 Thu, 06 Feb 2025 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/dev-setup-minimal-list-for-web-dev-on-a-fresh-macos-install https://www.yuanjing.dev/blog/dev-setup-minimal-list-for-web-dev-on-a-fresh-macos-install 拿到一台新的 Mac 设备对每个开发者来说都是令人兴奋的事情，但在配置开发环境时也常常让人感到困惑。这篇文章为你列出在全新 macOS 系统上开始 Web 开发所需的最基础配置清单。 Tue, 22 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) 开发环境macOS入门指南 https://www.yuanjing.dev/blog/connecting-to-github-using-ssh https://www.yuanjing.dev/blog/connecting-to-github-using-ssh 配置SSH密钥连接GitHub，无需每次输入用户名和密码。 Mon, 14 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) githubssh https://www.yuanjing.dev/blog/how-to-create-an-image-with-blurry-loading-effect-in-nextjs https://www.yuanjing.dev/blog/how-to-create-an-image-with-blurry-loading-effect-in-nextjs NextJS 提供了一个内置的图片组件，它具有许多有用的功能，我们可以利用这些功能并添加一些自定义样式来创建一个带有模糊加载效果的漂亮图片。 Sat, 12 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) nextjs https://www.yuanjing.dev/blog/pnpm-aliases https://www.yuanjing.dev/blog/pnpm-aliases 如何安装和更新pnpm，为其创建shell别名，以及高效升级项目依赖。 Fri, 11 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) pnpm别名.zprofile.bash_profile https://www.yuanjing.dev/blog/python https://www.yuanjing.dev/blog/python Python常见代码 Fri, 11 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) Python https://www.yuanjing.dev/blog/vscode-other-language https://www.yuanjing.dev/blog/vscode-other-language 在VsCode上跑后端服务的cheatsheet Fri, 11 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) vscodeJavaPythonGolang https://www.yuanjing.dev/blog/vscode-settings https://www.yuanjing.dev/blog/vscode-settings 我在所有设备上使用的个人VSCode配置、设置和键绑定。 Fri, 11 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) vscode https://www.yuanjing.dev/blog/on-tailwind-css-arbitrary-values https://www.yuanjing.dev/blog/on-tailwind-css-arbitrary-values 如何在 Tailwind CSS 中使用任意值来创建组件的自定义样式。一些让你的 Tailwind CSS 工作流程更高效的实用技巧。 Fri, 04 Oct 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) tailwind-css https://www.yuanjing.dev/blog/time-energy https://www.yuanjing.dev/blog/time-energy 分享你的思考 Tue, 09 Jul 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/see-problem https://www.yuanjing.dev/blog/see-problem 分享你的思考 Mon, 15 Jan 2024 00:00:00 GMT yuanjingteam@163.com (yuanjing) Thread https://www.yuanjing.dev/blog/npm-commands https://www.yuanjing.dev/blog/npm-commands 本地开发必备的npm命令，涵盖包安装、版本控制和脚本管理。 Tue, 26 Sep 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) npmnpx https://www.yuanjing.dev/blog/does-promise-all-run-in-parallel-or-sequential https://www.yuanjing.dev/blog/does-promise-all-run-in-parallel-or-sequential JavaScript 是单线程编程语言，所以它不能同时运行多个任务。Promise.all() 实际上是并发执行 promise，而不是并行执行！让我们深入了解它是如何工作的。 Mon, 04 Sep 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascriptpromise https://www.yuanjing.dev/blog/verify-github-webhooks-requests https://www.yuanjing.dev/blog/verify-github-webhooks-requests 验证和处理传入的GitHub webhooks。如何设置监听器、验证请求并处理Github的webhook事件。 Sun, 09 Jul 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) githubwebhookremix https://www.yuanjing.dev/blog/copilot-prompt-appreciation https://www.yuanjing.dev/blog/copilot-prompt-appreciation 鉴赏Copilot 提示词的写法，这个方法可以应用到任何行业和领域的prompt编写 Fri, 26 May 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) AIprompt https://www.yuanjing.dev/blog/render-blocking-css-and-chrome-performance-api https://www.yuanjing.dev/blog/render-blocking-css-and-chrome-performance-api 了解如何通过避免阻塞渲染的 CSS 来提高网站性能和用户体验。使用 Chrome Performance API 测量和优化页面渲染时间。 Sat, 11 Mar 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) 性能优化css https://www.yuanjing.dev/blog/aliyun https://www.yuanjing.dev/blog/aliyun 阿里云服务器常用操作 Tue, 21 Feb 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) aliyun https://www.yuanjing.dev/blog/casing-utils https://www.yuanjing.dev/blog/casing-utils 在TypeScript中各种即用型字符串大小写转换工具函数。 Tue, 21 Feb 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascripttypescript https://www.yuanjing.dev/blog/docker https://www.yuanjing.dev/blog/docker docker常用配置 Tue, 21 Feb 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) docker https://www.yuanjing.dev/blog/introduction-to-committing-with-conventional-commit https://www.yuanjing.dev/blog/introduction-to-committing-with-conventional-commit Conventional commit（规范化提交）是一种特定的提交形式，为软件开发者提供了一个统一的系统来组织和描述他们的变更，使追踪更新变得更加容易 Sun, 01 Jan 2023 00:00:00 GMT yuanjingteam@163.com (yuanjing) git https://www.yuanjing.dev/blog/rename-a-case-sensitive-file-in-a-git-repo https://www.yuanjing.dev/blog/rename-a-case-sensitive-file-in-a-git-repo 在Git仓库中安全地重命名大小写敏感的文件或目录，避免冲突或大小写不一致问题。 Tue, 11 Oct 2022 00:00:00 GMT yuanjingteam@163.com (yuanjing) git https://www.yuanjing.dev/blog/remove-falsy-values-from-an-object https://www.yuanjing.dev/blog/remove-falsy-values-from-an-object 递归地从对象及其嵌套属性中移除所有无效值（null、undefined、0、false）。 Wed, 21 Sep 2022 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascript工具函数 https://www.yuanjing.dev/blog/color-validator https://www.yuanjing.dev/blog/color-validator 验证字符串以确保它们代表各种格式的有效颜色（十六进制、RGB和命名颜色）。 Tue, 12 Oct 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) typescript https://www.yuanjing.dev/blog/find-and-kill-process-on-given-port-in-macos https://www.yuanjing.dev/blog/find-and-kill-process-on-given-port-in-macos 在开发环境中识别和终止在特定端口上运行的进程。 Thu, 09 Sep 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) bashmacos https://www.yuanjing.dev/blog/markdown-code-block-syntax https://www.yuanjing.dev/blog/markdown-code-block-syntax 详细介绍Markdown代码块语法，涵盖基础和高级用法。 Thu, 09 Sep 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) markdown https://www.yuanjing.dev/blog/event-emitter https://www.yuanjing.dev/blog/event-emitter 一个轻量级的发布/订阅机制，用于处理自定义事件，无需添加完整的库。 Mon, 06 Sep 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascript设计模式 https://www.yuanjing.dev/blog/embed-script-using-github-and-jsdelivr https://www.yuanjing.dev/blog/embed-script-using-github-and-jsdelivr 学习如何在网页中嵌入脚本和样式，无需修改网站的现有代码。使用 Github 托管你的脚本和样式文件，并使用 jsDelivr 作为 CDN 将它们传递到你的网页。 Sun, 05 Sep 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascriptgithub https://www.yuanjing.dev/blog/read-all-file-names-inside-a-folder https://www.yuanjing.dev/blog/read-all-file-names-inside-a-folder 使用Node.js快速读取目录中所有文件名的实用工具。 Sat, 28 Aug 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) bashshell https://www.yuanjing.dev/blog/gitignore-ignore-directory-keep-1-file https://www.yuanjing.dev/blog/gitignore-ignore-directory-keep-1-file 如何忽略目录中的所有文件，但保留特定的一个文件。 Fri, 27 Aug 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) git https://www.yuanjing.dev/blog/prevent-layout-shift-while-show-hide-scrollbar-on-window https://www.yuanjing.dev/blog/prevent-layout-shift-while-show-hide-scrollbar-on-window 当窗口滚动条切换时，布局会发生偏移。这是因为滚动条被添加到窗口中。如何用CSS防止这种情况？ Mon, 16 Aug 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) css https://www.yuanjing.dev/blog/key-notes-while-working-with-git https://www.yuanjing.dev/blog/key-notes-while-working-with-git 面向命令行开发者的 Git 使用技巧，助你节省大量时间 Thu, 12 Aug 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) git https://www.yuanjing.dev/blog/silicon-valley-innovative-education https://www.yuanjing.dev/blog/silicon-valley-innovative-education 关于如何使用 srcset 和 sizes 作为全球各种人类思维、创造力、技术创新最密集的土壤，硅谷已经成为了创新的代名词，除了我们耳熟能详的高科技公司之外，还有很多「小而美」的创新，比如说我比较感兴趣的创新教育，硅谷做的非常棒，很值得说一说。 Tue, 22 Jun 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) 响应式html https://www.yuanjing.dev/blog/shanyueji https://www.yuanjing.dev/blog/shanyueji 从〈人虎传〉谈“性情之兽”，反思怯弱的自尊与羞耻心如何反噬人生。 Wed, 19 May 2021 00:00:00 GMT yuanjingteam@163.com (yuanjing) 阅读 https://www.yuanjing.dev/blog/drag-n-drop-api-keynotes https://www.yuanjing.dev/blog/drag-n-drop-api-keynotes 在 Javascript 中使用拖拽 API 时需要记住的一些要点 Sun, 25 Oct 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascript https://www.yuanjing.dev/blog/tricky-use-case-of-array-map-in-js https://www.yuanjing.dev/blog/tricky-use-case-of-array-map-in-js 如果你熟悉函数式编程，Array.prototype.map 一定是你每天都在使用的函数。我们最近在 Cốc Cốc 遇到了一个棘手的用例，花了我一段时间才弄明白，这里是答案... Tue, 22 Sep 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascript https://www.yuanjing.dev/blog/function-declaration-vs-function-expression-in-js https://www.yuanjing.dev/blog/function-declaration-vs-function-expression-in-js 了解JavaScript中函数声明和函数表达式之间的区别，包括它们的定义、提升行为以及何时使用每种方法。 Thu, 17 Sep 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) javascript https://www.yuanjing.dev/blog/integrate-tailwind-css-with-react-application https://www.yuanjing.dev/blog/integrate-tailwind-css-with-react-application Tailwind CSS是一个高度可定制的底层CSS框架。与其他专注于预设计组件（如按钮、卡片或模态框）的框架不同，这些框架虽然容易上手但后期难以定制，而Tailwind让你使用实用类从头开始构建自己的设计... Mon, 31 Aug 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) tailwind-cssreactpostcss https://www.yuanjing.dev/blog/set-up-path-aliases-in-nodejs https://www.yuanjing.dev/blog/set-up-path-aliases-in-nodejs 厌倦了在Node.js项目中处理复杂的文件路径？学习如何使用TypeScript和module-alias包设置模块别名，简化导入并改善开发体验。 Thu, 27 Aug 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) nodejstypescriptjavascript https://www.yuanjing.dev/blog/nodejs-fetch-json-with-https https://www.yuanjing.dev/blog/nodejs-fetch-json-with-https 学习如何使用 Node.js 内置的 https 模块发起 HTTP 请求，无需为项目添加额外的依赖。按照这些简单的步骤，轻松从外部 API 和服务器获取 JSON 数据。 Tue, 18 Aug 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) nodejsjsonhttps https://www.yuanjing.dev/blog/node-2 https://www.yuanjing.dev/blog/node-2 Node.js 的核心特性、使用场景、核心模块和主流框架介绍 Sat, 15 Aug 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) nodejs https://www.yuanjing.dev/blog/node-1 https://www.yuanjing.dev/blog/node-1 Node.js 介绍 Wed, 12 Aug 2020 00:00:00 GMT yuanjingteam@163.com (yuanjing) nodejs https://www.yuanjing.dev/blog/2018-summary copy https://www.yuanjing.dev/blog/2018-summary copy 2018年的总结 Sun, 30 Dec 2018 00:00:00 GMT yuanjingteam@163.com (yuanjing) 总结 https://www.yuanjing.dev/blog/2018-summary https://www.yuanjing.dev/blog/2018-summary 2018年的总结 Sun, 30 Dec 2018 00:00:00 GMT yuanjingteam@163.com (yuanjing) 总结 https://www.yuanjing.dev/blog/blockchain-and-token-notes https://www.yuanjing.dev/blog/blockchain-and-token-notes 对区块链行业与区块链的简要理解与笔记 Sat, 20 Oct 2018 00:00:00 GMT yuanjingteam@163.com (yuanjing) 区块链 https://www.yuanjing.dev/blog/so-you-want-to-be-a-programmer https://www.yuanjing.dev/blog/so-you-want-to-be-a-programmer 十年自学编程的思考与建议 Mon, 16 Apr 2018 00:00:00 GMT yuanjingteam@163.com (yuanjing) 技术编程 https://www.yuanjing.dev/blog/thoughts-on-working-in-beijing https://www.yuanjing.dev/blog/thoughts-on-working-in-beijing 冲着窗外的人群不停的挥手告别，趴在后车窗上望着母校和那些人渐行渐远，真像是电影中的画面，然而就在我眼前。此刻在新乡的火车站外等待，虽然天气有些闷热，但是也有丝丝凉风，我坐在台阶上写下这篇临别前的感言（简单说几点）送给我的朋友。 Fri, 11 Aug 2017 00:00:00 GMT yuanjingteam@163.com (yuanjing) 记录