Lokasi ngalangkungan proxy:   [ UP ]  
[Ngawartoskeun bug]   [Panyetelan cookie]                
Skip to content

Commit 02bab43

Browse files
csxiaoyaojianxiancsxiaoyaojianxian
committed
es6
1 parent 4b88297 commit 02bab43

15 files changed

Lines changed: 171 additions & 154 deletions

File tree

‎03-ES新特性/.babelrc‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎03-ES新特性/01 let & const.html‎

Lines changed: 0 additions & 123 deletions
This file was deleted.

‎03-ES新特性/README.md‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
# ES6 学习笔记
2+
3+
## 1. 环境配置
4+
5+
3种浏览器解析器在 `js/` 下
6+
7+
## 2. let & const
8+
9+
* ES6 声明变量的六种方法
10+
11+
```
12+
ES5：var、function
13+
ES6：let、const、import、class
14+
```
15+
16+
17+
* 块级作用域
18+
19+
* do 表达式
20+
21+
```javascript
22+
let x = do {
23+
let t = f();
24+
t * t + 1;
25+
};
26+
```
27+
28+
* 顶层对象
29+
30+
## 3. 变量的解构赋值
31+
32+
* 数组的解构赋值
33+
34+
```javascript
35+
let [ , , param1="cs", [[param2], param3], ...param4] = [1, 2, "3", [[4], 5], 6, 7, 8];
36+
```
37+
38+
* 对象的解构赋值
39+
40+
* 字符串的解构赋值
41+
42+
* 数值和布尔值的解构赋值
43+
44+
* 函数参数的解构赋值
45+
46+
## 4. 字符串的扩展
47+
48+
* 字符的 Unicode 表示法
49+
50+
* codePointAt()
51+
52+
* String.fromCodePoint()
53+
54+
* 字符串的遍历器接口
55+
56+
* at()
57+
58+
* normalize()
59+
60+
* includes(), startsWith(), endsWith()
61+
62+
* repeat()
63+
64+
* padStart()，padEnd()
65+
66+
* 模板字符串
67+
68+
```javascript
69+
const tmpl = addrs => `
70+
<table>
71+
${addrs.map(addr => `
72+
<tr><td>${addr.first}</td></tr>
73+
<tr><td>${addr.last}</td></tr>
74+
`).join('')}
75+
</table>
76+
`;
77+
const data = [
78+
{ first: '<Jane>', last: 'Bond' },
79+
{ first: 'Lars', last: '<Croft>' },
80+
];
81+
document.write(tmpl(data));
82+
```
83+
84+
* 标签模板
85+
86+
* String.raw()

‎03-ES新特性/babel_standalone/index.html‎

Lines changed: 0 additions & 27 deletions
This file was deleted.

‎03-ES新特性/index.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
</head>
6+
<body>
7+
8+
<!-- babel -->
9+
<h1 id="message"></h1>
10+
<script src="js/babel_standalone/js/babel.min.js"></script>
11+
<script type="text/babel">
12+
// 数组的解构赋值
13+
let [ , , param1="cs", [[param2], param3], ...param4] = [1, 2, , [[4], 5], 6, 7, 8];
14+
console.log(param1);
15+
16+
// 模板字符串
17+
const tmpl = addrs => `
18+
<table>
19+
${addrs.map(addr => `
20+
<tr><td>${addr.first}</td></tr>
21+
<tr><td>${addr.last}</td></tr>
22+
`).join('')}
23+
</table>
24+
`;
25+
const data = [
26+
{ first: '<Jane>', last: 'Bond' },
27+
{ first: 'Lars', last: '<Croft>' },
28+
];
29+
document.write(tmpl(data));
30+
31+
32+
</script>
33+
34+
<!-- traceur -->
35+
<script src="js/traceur/js/traceur.js"></script>
36+
<script src="js/traceur/js/BrowserSystem.js"></script>
37+
<script src="js/traceur/js/bootstrap.js"></script>
38+
<script type="module">
39+
40+
</script>
41+
42+
</body>
43+
</html>

‎03-ES新特性/js/babel/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
</head>
6+
<body>
7+
8+
<script src="js/browser.min.js"></script>
9+
<script type="text/babel">
10+
const Name = 'csxiaoyao';
11+
alert(Name);
12+
</script>
13+
14+
</body>
15+
</html>

03-ES新特性/babel-core/browser.js renamed to 03-ES新特性/js/babel/js/browser.js

File renamed without changes.

03-ES新特性/babel-core/browser.min.js renamed to 03-ES新特性/js/babel/js/browser.min.js

File renamed without changes.

‎03-ES新特性/js/babel_standalone/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
</head>
6+
<body>
7+
8+
<h1 id="message"></h1>
9+
<script src="js/babel.min.js"></script>
10+
<script type="text/babel">
11+
class Greeter {
12+
constructor(message) {
13+
this.message = message;
14+
}
15+
16+
greet() {
17+
var element = document.querySelector('#message');
18+
element.innerHTML = this.message;
19+
}
20+
};
21+
22+
var greeter = new Greeter('Hello, world!');
23+
greeter.greet();
24+
</script>
25+
26+
</body>
27+
</html>

03-ES新特性/babel_standalone/js/babel.js renamed to 03-ES新特性/js/babel_standalone/js/babel.js

File renamed without changes.

0 commit comments

Comments
 (0)