帆软 正则 不能有空格_正则可以这样用的吗?

ccdff0c019c903bcb352167d2609d56d.png

通常我们认为正则是做什么的呢? 验证手机号? 限制输入内容? 替换关键词? 等等吧。 今天我们来看看平时不怎么会这样使用的正则。我们先来看一个写好的数据文件。就是下面这张图:

6920e436c963b6b2f4622583be5e96d9.png

哇!一大坨。有时候数据文件并不一定是你写的,有可能是你copy的~那么这个时候会出现有些字符你不想要,或者有些字符你想加上去。就比如这个数据文件中  staturl 这个属性,路径并不符合我的要求,我需要把  ../public/image/big/001.png  中的 ../ 删掉。

4821622360684180bf391a2d0c7baa87.png

看了一下数据的数量,想想总不能一个个的删吧,那就太2了。怎么办呢?

在sublime中 ctrl+f 或者 command+f 会出现一个查找框。

26f66462d7224b643cfeeb120ac207e2.png

在输入框输入public之后点击最右侧的find all 就可以找到所有的public,之后在操作键盘就可以完成统一的删除或者新增。

6c0300da720ee8eaff192b70db4e614c.gif

是不是觉得有点简单?那我们增加一些。内容,比如格式化这个文件中的代码。

可以看到第一组数据和其他数据的格式不同,现在利用我们刚刚熟悉的方法将所有的数据进行格式化。

3a11d85f326119b5d41b109d0951315a.png

1

选中所有的“,”让每一组属性和值换行。我们使用“ ," ” 来选中这个位置然后调整鼠标位置回车换行。

e147dd36b715e992b9f78e8054028be2.gif

2

接着把开头 { 和结尾 } 贴近的数据分开,也就是让两个花括号单独占一行。注意第一行的 } 需要单独调整。

4e300043e2c6a46e104370d4bd6305ee.gif

3

再然后利用正则找到每行以 " 开头的部分,使用 ^" 找到。然后空两格,让所有数据和第一组数据的格式保持一致。

e97c59ac751af3d1f5302ce77207abb9.gif

4

现在所有格式都一致了,但其实格式还是不正规的,因为我们在书写代码缩进时一般使用tab键而不是空格。需要将所有的调整为一个制表符。我们需要找到所有前面是两个空格的位置然后改成一个tab缩进。使用正则 ^\s{1,2} 找到以空格开头从1开始到2结束。

525091acb7740b476241a6a2efe909ee.gif

这样我们就完成所有的格式化。是不是意犹未尽,觉得还想搞点事情? 584b1a03d5c8b3b1577b3233e84bfd3c.gif

这是一个网上的工作总结,当然你需要一些银子支持你下载,但其实你只想要其中的一小段而已,但当你尝试copy的时候却无法粘贴,难受难受。

8ad1869cdd690f18e3fd85f94b6ee4b8.png

我们是前端嘛,看看控制台再说!

dd9d56db84e312cde36d44662e64f43c.png

你似乎找到了这些文字,但这样一点点的也好累啊。你可以尝试尝试正则不?

1358b895d4e7a8bebb17b2849ab8ae83.png

找到单一段落的上层标签,在控制台拷贝,粘贴到sublime中。你会看到一大段代码,这里面有你认识到标签,比如div 和 p 标签,它们就是用来分割这些段落文字的。之后想到了吧,把这些标签去除掉,那么……呵呵呵~

接下来就是一些不可描述的事情了……

<.> //懒惰匹配所有标签&nbsp; 所有空格的实体符号

2ce46656c7c24e91070c2849a1e8ce10.gif

各位,你领悟到了嘛?

e24bf0163a9f85c7cd52444221b56424.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值