Skip to content

Commit

Permalink
Site updated: 2024-04-28 09:52:22
Browse files Browse the repository at this point in the history
  • Loading branch information
@AllofMortal
AllofMortal committed Apr 28, 2024
1 parent 3f09f30 commit cf4c3cf
Show file tree
Hide file tree
Showing 120 changed files with 199 additions and 110 deletions.
0 2021/09/13/PHP基础/基本运算符.png → 2021/09/13/PHP基础/image/基本运算符.png
View file
File renamed without changes
0 2021/09/13/PHP基础/对象.png → 2021/09/13/PHP基础/image/对象.png
View file
File renamed without changes
0 2021/09/13/PHP基础/比较运算符.png → 2021/09/13/PHP基础/image/比较运算符.png
View file
File renamed without changes
0 2021/09/13/PHP基础/类.png → 2021/09/13/PHP基础/image/类.png
View file
File renamed without changes
0 2021/09/13/PHP基础/赋值运算符.png → 2021/09/13/PHP基础/image/赋值运算符.png
View file
File renamed without changes
0 2021/09/13/PHP基础/递增、递减运算符.png → 2021/09/13/PHP基础/image/递增、递减运算符.png
View file
File renamed without changes
0 2021/09/13/PHP基础/逻辑运算符.png → 2021/09/13/PHP基础/image/逻辑运算符.png
View file
File renamed without changes
32 changes: 16 additions & 16 deletions 2021/09/13/PHP基础/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,15 +150,15 @@ <h2 id="3-数据类型、常量以及字符串"><a href="#3-数据类型、常

## 4. 运算符
基本运算符：
![基本运算符](基本运算符.png)
![基本运算符](/image/基本运算符.png)
赋值运算符：
![赋值运算符](赋值运算符.png)
![赋值运算符](/image/赋值运算符.png)
递增/递减运算符：
![递增/递减运算符.png](递增、递减运算符.png)
![递增/递减运算符.png](/image/递增、递减运算符.png)
比较运算符：
![比较运算符](比较运算符.png)
![比较运算符](/image/比较运算符.png)
逻辑运算符：
![逻辑运算符](逻辑运算符.png)
![逻辑运算符](/image/逻辑运算符.png)
三元运算符：
(expr1) ? (expr2) : (expr3)

Expand Down Expand Up @@ -279,7 +279,7 @@ <h2 id="9-类与对象"><a href="#9-类与对象" class="headerlink" title="9.
<ul>
<li> 对象的行为：可以对对象施加那些操作，开灯，关灯就是行为。</li>
<li> 对象的形态：当施加那些方法是对象如何响应，颜色，尺寸，外型。</li>
<li> 对象的表示：对象的表示就相当于身份证，具体区分在相同的行为与状态下有什么不同。<br>比如 Animal(动物) 是一个抽象类，我们可以具体到一只狗跟一只羊，而狗跟羊就是具体的对象，他们有颜色属性，可以写，可以跑等行为状态。<br><img src="/%E5%AF%B9%E8%B1%A1.png" alt="对象"><br>面向对象内容<br>类 − 定义了一件事物的抽象特点。类的定义包含了数据的形式以及对数据的操作。</li>
<li> 对象的表示：对象的表示就相当于身份证，具体区分在相同的行为与状态下有什么不同。<br>比如 Animal(动物) 是一个抽象类，我们可以具体到一只狗跟一只羊，而狗跟羊就是具体的对象，他们有颜色属性，可以写，可以跑等行为状态。<br><img src="/image/%E5%AF%B9%E8%B1%A1.png" alt="对象"><br>面向对象内容<br>类 − 定义了一件事物的抽象特点。类的定义包含了数据的形式以及对数据的操作。</li>
</ul>
<p>对象 − 是类的实例。</p>
<p>成员变量 − 定义在类内部的变量。该变量的值对外是不可见的，但是可以通过成员函数访问，在类被实例化为对象后，该变量即可称为对象的属性。</p>
Expand All @@ -293,7 +293,7 @@ <h2 id="9-类与对象"><a href="#9-类与对象" class="headerlink" title="9.
<p>封装 − 封装是指将现实世界中存在的某个客体的属性与行为绑定在一起，并放置在一个逻辑单元内。</p>
<p>构造函数 − 主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。</p>
<p>析构函数 − 析构函数(destructor) 与构造函数相反，当对象结束其生命周期时（例如对象所在的函数已调用完毕），系统自动执行析构函数。析构函数往往用来做”清理善后” 的工作（例如在建立对象时用new开辟了一片内存空间，应在退出前在析构函数中用delete释放）。</p>
<p>下图中我们通过 Car 类 创建了三个对象：Mercedes, Bmw, 和 Audi。<br>$mercedes &#x3D; new Car ();<br>$bmw &#x3D; new Car ();<br>$audi &#x3D; new Car ();<br><img src="/%E7%B1%BB.png" alt="类"><br><em>PHP 类定义</em><br>PHP 定义类通常语法格式如下：</p>
<p>下图中我们通过 Car 类 创建了三个对象：Mercedes, Bmw, 和 Audi。<br>$mercedes &#x3D; new Car ();<br>$bmw &#x3D; new Car ();<br>$audi &#x3D; new Car ();<br><img src="/image/%E7%B1%BB.png" alt="类"><br><em>PHP 类定义</em><br>PHP 定义类通常语法格式如下：</p>
<?php
class phpClass {
var $var1;
Expand Down Expand Up @@ -913,11 +913,11 @@ <h2 id="17-php与mysql"><a href="#17-php与mysql" class="headerlink" title="17.
<p>&#x2F;&#x2F; 检查链接</p>
<p>if (!$conn) {<br>die(“Connection<br>failed: “ . mysqli_connect_error());<br>}</p>
<p>$sql &#x3D; “INSERT INTO<br>MyGuests (firstname, lastname, email)</p>
<p>VALUES (‘John’, ‘Doe’, ‘<a href="mailto:&#106;&#111;&#x68;&#110;&#x40;&#101;&#120;&#97;&#109;&#x70;&#108;&#101;&#46;&#x63;&#x6f;&#109;">&#106;&#111;&#x68;&#110;&#x40;&#101;&#120;&#97;&#109;&#x70;&#108;&#101;&#46;&#x63;&#x6f;&#109;</a>‘);”;</p>
<p>VALUES (‘John’, ‘Doe’, ‘<a href="mailto:&#106;&#x6f;&#x68;&#110;&#64;&#x65;&#120;&#97;&#109;&#112;&#x6c;&#x65;&#46;&#x63;&#x6f;&#x6d;">&#106;&#x6f;&#x68;&#110;&#64;&#x65;&#120;&#97;&#109;&#112;&#x6c;&#x65;&#46;&#x63;&#x6f;&#x6d;</a>‘);”;</p>
<p>$sql .&#x3D; “INSERT INTO<br>MyGuests (firstname, lastname, email)</p>
<p>VALUES (‘Mary’, ‘Moe’, ‘<a href="mailto:&#109;&#x61;&#114;&#x79;&#x40;&#101;&#x78;&#97;&#109;&#x70;&#x6c;&#x65;&#46;&#x63;&#x6f;&#109;">&#109;&#x61;&#114;&#x79;&#x40;&#101;&#x78;&#97;&#109;&#x70;&#x6c;&#x65;&#46;&#x63;&#x6f;&#109;</a>‘);”;</p>
<p>VALUES (‘Mary’, ‘Moe’, ‘<a href="mailto:&#109;&#x61;&#114;&#121;&#64;&#101;&#120;&#x61;&#109;&#112;&#108;&#101;&#46;&#x63;&#111;&#x6d;">&#109;&#x61;&#114;&#121;&#64;&#101;&#120;&#x61;&#109;&#112;&#108;&#101;&#46;&#x63;&#111;&#x6d;</a>‘);”;</p>
<p>$sql .&#x3D; “INSERT INTO<br>MyGuests (firstname, lastname, email)</p>
<p>VALUES (‘Julie’, ‘Dooley’, ‘<a href="mailto:&#x6a;&#x75;&#108;&#x69;&#x65;&#x40;&#x65;&#120;&#x61;&#109;&#112;&#108;&#x65;&#x2e;&#x63;&#x6f;&#109;">&#x6a;&#x75;&#108;&#x69;&#x65;&#x40;&#x65;&#120;&#x61;&#109;&#112;&#108;&#x65;&#x2e;&#x63;&#x6f;&#109;</a>‘)”;</p>
<p>VALUES (‘Julie’, ‘Dooley’, ‘<a href="mailto:&#106;&#x75;&#x6c;&#x69;&#x65;&#x40;&#x65;&#x78;&#97;&#x6d;&#x70;&#x6c;&#101;&#46;&#x63;&#x6f;&#x6d;">&#106;&#x75;&#x6c;&#x69;&#x65;&#x40;&#x65;&#x78;&#97;&#x6d;&#x70;&#x6c;&#101;&#46;&#x63;&#x6f;&#x6d;</a>‘)”;</p>
<p>if (mysqli_multi_query($conn, $sql)) {<br>echo “New<br>records<br>created successfully”;<br>} else {<br>echo “Error: “<br>. $sql . “<br>“ . mysqli_error($conn);<br>}</p>
<p>mysqli_close($conn);<br>?&gt;</p>
<p>实例 (PDO)</p>
Expand All @@ -936,12 +936,12 @@ <h2 id="17-php与mysql"><a href="#17-php与mysql" class="headerlink" title="17.
<p>&#x2F;&#x2F; 绑定参数</p>
<p>mysqli_stmt_bind_param($stmt, ‘sss’, $firstname, $lastname, $email);</p>
<p>&#x2F;&#x2F; 设置参数并执行</p>
<p>$firstname &#x3D; ‘John’;<br>$lastname<br>&#x3D; ‘Doe’;<br>$email &#x3D;<br>‘<a href="mailto:&#x6a;&#111;&#x68;&#110;&#x40;&#101;&#x78;&#x61;&#x6d;&#x70;&#108;&#101;&#46;&#99;&#x6f;&#x6d;">&#x6a;&#111;&#x68;&#110;&#x40;&#101;&#x78;&#x61;&#x6d;&#x70;&#108;&#101;&#46;&#99;&#x6f;&#x6d;</a>‘;</p>
<p>$firstname &#x3D; ‘John’;<br>$lastname<br>&#x3D; ‘Doe’;<br>$email &#x3D;<br>‘<a href="mailto:&#106;&#111;&#x68;&#x6e;&#x40;&#101;&#x78;&#x61;&#x6d;&#112;&#108;&#x65;&#46;&#99;&#x6f;&#x6d;">&#106;&#111;&#x68;&#x6e;&#x40;&#101;&#x78;&#x61;&#x6d;&#112;&#108;&#x65;&#46;&#99;&#x6f;&#x6d;</a>‘;</p>
<p>mysqli_stmt_execute($stmt);</p>
<p>$firstname &#x3D; ‘Mary’;<br>$lastname<br>&#x3D; ‘Moe’;<br>$email &#x3D;<br>‘<a href="mailto:&#x6d;&#97;&#114;&#121;&#x40;&#x65;&#x78;&#97;&#109;&#112;&#108;&#101;&#46;&#x63;&#x6f;&#x6d;">&#x6d;&#97;&#114;&#121;&#x40;&#x65;&#x78;&#97;&#109;&#112;&#108;&#101;&#46;&#x63;&#x6f;&#x6d;</a>‘;</p>
<p>$firstname &#x3D; ‘Mary’;<br>$lastname<br>&#x3D; ‘Moe’;<br>$email &#x3D;<br>‘<a href="mailto:&#x6d;&#97;&#114;&#121;&#64;&#101;&#x78;&#97;&#109;&#x70;&#108;&#101;&#x2e;&#99;&#111;&#x6d;">&#x6d;&#97;&#114;&#121;&#64;&#101;&#x78;&#97;&#109;&#x70;&#108;&#101;&#x2e;&#99;&#111;&#x6d;</a>‘;</p>
<p>mysqli_stmt_execute($stmt);</p>
<p>$firstname &#x3D; ‘Julie’;</p>
<p>$lastname &#x3D; ‘Dooley’;<br>$email &#x3D;<br>‘<a href="mailto:&#x6a;&#117;&#108;&#105;&#101;&#x40;&#101;&#x78;&#97;&#109;&#x70;&#x6c;&#x65;&#x2e;&#99;&#x6f;&#109;">&#x6a;&#117;&#108;&#105;&#101;&#x40;&#101;&#x78;&#97;&#109;&#x70;&#x6c;&#x65;&#x2e;&#99;&#x6f;&#109;</a>‘;</p>
<p>$lastname &#x3D; ‘Dooley’;<br>$email &#x3D;<br>‘<a href="mailto:&#106;&#117;&#x6c;&#105;&#101;&#x40;&#x65;&#120;&#97;&#x6d;&#x70;&#x6c;&#x65;&#46;&#x63;&#x6f;&#x6d;">&#106;&#117;&#x6c;&#105;&#101;&#x40;&#x65;&#120;&#97;&#x6d;&#x70;&#x6c;&#x65;&#46;&#x63;&#x6f;&#x6d;</a>‘;</p>
<p>mysqli_stmt_execute($stmt);<br>}<br>}<br>?&gt;</p>
<p>我们可以看到以上实例中使用模块化来处理问题。我们可以通过创建代码块实现更简单的读取和管理。</p>
<p>注意参数的绑定。让我们看下 mysqli_stmt_bind_param() 中的代码：</p>
Expand All @@ -967,9 +967,9 @@ <h2 id="17-php与mysql"><a href="#17-php与mysql" class="headerlink" title="17.
<p>&#x2F;&#x2F; 创建连接<br>$conn &#x3D; new mysqli($servername, $username, $password, $dbname);</p>
<p>&#x2F;&#x2F; 检测连接<br>if ($conn-&gt;connect_error) {<br> die(“Connection failed: “ . $conn-&gt;connect_error);<br>}</p>
<p>&#x2F;&#x2F; prepare and bind<br>$stmt &#x3D; $conn-&gt;prepare(“INSERT INTO MyGuests (firstname, lastname, email) VALUES(?, ?, ?)”);<br>$stmt-&gt;bind_param(“sss”, $firstname, $lastname, $email);</p>
<p>&#x2F;&#x2F; 设置参数并执行<br>$firstname &#x3D; “John”;<br>$lastname &#x3D; “Doe”;<br>$email &#x3D; “<a href="mailto:&#x6a;&#x6f;&#x68;&#x6e;&#64;&#101;&#x78;&#x61;&#109;&#112;&#108;&#x65;&#46;&#99;&#x6f;&#109;">&#x6a;&#x6f;&#x68;&#x6e;&#64;&#101;&#x78;&#x61;&#109;&#112;&#108;&#x65;&#46;&#99;&#x6f;&#109;</a>“;<br>$stmt-&gt;execute();</p>
<p>$firstname &#x3D; “Mary”;<br>$lastname &#x3D; “Moe”;<br>$email &#x3D; “<a href="mailto:&#x6d;&#x61;&#114;&#121;&#64;&#101;&#x78;&#97;&#x6d;&#x70;&#x6c;&#101;&#46;&#x63;&#x6f;&#x6d;">&#x6d;&#x61;&#114;&#121;&#64;&#101;&#x78;&#97;&#x6d;&#x70;&#x6c;&#101;&#46;&#x63;&#x6f;&#x6d;</a>“;<br>$stmt-&gt;execute();</p>
<p>$firstname &#x3D; “Julie”;<br>$lastname &#x3D; “Dooley”;<br>$email &#x3D; “<a href="mailto:&#x6a;&#x75;&#x6c;&#105;&#x65;&#64;&#101;&#x78;&#97;&#109;&#x70;&#108;&#x65;&#46;&#x63;&#x6f;&#109;">&#x6a;&#x75;&#x6c;&#105;&#x65;&#64;&#101;&#x78;&#97;&#109;&#x70;&#108;&#x65;&#46;&#x63;&#x6f;&#109;</a>“;<br>$stmt-&gt;execute();</p>
<p>&#x2F;&#x2F; 设置参数并执行<br>$firstname &#x3D; “John”;<br>$lastname &#x3D; “Doe”;<br>$email &#x3D; “<a href="mailto:&#x6a;&#x6f;&#x68;&#110;&#64;&#x65;&#120;&#x61;&#x6d;&#112;&#108;&#101;&#46;&#x63;&#x6f;&#109;">&#x6a;&#x6f;&#x68;&#110;&#64;&#x65;&#120;&#x61;&#x6d;&#112;&#108;&#101;&#46;&#x63;&#x6f;&#109;</a>“;<br>$stmt-&gt;execute();</p>
<p>$firstname &#x3D; “Mary”;<br>$lastname &#x3D; “Moe”;<br>$email &#x3D; “<a href="mailto:&#x6d;&#x61;&#x72;&#121;&#x40;&#101;&#x78;&#97;&#109;&#x70;&#108;&#x65;&#46;&#99;&#111;&#x6d;">&#x6d;&#x61;&#x72;&#121;&#x40;&#101;&#x78;&#97;&#109;&#x70;&#108;&#x65;&#46;&#99;&#111;&#x6d;</a>“;<br>$stmt-&gt;execute();</p>
<p>$firstname &#x3D; “Julie”;<br>$lastname &#x3D; “Dooley”;<br>$email &#x3D; “<a href="mailto:&#106;&#117;&#108;&#105;&#101;&#x40;&#x65;&#120;&#x61;&#x6d;&#x70;&#x6c;&#x65;&#46;&#x63;&#x6f;&#x6d;">&#106;&#117;&#108;&#105;&#101;&#x40;&#x65;&#120;&#x61;&#x6d;&#x70;&#x6c;&#x65;&#46;&#x63;&#x6f;&#x6d;</a>“;<br>$stmt-&gt;execute();</p>
<p>echo “New records created successfully”;</p>
<p>$stmt-&gt;close();<br>$conn-&gt;close();<br>?&gt;</p>
<p>解析以下实例的每行代码:</p>
Expand Down
2 changes: 1 addition & 1 deletion 2021/09/13/html基础/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ <h3 id="2-10-框架的使用"><a href="#2-10-框架的使用" class="headerlink"
<p>frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里<br>iframe 是在html页面内嵌入框架 框架内可以连接另一个页面</p>
<p>frameset 不能在body内使用<br>frame 一般都是在frameset中使用<br>cols 定义框架集中列的数目和尺寸<br>rows 定义框架集中行的数目和尺寸</p>
<p>scrolling 滚动条<br>auto 在需要的情况下出现滚动条（默认值）。<br>yes 始终显示滚动条（即使不需要）。<br>no 从不显示滚动条（即使需要）</p>
<p><img src="/html.png" alt="网站框架"></p>
<p><img src="/image/html.png" alt="网站框架"></p>

</div>

Expand Down
0 2021/09/13/javascript基础/1.png → 2021/09/13/javascript基础/image/1.png
View file
File renamed without changes
0 2021/09/13/javascript基础/js基础变量名.png → 2021/09/13/javascript基础/image/js基础变量名.png
View file
File renamed without changes
4 changes: 2 additions & 2 deletions 2021/09/13/javascript基础/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ <h2 id="2-语句"><a href="#2-语句" class="headerlink" title="2. 语句"></a>2
<h3 id="2-JavaScript-语句由以下构成："><a href="#2-JavaScript-语句由以下构成：" class="headerlink" title="2.JavaScript 语句由以下构成："></a>2.JavaScript 语句由以下构成：</h3><p>值、运算符、表达式、关键词和注释。<br>3.用分号（;）分隔JavaScript语句。</p>
<h2 id="3-注释"><a href="#3-注释" class="headerlink" title="3. 注释"></a>3. 注释</h2><p>单行注释： &#x2F;&#x2F; 注释语句 快捷键ctrl+&#x2F;<br>多行注释： &#x2F;* 注释语句 *&#x2F; 快捷键ctrl+shift+&#x2F;<br>注意：多行注释相互不能嵌套使用，只能在多行注释里面使用单行注释！</p>
<h2 id="4-变量"><a href="#4-变量" class="headerlink" title="4. 变量"></a>4. 变量</h2><p>变量是用于存储信息的”容器”<br>javascript单双引号没区别<br>var a&#x3D;’moonsec’;</p>
<h2 id="5-JavaScript-保留关键字"><a href="#5-JavaScript-保留关键字" class="headerlink" title="5. JavaScript 保留关键字"></a>5. JavaScript 保留关键字</h2><p>Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。<br><img src="/js%E5%9F%BA%E7%A1%80%E5%8F%98%E9%87%8F%E5%90%8D.png" alt="js基础变量名"></p>
<h2 id="5-JavaScript-保留关键字"><a href="#5-JavaScript-保留关键字" class="headerlink" title="5. JavaScript 保留关键字"></a>5. JavaScript 保留关键字</h2><p>Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。<br><img src="/image/js%E5%9F%BA%E7%A1%80%E5%8F%98%E9%87%8F%E5%90%8D.png" alt="js基础变量名"></p>
<h2 id="6-JavaScript-作用域"><a href="#6-JavaScript-作用域" class="headerlink" title="6. JavaScript 作用域"></a>6. JavaScript 作用域</h2><h3 id="6-1-Javascrpt-局部变量"><a href="#6-1-Javascrpt-局部变量" class="headerlink" title="6.1. Javascrpt 局部变量"></a>6.1. Javascrpt 局部变量</h3><p>局部作用域 变量在函数内声明，变量为局部作用域。<br>function myFunction() {<br> var carName &#x3D; “Volvo”;<br> &#x2F;&#x2F; 函数内可调用 carName 变量<br>}</p>
<h3 id="6-2-JavaScript-全局变量"><a href="#6-2-JavaScript-全局变量" class="headerlink" title="6.2. JavaScript 全局变量"></a>6.2. JavaScript 全局变量</h3><p>变量在函数外定义，即为全局变量。<br>全局变量有 全局作用域: 网页中所有脚本和函数均可使用。<br>var carName &#x3D; “ Volvo”;<br>&#x2F;&#x2F; 此处可调用 carName 变量<br>function myFunction() {<br> &#x2F;&#x2F; 函数内可调用 carName 变量<br>}</p>
<h2 id="7-数据类型"><a href="#7-数据类型" class="headerlink" title="7. 数据类型"></a>7. 数据类型</h2><p>数值型：number（凡是数字都是数值型，不区分整数和小数）<br>字符串：string（凡是引号包裹起来的内容全部都是字符串）<br>布尔：boolean（true、false）<br>对象类型：object（特殊取值null）<br>未定义型：undefined<br>对象类型 数组 字典</p>
Expand Down Expand Up @@ -109,7 +109,7 @@ <h3 id="17-5-循环结构："><a href="#17-5-循环结构：" class="headerlink"
<h3 id="17-6-do…while循环"><a href="#17-6-do…while循环" class="headerlink" title="17.6. do…while循环"></a>17.6. do…while循环</h3><p>do…while循环:不论条件成不成立 先执行一遍 再判断<br>do{<br>…..<br>}while(循环成立条件)</p>
<h3 id="17-7-for循环"><a href="#17-7-for循环" class="headerlink" title="17.7. for循环"></a>17.7. for循环</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">for (i = 0; i &lt; cars.length; i++) &#123; </span><br><span class="line"> text += cars[i] + &quot;&lt;br&gt;&quot;;</span><br><span class="line"> &#125;</span><br></pre></td></tr></table></figure>
<h3 id="17-8-for-in循环"><a href="#17-8-for-in循环" class="headerlink" title="17.8. for in循环"></a>17.8. for in循环</h3><p>continue：<br>跳过当前循环，直接进入循环的下一个步骤<br>break:<br>结束循环</p>
<h2 id="18-JS操作DOM"><a href="#18-JS操作DOM" class="headerlink" title="18. JS操作DOM"></a>18. JS操作DOM</h2><p>18.1. 什么是DOM？<br>DOM（document object model）文档对象模型，是针对HTML和XML的一个API（应用程序接口）。DOM给我们描述了一个具有层次化特点的节点树，允许开发人员增删改查页面的某些部分。<br> <img src="/1.png" alt="js基础变量名"></p>
<h2 id="18-JS操作DOM"><a href="#18-JS操作DOM" class="headerlink" title="18. JS操作DOM"></a>18. JS操作DOM</h2><p>18.1. 什么是DOM？<br>DOM（document object model）文档对象模型，是针对HTML和XML的一个API（应用程序接口）。DOM给我们描述了一个具有层次化特点的节点树，允许开发人员增删改查页面的某些部分。<br> <img src="/image/1.png" alt="js基础变量名"></p>
<ul>
<li>JavaScript 能够改变页面中的所有 HTML 元素</li>
<li>JavaScript 能够改变页面中的所有 HTML 属性</li>
Expand Down
0 2021/09/15/kali安装与使用/中文设置.png → 2021/09/15/kali安装与使用/image/中文设置.png
View file
File renamed without changes
2 changes: 1 addition & 1 deletion 2021/09/15/kali安装与使用/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ <h1 id="kali安装与使用"><a href="#kali安装与使用" class="headerlink" t
<h2 id="2-Kali的版本"><a href="#2-Kali的版本" class="headerlink" title="2. Kali的版本"></a>2. Kali的版本</h2><p>根据系统的不同选择不同的版本。主要分为32&#x2F;64版本 通常用64居多<br>同时也提供多个安装版本 直接安装的版本、虚拟机版本 （wmare &#x2F;vbox）<br>安装版本<br><a target="_blank" rel="noopener" href="https://www.kali.org/downloads/">https://www.kali.org/downloads/</a></p>
<p>账号和密码都是kali</p>
<h2 id="3-配置"><a href="#3-配置" class="headerlink" title="3. 配置"></a>3. 配置</h2><h3 id="3-1-安装虚拟机open-vm-tools-desktop模块"><a href="#3-1-安装虚拟机open-vm-tools-desktop模块" class="headerlink" title="3.1. 安装虚拟机open-vm-tools-desktop模块"></a>3.1. 安装虚拟机open-vm-tools-desktop模块</h3><p>sudo apt-get install open-vm-tools-desktop</p>
<h3 id="3-2-设置中文"><a href="#3-2-设置中文" class="headerlink" title="3.2. 设置中文"></a>3.2. 设置中文</h3><p>sudo apt-get install ttf-wqy-microhei ttf-wqy-zenhei xfonts-wqy<br>sudo dpkg-reconfigure locales<br>选择字符 zh_CN.UTF-8<br><img src="/%E4%B8%AD%E6%96%87%E8%AE%BE%E7%BD%AE.png" alt="中文设置"><br>重启 reboot</p>
<h3 id="3-2-设置中文"><a href="#3-2-设置中文" class="headerlink" title="3.2. 设置中文"></a>3.2. 设置中文</h3><p>sudo apt-get install ttf-wqy-microhei ttf-wqy-zenhei xfonts-wqy<br>sudo dpkg-reconfigure locales<br>选择字符 zh_CN.UTF-8<br><img src="/image/%E4%B8%AD%E6%96%87%E8%AE%BE%E7%BD%AE.png" alt="中文设置"><br>重启 reboot</p>
<h3 id="3-3-安装python3的pip"><a href="#3-3-安装python3的pip" class="headerlink" title="3.3. 安装python3的pip"></a>3.3. 安装python3的pip</h3><p>sudo apt-get install python3-pip<br>解决pip3 超时下载<br>python3的pip3默认源太慢，所以我们为了提升使用效果，通常选择国内源。<br>其实方法很简单，脚本如下：<br>mkdir -p <del>&#x2F;.pip<br>vim ~&#x2F;.pip&#x2F;pip.conf<br>然后将下列的内容写入</del>&#x2F;.pip&#x2F;pip.conf即可。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">[global]</span><br><span class="line">index-url = http://pypi.douban.com/simple</span><br><span class="line">[install]</span><br><span class="line">trusted-host=pypi.douban.com</span><br></pre></td></tr></table></figure>
<p>我这里使用了豆瓣的源，只是使用习惯问题，当然我们也可以使用清华等其他国内源。</p>
Expand Down
Loading

0 comments on commit cf4c3cf

Please sign in to comment.