Ajax第二天学习笔记

1.join()方法

 $('#tb').empty().append(rows.join(''))

join方法通过连接数组中的所有元素创建并返回一个新字符串，用逗号或指定的分隔符字符串分隔。如果数组只有一项，则将不使用分隔符返回该项。

2. a href=“javascript:;” —提高用户体验
其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 ,可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好

3.function (i, item){}

 $.each(res.data, function (i, item) {
 })

该方式为js的遍历方法，即在js里遍历集合的多个元素：后面的function，把前面的res.data分割成i和item，i是当前遍历元素的索引，item是当前遍历元素本身。

4.// $(选择器)[0]将jQuery对象转化为原生DOM对象 —就可以使用reset方法

 $('#formAddCmt')[0].reset()

5. 正则与字符串操作:
exec()函数用于检索字符串中的正则表达式
如果字符串中有匹配的值，则返回该匹配值，否则返回null
RegExpObject.exec(string)
例如：

   var str = 'hello'
    var pattern = /h/
    var result = pattern.exec(str)
    console.log(result)

结果：

6.分组：
正则表达式中() 包起来的内容表示一个分组，可以通过分组来提取自己想要的内容

7.正则表达式
[a-zA-Z]+

这个就是一个不分大小写字母的英文单词（无限字母） 最少是一个字母
“+”表示匹配前面的子表达式一次或多次(大于等于1次）
“*”表示大于等于0`

/{{\s*([a-zA-Z]+)\s*}}/

\s是指空白，包括空格、换行、tab缩进等所有的空白，而\S刚好相反
[ace]*
这表示，只要出现a/c/e这三个任意的字母，都会被匹配
[\s]表示，只要出现空白就匹配
[\S]表示，非空白就匹配

8.正则与字符串的操作

——多次replace

  var str = '<div>{{name}}今年{{ age }}岁了</div>'
      var pattern = /{{\s*([a-zA-Z]+)\s*}}/
  var patternResult = pattern.exec(str)
  str = str.replace(patternResult[0], patternResult[1])
  console.log(str) // 输出 <div>name今年{{ age }}岁了</div>

  patternResult = pattern.exec(str)
  str = str.replace(patternResult[0], patternResult[1])
  console.log(str) // 输出 <div>name今年age岁了</div>

  patternResult = pattern.exec(str)
  console.log(patternResult) // 输出 null

——使用while循环replace

var patternResult = null
while (patternResult = pattern.exec(str)) {
  str = str.replace(patternResult[0], patternResult[1])
}
console.log(str) // 输出 <div>name今年age岁了</div>