<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[问卿何如的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Loonger29</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Loonger29]]></copyright><item><title><![CDATA[create-react-app 之 使用 @craco/craco 和 craco-less 实现支持 css-modules 的解决方案]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/119346714</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/119346714</guid><author>Loonger29</author><pubDate>Tue, 03 Aug 2021 17:16:24 +0800</pubDate><description><![CDATA[使用 CRA 脚手架创建的项目，如果想要修改编译配置，通常可能会选择 npm run eject弹出配置后魔改。但是，eject 是不可逆操作，弹出配置后，你将无法跟随官方的脚步去升级项目的 react-script 版本。
如果想要无 eject 重写 CRA 配置，一般可以有以下几种方式：



通过 CRA 官方支持的 --scripts-version 参数，创建项目时使用自己重写过的 react-scripts 包
使用 react-app-rewired + customize-cra 组合覆.]]></description><category></category></item><item><title><![CDATA[Babel 之 @babel/preset-env]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/119180008</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/119180008</guid><author>Loonger29</author><pubDate>Wed, 28 Jul 2021 17:44:09 +0800</pubDate><description><![CDATA[Babel 已经成为前端工程化开发的必备工具链。自 Babel 7.0 以后，Babel 进一步对工具优化和插件统一管理，全面迁移到 @babel 中。@babel/preset-env 是十分常用的一组预先设定的插件，今天就来简单聊聊这个插件

@babel/preset-env

这是一个智能预设，它允许你使用最新的 JavaScript 语法，而无需对目标环境需要哪些语法转换进行管理。

npm install @babel/core @babel/preset-env -D


@babel/pr.]]></description><category></category></item><item><title><![CDATA[奇妙的旅行之NodeJS: process.cwd() 与 __dirname 的区别]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/117772348</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/117772348</guid><author>Loonger29</author><pubDate>Thu, 10 Jun 2021 14:39:43 +0800</pubDate><description><![CDATA[process.cwd() 就是 node 命令工作的目录，返回的是一个绝对路径地址；
__dirname 文件所在目录,指代一个绝对路径地址，通常 path.resolve(__dirname, '../src')]]></description><category></category></item><item><title><![CDATA[利刃出鞘之VSCode：有这么一些配置]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/116846772</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/116846772</guid><author>Loonger29</author><pubDate>Sat, 15 May 2021 13:57:44 +0800</pubDate><description><![CDATA[利刃出鞘之VSCode：有这么一些配置VSCode配置系列一、Integrated Terminal 配置二、关于 Prettier 和 ESLint 的一些配置1. 启用格式化2. 代码保存时，编辑器自动执行 eslint 或相关的一些格式检测及修复
VSCode配置系列
随着 VSCode 版本的不断迭代，VSCode 相关的一些配置已经发生了一些变化，虽然 VSCode 提供了可视化阶段可以直接进行配置，但对于 VSCode 的配置，个人还是趋向使用 settings.json 配置文件进行配置。

]]></description><category></category></item><item><title><![CDATA[思维导图 JavaScript 正则表达式之括号的魅力]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/113369598</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/113369598</guid><author>Loonger29</author><pubDate>Fri, 29 Jan 2021 14:57:06 +0800</pubDate><description><![CDATA[正则表达式，本质上也是一门语言，而括号的存在使得正则表达式语言更为强大

对于括号 ( ) 的使用，其最原始的功能就是 分组 和 分支结构；而后在此基础上可以实现如：分组引用、反向引用


括号最原始的功能就是 分组 和 分支结构；强调的是括号内的表达式是一个整体，即提供子表达式

分组 和 分支结构

[1] 分组

分组通常由以下几种类型：

  捕获型分组 (p)

  非捕获型分组 (?:p )

  正向前瞻型分组 (?=p) ，表示当前位置后面要有什么

  反向前瞻型...]]></description><category></category></item><item><title><![CDATA[思维导图 JavaScript 正则表达式之位置匹配]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/113187030</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/113187030</guid><author>Loonger29</author><pubDate>Tue, 26 Jan 2021 19:10:14 +0800</pubDate><description><![CDATA[位置，也称之为 锚，是相邻字符之间的位置；实际上可以理解为一个空字符；如图所示，箭头所指就是位置




那么该如何匹配位置呢？

在 ES5 中，共有 6个锚：


^, $, \b, \B, (?=p), (?!p)

其可视化表现形式如下图所示：



思维导图如下：



案例分析：


案例一：不匹配任何东西



/// 写一个正则，不匹配任何东西

let regex = /.^/
console.log( 'test word'.match(regex) )
// =&gt; ...]]></description><category></category></item><item><title><![CDATA[思维导图 JavaScript 正则表达式之字符匹配]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/113117349</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/113117349</guid><author>Loonger29</author><pubDate>Mon, 25 Jan 2021 19:04:23 +0800</pubDate><description><![CDATA[正则表达式是匹配模式，要么匹配字符， 要么匹配位置；匹配位置实际上可以理解为匹配空字符


两种模糊匹配

  - 横向模糊匹配

    横向模糊匹配，一个正则可匹配的字符串的长度不是固定的，可以是多种情况；

    其实现方式：使用量词；

  - 纵向模糊匹配

    纵向模糊匹配，一个正则匹配的字符串，具体到某一位字符时，它可以不是确定的某个字符，可以有多种可能

    其实现方式：使用字符组




量词：强调的是字符出现的次数，如某个字符最少出现...]]></description><category></category></item><item><title><![CDATA[React + Ant Design V4.0 DatePicker 不可选择的日期和时间设置]]></title><link>https://blog.youkuaiyun.com/Loonger29/article/details/112415746</link><guid>https://blog.youkuaiyun.com/Loonger29/article/details/112415746</guid><author>Loonger29</author><pubDate>Mon, 11 Jan 2021 17:52:03 +0800</pubDate><description><![CDATA[需求：选择日期时，只能选择当天及之后的日期，之前的日期不可选；选择时间时，只能选择当日当前及之后的时间点；

例子：如果当前时间时 2021年01月10日 08:08:08，那么 DatePicker 组件可选的日期和时间范围只能是 2021年01月10日 08:08:08 之后的日期和时间，如：2021年01月10日 08:09:00


解决方案： 因为使用的是 Ant Design V4.0 版本组件库，该 DatePicker 组件有两个属性：disabledDate和 disableTime...]]></description><category></category></item></channel></rss>