-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstudying.html
156 lines (155 loc) · 7.31 KB
/
studying.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Studying</title>
<link rel="stylesheet" href="./css/headerBar.css">
<link rel="stylesheet" href="./css/studying.css">
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/loader.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone/babel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/browser/umd/danfojs.min.js"></script>
<script src="./js/insertHeader.js"></script>
<script src="./js/terminal.js" defer></script>
</head>
<body>
<div class="container">
<div class="sidebar">
<ul>
<li>
<a href="">JavaScript语法</a>
<ul>
<li><a href="">JavaScript变量</a></li>
<li><a href="">JavaScript操作符</a></li>
<li><a href="">JavaScript关键字</a></li>
</ul>
</li>
<li>
<a href="">JavaScript语句</a>
<ul>
<li><a href="">JavaScript代码</a></li>
<li><a href="">JavaScript代码块</a></li>
<li><a href="">JavaScript语句标识符</a></li>
</ul>
</li>
<li>
<a href="">JavaScript注释</a>
<ul>
<li><a href="">JavaScript单行注释</a></li>
<li><a href="">JavaScript多行注释</a></li>
<li><a href="">JavaScript文档注释</a></li>
</ul>
</li>
<li>
<a href="">JavaScript变量</a>
<ul>
<li><a href="">JavaScript变量声明</a></li>
<li><a href="">JavaScript变量作用域</a></li>
<li><a href="">JavaScript变量提升</a></li>
</ul>
</li>
<li>
<a href="">JavaScript数据类型</a>
<ul>
<li><a href="">JavaScript字符串</a></li>
<li><a href="">JavaScript数字</a></li>
<li><a href="">JavaScript布尔值</a></li>
<li><a href="">JavaScript数组</a></li>
<li><a href="">JavaScript对象</a></li>
<li><a href="">JavaScript空值</a></li>
<li><a href="">JavaScript未定义</a></li>
</ul>
</li>
<li>
<a href="">JavaScript运算符</a>
<ul>
<li><a href="">JavaScript算术运算符</a></li>
<li><a href="">JavaScript赋值运算符</a></li>
<li><a href="">JavaScript比较运算符</a></li>
<li><a href="">JavaScript逻辑运算符</a></li>
<li><a href="">JavaScript三元运算符</a></li>
</ul>
</li>
<li>
<a href="">JavaScript条件语句</a>
<ul>
<li><a href="">JavaScript if 语句</a></li>
<li><a href="">JavaScript else 语句</a></li>
<li><a href="">JavaScript else if 语句</a></li>
<li><a href="">JavaScript switch 语句</a></li>
</ul>
</li>
<li>
<a href="">JavaScript循环语句</a>
<ul>
<li><a href="">JavaScript for 循环</a></li>
<li><a href="">JavaScript while 循环</a></li>
<li><a href="">JavaScript do while 循环</a></li>
<li><a href="">JavaScript break 语句</a></li>
<li><a href="">JavaScript continue 语句</a></li>
</ul>
</li>
<li>
<a href="">JavaScript函数</a>
<ul>
<li><a href="">JavaScript 函数声明</a></li>
<li><a href="">JavaScript 函数调用</a></li>
<li><a href="">JavaScript 函数参数</a></li>
<li><a href="">JavaScript 函数返回值</a></li>
<li><a href="">JavaScript 匿名函数</a></li>
<li><a href="">JavaScript 箭头函数</a></li>
</ul>
</li>
</ul>
</div>
<div class="main-content">
<h1>JavaScript语法</h1>
<p>JavaScript语法是一种规则，用于编写JavaScript代码。</p>
<h2>JavaScript代码块</h2>
<p>JavaScript代码块是由大括号括起来的代码行集合。</p>
<h3>JavaScript代码块示例</h3>
<pre>
<code>
{
document.getElementById("demo").innerHTML = "Hello fdsfdfsdffdsJavaScript!";
document.getElementById("demo").style.fontSize = "35px";
document.getElementById("demo").style.color = "red";
} </code>
</pre>
<h2>JavaScript语句标识符</h2>
<p>JavaScript语句标识符是用于标识JavaScript语句的标识符avaScript语句标识符是用于标识JavaScript语句的标识符avaScript语句标识符是用于标识JavaScript语句的标识符avaScript语句标识符是用于标识JavaScript语句的标识符avaScript语句标识符是用于标识JavaScript语句的标识符avaScript语句标识符是用于标识JavaScript语句的标识符。</p>
<h3>JavaScript语句标识符示例</h3>
<pre>
<code>
x = 5;
y = 6;
z = x + y; </code>
</pre>
<p class="flip-page">
<a href="" class="pre-next">上一节</a>
<a href="" class="pre-next">下一节</a>
</p>
</div>
<div class="online-ide">
<div class="botton-container">
<select id="language-select">
<option value="javascript">JavaScript</option>
<option value="python">Python</option>
<option value="html">HTML</option>
</select>
<button id="run-button"><ion-icon name="play"></ion-icon>运行</button>
</div>
<div id="editor-container">
<div id="editor"></div>
<div id="output"></div>
</div>
</div>
</div>
</body>
</html>