<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Constantiny的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Constantiny</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Constantiny]]></copyright><item><title><![CDATA[在 node 端执行打开一个新的 chrome 并且跳转到指定 url]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/149249534</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/149249534</guid><author>Constantiny</author><pubDate>Thu, 10 Jul 2025 14:33:22 +0800</pubDate><description><![CDATA[本文介绍了一个Node.js服务端接口，用于在不同操作系统上打开新的Chrome浏览器窗口并跳转到指定URL。代码通过判断操作系统类型（Windows/Mac/Linux）执行相应的命令行指令：Mac使用AppleScript，Windows使用start命令，Linux直接调用google-chrome。接口会验证URL格式并自动补全https前缀，最后返回操作结果。该方案实现了在服务器端启动独立浏览器窗口的功能，而非仅打开新标签页。]]></description><category></category></item><item><title><![CDATA[react-diff-viewer 如何实现语法高亮]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/147899117</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/147899117</guid><author>Constantiny</author><pubDate>Mon, 12 May 2025 16:20:32 +0800</pubDate><description><![CDATA[React Diff Viewer 是一个用于展示代码差异的库，但在默认情况下不支持语法高亮。通过使用 renderContent 属性，可以结合第三方语法高亮库实现自定义高亮。然而，直接引入高亮库可能会导致样式冲突，使得显示效果不佳。解决方法是移除自定义渲染器中的样式属性，如 customStyle，以避免覆盖原有样式。这样可以确保语法高亮与差异展示的样式和谐共存，提升代码的可读性。]]></description><category></category></item><item><title><![CDATA[Antd X : 迅速搭建 AI 页面的解决方案]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/144323076</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/144323076</guid><author>Constantiny</author><pubDate>Sun, 08 Dec 2024 11:06:30 +0800</pubDate><description><![CDATA[随着 AI 热度的水涨船高，越来越多的 AI 应用如井喷式爆发，那么如何迅速搭建一个 AI 应用的美观高质量 Web 前端页面呢， Antd 团队给出了一个解决方案。]]></description><category></category></item><item><title><![CDATA[Cursor: 你可能不再需要其他 GPT & Copilot AI 编程助手]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/143873011</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/143873011</guid><author>Constantiny</author><pubDate>Tue, 19 Nov 2024 09:45:57 +0800</pubDate><description><![CDATA[从笔者最近几天对于 Cursor 的使用来看，它完全可以替代你手头的 XX 代码精灵、XX AI Agent、XX AI 提效工具。虽然 Cursor 可能不是最后 AI Tools 的样子，但至少目前，似乎它达到了代码提效的最高点。]]></description><category></category></item><item><title><![CDATA[「JS」如何在 JS 中执行 git clone 操作]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/143166456</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/143166456</guid><author>Constantiny</author><pubDate>Tue, 22 Oct 2024 19:33:09 +0800</pubDate><description><![CDATA[有几个 JavaScript 第三方库能够帮助在 JavaScript 中执行 Git 操作。这些库可以让你在 Node.js 环境下直接进行 Git 操作，而不需要手动调用 Git 命令行工具。]]></description><category></category></item><item><title><![CDATA[「CSS」当你无法感知内部组件时，如何控制它的样式]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/142788578</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/142788578</guid><author>Constantiny</author><pubDate>Wed, 09 Oct 2024 15:54:11 +0800</pubDate><description><![CDATA[在开发中，我们可能有一个组件依赖一个组件，但是这个组件本身是在一个 npm 包直接导出的，所以我们无法感知他内部，而碰巧我们又碰到了相关的样式问题，这时候就需要解决一下。]]></description><category></category></item><item><title><![CDATA[前端调试三大利器：1. ResourceOverride 2. React DevTool 3. Chrome DevTool breakpoint debugger]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/141503788</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/141503788</guid><author>Constantiny</author><pubDate>Tue, 27 Aug 2024 20:54:33 +0800</pubDate><description><![CDATA[在 Resource Override 插件中，“url” 通常指的是网页资源的地址链接，这个地址链接可以是指向静态资源（如JavaScript文件、CSS文件、图片等）的URL，也可以是指向动态内容的API请求的URL。使用文件覆盖资源：在浏览器的开发者工具中，你可以为特定的资源设置一个覆盖，这意味着当浏览器请求该资源时，它会加载你指定的本地文件而不是线上的资源。重定向URL：将线上的资源URL重定向到本地的资源，这样浏览器就会加载本地的文件而不是线上的文件。这通常用于本地开发和调试。]]></description><category></category></item><item><title><![CDATA[「树形结构」基于 Antd 实现一个动态增加子节点+可拖拽的树]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/140653999</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/140653999</guid><author>Constantiny</author><pubDate>Wed, 24 Jul 2024 09:36:01 +0800</pubDate><description><![CDATA[增加节点的节点始终放在最后且可以增加同级节点。而且只有末级可以增加。]]></description><category></category></item><item><title><![CDATA[「Ant Design」Antd 中卡片如何完全不展示内容区域、按需展示内容区域、不展示标题]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/140629571</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/140629571</guid><author>Constantiny</author><pubDate>Tue, 23 Jul 2024 11:06:16 +0800</pubDate><description><![CDATA[下面是默认的 Antd 卡片，由以下区域组成处理 Antd 的 Card 展示形式大致有下面三种。]]></description><category></category></item><item><title><![CDATA[git 提交的进阶操作]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/140527854</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/140527854</guid><author>Constantiny</author><pubDate>Thu, 18 Jul 2024 17:05:42 +0800</pubDate><description><![CDATA[cherry-pick 是 Git 中的一种操作，允许你从一个分支中选择特定的 commit，并将其应用到另一个分支。它的主要用途是将特定的更改引入到其他分支，而无需合并整个分支历史。这在修复 bug 或者移植某些功能时特别有用。
cherry-pick 的使用场景
你可以使用 cherry-pick 从 feature 分支上选择某个特定的 commit 并应用到 main 分支，例如将 G 应用到 main 分支。利用 git rebase
合并步骤
合并指定版本号（不包含此版本）
指令含义：
● p,]]></description><category></category></item><item><title><![CDATA[macbook的程序坞在主副屏切换]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/140526930</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/140526930</guid><author>Constantiny</author><pubDate>Thu, 18 Jul 2024 16:40:50 +0800</pubDate><description><![CDATA[外接显示器时，最底部的程序坞栏经常在主屏和副屏跑来跑去；]]></description><category></category></item><item><title><![CDATA[解决报错：Error: The package “esbuild-darwin-arm64“ could not be found, and is needed by esbuild.]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/140155250</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/140155250</guid><author>Constantiny</author><pubDate>Wed, 03 Jul 2024 16:14:59 +0800</pubDate><description><![CDATA[● 删除 node_modules 重新装 ×。使用 npm i esbuild 解决后。使用 yarn 代替 npm 安装。]]></description><category></category></item><item><title><![CDATA[解决 Enter passphrase for key ‘/Users/xxx/.ssh/id_rsa‘: 问题]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/140149087</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/140149087</guid><author>Constantiny</author><pubDate>Wed, 03 Jul 2024 12:51:22 +0800</pubDate><description><![CDATA[在创建 SSH 公私钥 的时候，输入了密码，现在每次都需要效验之前输入的密码，想要永久的解决这种问题，就是重新生成一个不带密码的 SSH 公私钥。复制这个公钥放到你的个人设置中的SSH Keys下，请完整拷贝从ssh-开始直到你的用户名和主机名为止的内容。这个指令会要求你提供一个位置和文件名去存放键值对和密码，你可以点击Enter键去使用默认值。配置SSH Key主要是为了允许您的计算机和Code代码平台之间建立安全连接。● 打开你那边的Code平台SSH KEY设置页面，直接将公钥粘贴到输入框中。]]></description><category></category></item><item><title><![CDATA[「React」RSC 服务端组件]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/139554704</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/139554704</guid><author>Constantiny</author><pubDate>Sun, 09 Jun 2024 09:09:19 +0800</pubDate><description><![CDATA[RSC（React Server Components）是React框架的一个新特性，它允许开发者编写只在服务器端渲染的组件。与传统的服务器端渲染（SSR）不同，RSC的目标是提升性能和用户体验，同时减少客户端加载的JavaScript代码的体积。]]></description><category></category></item><item><title><![CDATA[「浏览器」服务端渲染]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/139356453</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/139356453</guid><author>Constantiny</author><pubDate>Fri, 31 May 2024 19:09:15 +0800</pubDate><description><![CDATA[服务端渲染（Server-Side Rendering，SSR）是一种常见于网页应用的技术，它指的是在服务器上将网页的内容生成，然后发送完整的HTML页面到客户端的浏览器的过程。这与传统的客户端渲染（Client-Side Rendering，CSR）相对，客户端渲染是在用户的浏览器上动态生成页面内容。现代的网页开发通常会结合服务端渲染和客户端渲染的优点，使用如Next.js、Nuxt.js等框架支持的通用（同构）渲染，以提供最佳的用户体验和性能。]]></description><category></category></item><item><title><![CDATA[「浏览器」跨站请求伪造CSRF攻击的原理以及防范措施]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/139289109</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/139289109</guid><author>Constantiny</author><pubDate>Wed, 29 May 2024 11:00:37 +0800</pubDate><description><![CDATA[HTTP 是一个无状态的协议，比如需要账号密码登录的网站这个场景，为了避免每次都需要重复输入，有一种方案就是Cookie，具体使用不做赘述，但是这样带来了一些安全问题。跨站请求伪造（CSRF）攻击是一种利用网站间信任关系的攻击方式。攻击者诱使受害者在用户的浏览器中执行不安全的操作，而用户在不知情的情况下发送请求，这些请求包含了对于受信任站点有效的身份验证信息。]]></description><category></category></item><item><title><![CDATA[解决 Python 安装第三方库报错问题：UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xb2 in position 1972:]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/139069371</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/139069371</guid><author>Constantiny</author><pubDate>Mon, 20 May 2024 16:48:04 +0800</pubDate><description><![CDATA[在Python进行文件操作时，如果编码、解码格式不统一经常会遇到这个错误。在安装 gradio 并运行后报错。]]></description><category></category></item><item><title><![CDATA[「React」2024最新版本入门 React 19 你需要掌握什么]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/139039069</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/139039069</guid><author>Constantiny</author><pubDate>Sun, 19 May 2024 19:16:16 +0800</pubDate><description><![CDATA[React 是前端很火且被广泛使用的一个框架，在当下这个时间想入门上手React开发，我们需要了解它的哪些最为关键的特性，本文将一一列出。类组件在官方文档中也已经被废弃，下面均为 React HooksuseStateuseEffectuseMemouseRefforwardRef 接受一个渲染函数作为参数。React 将会使用 props 和 ref 调用此函数：return (});]]></description><category></category></item><item><title><![CDATA[「React」useEffect 与 useLayoutEffect 使用与区别]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/139013503</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/139013503</guid><author>Constantiny</author><pubDate>Fri, 17 May 2024 21:51:05 +0800</pubDate><description><![CDATA[useEffect 与 useLayoutEffect 是两个 Hooks，前者比较常用，后者在一些场景下也会用到，下面说明两者区别和应用场景。]]></description><category></category></item><item><title><![CDATA[「前端」性能优化问题总结]]></title><link>https://blog.youkuaiyun.com/Constantiny/article/details/138437844</link><guid>https://blog.youkuaiyun.com/Constantiny/article/details/138437844</guid><author>Constantiny</author><pubDate>Wed, 15 May 2024 13:20:11 +0800</pubDate><description><![CDATA[本文主要介绍一些前端通用的性能优化方案总结，非写代码阶段的性能优化。]]></description><category></category></item></channel></rss>