发表于: 2019-12-06 18:47:20

1 1312


今天完成的事情

完成了视频模块中视频的上下架功能

先看代码,这里面通过视频当前的一个状态,在弹窗中取反显示是否上下架,同时在a标签中文字也是取反显示文字

        <a nz-popconfirm [nzTitle]="item.status === 0?'确定上架 ?':'确定下架?'" nzPopconfirmPlacement="top"
          (nzOnConfirm)=" confirm(item.id,item.status)">{{item.status === 0?'上架':'下架'}}</a>

点击确定触发confirm方法(如下),修改上下架方法中首先就是判断当前的状态,并且将id以及取反后的状态传递给service服务中的方法

  //修改上下架
  confirm(id, status) {
    status = status == 1 ? 0 : 1;
    this.ser.modifyStatus({ id: id, status: status }).subscribe((res: any=> {
      res == true ? this.getData(this.dataObj: null;
    })
  }

service中的方法,方法如下

  //修改上下架
  modifyStatus(data) {
    const params = typeof (data=== 'object' && String(data!== '[object File]' ? this.paramFormat(data: data;
    return this.http.put(
      this.modifyStatusUrlparamsthis.requestHeader
    )
  }

使用put方法,这里需要设置一个请求头,请求头以及请求url如下

  public modifyStatusUrl = "/api/video/a/u/video";

  //请求头

  public requestHeader = {
    headers: new HttpHeaders({
      "Content-Type""application/x-www-form-urlencoded"
    })
  }


今天遇到的问题

暂无   等待数据中



今天的收获

今天找时间学习了以下正则表达式,在之前的使用都是百度上去找别人写好的,自己不会写,今天终于学习了下

1. 两种模糊匹配

如果正则只有精确匹配是没多大意义的,比如/hello/,也只能匹配字符串中的”hello”这个子串。

var regex = /hello/;console.log( regex.test("hello") ); // => true

正则表达式之所以强大,是因为其能实现模糊匹配。

而模糊匹配,有两个方向上的“模糊”:横向模糊和纵向模糊。

1.1 横向模糊匹配

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

其实现的方式是使用量词。譬如{m,n},表示连续出现最少m次,最多n次。

比如/ab{2,5}c/表示匹配这样一个字符串:第一个字符是“a”,接下来是2到5个字符“b”,最后是字符“c”。测试如下:

var regex = /ab{2,5}c/g;var string = "abc abbc abbbc abbbbc abbbbbc abbbbbbc";console.log( string.match(regex) ); // => ["abbc", "abbbc", "abbbbc", "abbbbbc"]

注意:案例中用的正则是/ab{2,5}c/g,后面多了g,它是正则的一个修饰符。表示全局匹配,即在目标字符串中按顺序找到满足匹配模式的所有子串,强调的是“所有”,而不只是“第一个”。g是单词global的首字母。

1.2 纵向模糊匹配

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

其实现的方式是使用字符组。譬如[abc],表示该字符是可以字符“a”、“b”、“c”中的任何一个。

比如/a[123]b/可以匹配如下三种字符串:”a1b”、”a2b”、”a3b”。测试如下:

var regex = /a[123]b/g;var string = "a0b a1b a2b a3b a4b";console.log( string.match(regex) ); // => ["a1b", "a2b", "a3b"]

以上就是本章讲的主体内容,只要掌握横向和纵向模糊匹配,就能解决很大部分正则匹配问题。

接下来的内容就是展开说了,如果对此都比较熟悉的话,可以跳过,直接看本章案例那节。

2. 字符组

需要强调的是,虽叫字符组(字符类),但只是其中一个字符。例如[abc],表示匹配一个字符,它可以是“a”、“b”、“c”之一。

2.1 范围表示法

如果字符组里的字符特别多的话,怎么办?可以使用范围表示法。

比如[123456abcdefGHIJKLM],可以写成[1-6a-fG-M]。用连字符-来省略和简写。

因为连字符有特殊用途,那么要匹配“a”、“-”、“z”这三者中任意一个字符,该怎么做呢?

不能写成[a-z],因为其表示小写字符中的任何一个字符。

可以写成如下的方式:[-az][az-][a\-z]。即要么放在开头,要么放在结尾,要么转义。总之不会让引擎认为是范围表示法就行了。

2.2 排除字符组

纵向模糊匹配,还有一种情形就是,某位字符可以是任何东西,但就不能是”a”、”b”、”c”。

此时就是排除字符组(反义字符组)的概念。例如[^abc],表示是一个除”a”、”b”、”c”之外的任意一个字符。字符组的第一位放^(脱字符),表示求反的概念。

当然,也有相应的范围表示法。

2.3 常见的简写形式

有了字符组的概念后,一些常见的符号我们也就理解了。因为它们都是系统自带的简写形式。

\d就是[0-9]。表示是一位数字。记忆方式:其英文是digit(数字)。

\D就是[^0-9]。表示除数字外的任意字符。

\w就是[0-9a-zA-Z_]。表示数字、大小写字母和下划线。记忆方式:w是word的简写,也称单词字符。

\W[^0-9a-zA-Z_]。非单词字符。

\s[ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式:s是space character的首字母。

\S[^ \t\v\n\r\f]。 非空白符。

.就是[^\n\r\u2028\u2029]。通配符,表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。记忆方式:想想省略号…中的每个点,都可以理解成占位符,表示任何类似的东西。

如果要匹配任意字符怎么办?可以使用[\d\D][\w\W][\s\S][^]中任何的一个。

3. 量词

量词也称重复。掌握{m,n}的准确含义后,只需要记住一些简写形式。

3.1 简写形式

**{m,}** 表示至少出现m次。

**{m}** 等价于{m,m},表示出现m次。

**?** 等价于{0,1},表示出现或者不出现。记忆方式:问号的意思表示,有吗?

**+**等价于{1,},表示出现至少一次。记忆方式:加号是追加的意思,得先有一个,然后才考虑追加。

***** 等价于{0,},表示出现任意次,有可能不出现。记忆方式:看看天上的星星,可能一颗没有,可能零散有几颗,可能数也数不过来。

明天的计划

完成视频模块的新增、编辑、查看功能



返回列表 返回列表
评论

    分享到