2017-12-30

list-style-position：inside/outside
inside和outside效果

outside
     inside

JS部分

1. oninput 事件
   在 value 改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过 js 改变 value 时，却不会触发。
   oninput要通过addEventListener() 来添加？

---

2. onchange事件
   onchange事件是在输入框value改变，且失去焦点的情况下触发，不实时

---

3. onpropertychange事件
   IE浏览器专有，不管

---

string方法

1. str.match(reg)
   参数：一个正则表达式对象
   返回：一个数组
   如果：
   正则表达式对象设置了g（全局）标志，则返回该字符串所有与正则表达式匹配的子元素组成的数组

'123456'.match(/\d/g);
// [ "1", "2", "3", "4", "5", "6" ]

如果没有设置g(全局)标志，则返回匹配到的第一项

'123456'.match(/\d/g);
['1']

var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(\.\d)*)/gi;
var found = str.match(re);

console.log(found);
// ["see Chapter 3.4.5.1"]

如果reg参数没有设置g标志，则返回一个 Array ，它包含所有匹配的子字符串而不是匹配对象

var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(\.\d)*)/i;
var found = str.match(re);

console.log(found);
// ["see Chapter 3.4.5.1", "Chapter 3.4.5.1", ".1", index: 22, input: "For more information, see Chapter 3.4.5.1"] 
// input是被解析的原始字符串

2. string.replace(①，②);
   参数：
   ①reg或str
   ②newStr或function
   二参function：一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果
   该function的参数
   match、p1,p2...、string
   match和string一样？返回的都是原字符串？
   p1,p2 假如replace()方法的第一个参数是一个RegExp 对象，则代表第n个括号匹配的字符串。

---

Element.appendChild(anotherEle)会将被添加的元素从原来的位置移到Element的‘体内’

---

正则

正则表达式