自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 create-react-app 之 使用 @craco/craco 和 craco-less 实现支持 css-modules 的解决方案

使用 CRA 脚手架创建的项目,如果想要修改编译配置,通常可能会选择 npm run eject弹出配置后魔改。但是,eject 是不可逆操作,弹出配置后,你将无法跟随官方的脚步去升级项目的 react-script 版本。如果想要无 eject 重写 CRA 配置,一般可以有以下几种方式:通过 CRA 官方支持的 --scripts-version 参数,创建项目时使用自己重写过的 react-scripts 包使用 react-app-rewired + customize-cra 组合覆.

2021-08-03 17:16:24 18847 7

原创 Babel 之 @babel/preset-env

Babel 已经成为前端工程化开发的必备工具链。自 Babel 7.0 以后,Babel 进一步对工具优化和插件统一管理,全面迁移到 @babel 中。@babel/preset-env 是十分常用的一组预先设定的插件,今天就来简单聊聊这个插件@babel/preset-env这是一个智能预设,它允许你使用最新的 JavaScript 语法,而无需对目标环境需要哪些语法转换进行管理。npm install @babel/core @babel/preset-env -D@babel/pr.

2021-07-28 17:44:09 7834

原创 奇妙的旅行之NodeJS: process.cwd() 与 __dirname 的区别

process.cwd() 就是 node 命令工作的目录,返回的是一个绝对路径地址;__dirname 文件所在目录,指代一个绝对路径地址,通常 path.resolve(__dirname, '../src')

2021-06-10 14:39:43 3713

原创 利刃出鞘之VSCode:有这么一些配置

利刃出鞘之VSCode:有这么一些配置VSCode配置系列一、Integrated Terminal 配置二、关于 Prettier 和 ESLint 的一些配置1. 启用格式化2. 代码保存时,编辑器自动执行 eslint 或相关的一些格式检测及修复VSCode配置系列随着 VSCode 版本的不断迭代,VSCode 相关的一些配置已经发生了一些变化,虽然 VSCode 提供了可视化阶段可以直接进行配置,但对于 VSCode 的配置,个人还是趋向使用 settings.json 配置文件进行配置。

2021-05-15 13:57:44 2156

原创 思维导图 JavaScript 正则表达式之括号的魅力

正则表达式,本质上也是一门语言,而括号的存在使得正则表达式语言更为强大对于括号 ( ) 的使用,其最原始的功能就是 分组 和 分支结构;而后在此基础上可以实现如:分组引用、反向引用括号最原始的功能就是 分组 和 分支结构;强调的是括号内的表达式是一个整体,即提供子表达式分组 和 分支结构[1] 分组分组通常由以下几种类型: 捕获型分组 (p) 非捕获型分组 (?:p ) 正向前瞻型分组 (?=p) ,表示当前位置后面要有什么 反向前瞻型...

2021-01-29 14:57:06 202

原创 思维导图 JavaScript 正则表达式之位置匹配

位置,也称之为 锚,是相邻字符之间的位置;实际上可以理解为一个空字符;如图所示,箭头所指就是位置那么该如何匹配位置呢?在 ES5 中,共有 6个锚:^, $, \b, \B, (?=p), (?!p)其可视化表现形式如下图所示:思维导图如下:案例分析:案例一:不匹配任何东西/// 写一个正则,不匹配任何东西let regex = /.^/console.log( 'test word'.match(regex) )// => ...

2021-01-26 19:10:14 283 2

原创 思维导图 JavaScript 正则表达式之字符匹配

正则表达式是匹配模式,要么匹配字符, 要么匹配位置;匹配位置实际上可以理解为匹配空字符两种模糊匹配 - 横向模糊匹配 横向模糊匹配,一个正则可匹配的字符串的长度不是固定的,可以是多种情况; 其实现方式:使用量词; - 纵向模糊匹配 纵向模糊匹配,一个正则匹配的字符串,具体到某一位字符时,它可以不是确定的某个字符,可以有多种可能 其实现方式:使用字符组量词:强调的是字符出现的次数,如某个字符最少出现...

2021-01-25 19:04:23 157

原创 React + Ant Design V4.0 DatePicker 不可选择的日期和时间设置

需求:选择日期时,只能选择当天及之后的日期,之前的日期不可选;选择时间时,只能选择当日当前及之后的时间点;例子:如果当前时间时 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...

2021-01-11 17:52:03 1598

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除