JavaScript，面向對象，類、對象、屬性、方法

JavaScript，面向對象，類、對象、屬性、方法，靜態屬性和方法

念

面向對象（Object Oriented）：

1、面向對象是軟件開發方法，一種編程范式。

2、面向對象的概念和應用，已超越了程序設計和軟件開發，擴展到如：數據庫系統、交互式界面、應用結構、應用平臺、分布式系統、網絡管理結構、CAD技術、人工智能等領域。

3、面向對象是一種對現實世界理解和抽象的方法，是計算機編程技術發展到一定階段后的產物。

類&對象&屬性&方法

類，具有相同數據成員和函數成員的一組對象的集合，它為屬于該類的全部對象提供了抽象的描述。

對象：類的具體化。

屬性：用來描述具體某個對象的特征的就是屬性，是靜態的。

方法：每個對象有自己的行為或者是使用的方法。

靜態屬性&靜態方法

JavaScript中并沒有特別的指定，一般認為，直接使用類名調用的屬性為靜態屬性，直接使用類名調用的方法為靜態方法。

以上概念用以下的代碼案例來表達，以下的下案體現出以上的概念。

案例代碼

JS的類（ES5中的類）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=1;user-scalable=no">
		<script type="text/javascript">
			// ES5里邊的類
			function Person(){
				// 聲明成員屬性
				this.name="石崇";
				this.age=20;
				// 聲明成員方法
				this.run=function(){
					alert(this.name + "，在走路~");
				}
			}
			// 實例化類
			var person=new Person();
			document.writeln("人的名稱為：" + person.name);
			person.run();
		</script>
	</head>
	<body>
	</body>
</html>

原型鏈上增加的屬性和方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=1;user-scalable=no">
		<script type="text/javascript">
			// 構造函數
			function Person(){
				// 屬性
				this.name="石崇";
				this.age=20;
				// 方法
				this.run=function(){
					alert(this.name + "，在走路~");
				}
			}
			// 原型鏈上增加屬性和方法
			Person.prototype.sex="男";
			Person.prototype.strategy=function(){
				alert(this.name + "|" + this.sex + "|" + this.age + "，的謀略~");
			};
			// 實例化類
			var person=new Person();
			person.run();
			// 調用原型鏈上的方法
			person.strategy();
			
			var person2=new Person();
			// 原型鏈上的屬性或方法會被多個實例共享
			person2.strategy();
		</script>
	</head>
	<body>
	</body>
</html>

靜態屬性和靜態方法

下是使用 C# 創建 HTML 文件的代碼示例：

using System;
using System.IO;

namespace CreateHTMLFile
{
    class Program
    {
        static void Main(string[] args)
        {
            // 設置 HTML 文件路徑及文件名
            string filePath=@"C:\Temp\example.html";

            // 創建一個新的 HTML 文件
            using (StreamWriter writer=new StreamWriter(filePath))
            {
                // 寫入 HTML 標記
                writer.WriteLine("<html>");
                writer.WriteLine("<head><title>Example HTML File</title></head>");
                writer.WriteLine("<body>");

                // 寫入主體內容
                writer.WriteLine("<h1>Hello, World!</h1>");
                writer.WriteLine("<p>This is an example HTML file created using C#.</p>");

                // 寫入 HTML 結束標記
                writer.WriteLine("</body>");
                writer.WriteLine("</html>");
            }

            // 輸出成功消息
            Console.WriteLine("HTML 文件已創建：{0}", filePath);
        }
    }
}

此代碼將創建一個名為 “example.html” 的 HTML 文件，并在其中添加一些基本的元素。你可以根據需要修改或擴展它，以滿足你的具體需求。注意，要創建 HTML 文件，你需要使用 System.IO 命名空間中的 StreamWriter 類。該類允許你向文件寫入文本數據。

著網站的內容的增多和用戶訪問量的增多，無可避免的是網站加載會越來越慢，受限于帶寬和服務器同一時間的請求次數的限制，我們往往需要在此時對我們的網站進行代碼優化和服務器配置的優化。

一般情況下會從以下方面來做優化

1、動態頁面靜態化

2、優化數據庫

3、使用負載均衡

4、使用緩存

5、使用CDN加速

現在很多網站在建設的時候都要進行靜態化的處理，為什么網站要進行靜態化處理呢？我們都知道純靜態網站是所有的網頁都是獨立的一個html頁面，當我們訪問的時候不需要經過數據的處理直接就能讀取到文件，訪問速度就可想而知了，而其對于搜索引擎而言也是非常友好的一個方式。

純靜態網站在網站中是怎么實現的？

純靜態的制作技術是需要先把網站的頁面總結出來，分為多少個樣式，然后把這些頁面做成模板，生成的時候需要先讀取源文件然后生成獨立的以.html結尾的頁面文件，所以說純靜態網站需要更大的空間，不過其實需要的空間也不會大多少的，尤其是對于中小型企業網站來說，從技術上來講，大型網站想要全站實現純靜態化是比較困難的，生成的時間也太過于長了。不過中小型網站還是做成純靜態的比較，這樣做的優點是很多的。

而動態網站又是怎么進行靜態處理的？

頁面靜態化是指將動態頁面變成html/htm靜態頁面。動態頁面一般由asp,php,jsp,.net等程序語言編寫而成，非常便于管理。但是訪問網頁時還需要程序先處理一遍，所以導致訪問速度相對較慢。而靜態頁面訪問速度快，卻又不便于管理。那么動態頁面靜態化即可以將兩種頁面的好處集中到一起。

靜態處理后又給網站帶來了哪些好處？

1、靜態頁面相對于動態頁面更容易被搜索引擎收錄。

2、訪問靜態頁面不需要經過程序處理，因此可以提高運行速度。

3、減輕服務器負擔。

4、HTML頁面不會受Asp相關漏洞的影響。

靜態處理后的網站相對沒有靜態化處理的網站來講還比較有安全性，因為靜態網站是不會是黑客攻擊的首選對象，因為黑客在不知道你后臺系統的情況下，黑客從前臺的靜態頁面很難進行攻擊。同時還具有一定的穩定性，比如數據庫或者網站的程序出了問題，他不會干擾到靜態處理后的頁面，不會因為程序或數據影響而打不開頁面。

搜索引擎蜘蛛程序更喜歡這樣的網址，也可以減輕蜘蛛程序的工作負擔，雖然有的人會認為現在搜索引擎完全有能力去抓取和識別動態的網址，在這里還是建議大家能做成靜態的盡量做成靜態網址。

下面我們主要來講一講頁面靜態化這個概念，希望對你有所幫助！

什么是HTML靜態化:

常說的頁面靜態化分為兩種，一種是偽靜態，即url 重寫，一種是真靜態化。

在PHP網站開發中為了網站推廣和SEO等需要，需要對網站進行全站或局部靜態化處理，PHP生成靜態HTML頁面有多種方法，比如利用PHP模板、緩存等實現頁面靜態化。

PHP靜態化的簡單理解就是使網站生成頁面以靜態HTML的形式展現在訪客面前，PHP靜態化分純靜態化和偽靜態化，兩者的區別在于PHP生成靜態頁面的處理機制不同。

PHP偽靜態：利用Apache mod_rewrite實現URL重寫的方法。

HTML靜態化的好處:

一、減輕服務器負擔，瀏覽網頁無需調用系統數據庫。

二、有利于搜索引擎優化SEO，Baidu、Google都會優先收錄靜態頁面，不僅被收錄的快還收錄的全；

三、加快頁面打開速度，靜態頁面無需連接數據庫打開速度較動態頁面有明顯提高；

四、網站更安全，HTML頁面不會受php程序相關漏洞的影響；觀看一下大一點的網站基本全是靜態頁面，而且可以減少攻擊，防sql注入。數據庫出錯時，不影響網站正常訪問。

五、數據庫出錯時，不影響網站的正常訪問。

最主要是可以增加訪問速度,減輕服務器負擔,當數據量有幾萬，幾十萬或是更多的時候你知道哪個更快了. 而且還容易被搜索引擎找到。生成html文章雖操作上麻煩些，程序上繁雜些，但為了更利于搜索，為了速度更快些，更安全，這些犧牲還是值得的。

實現HTML靜態化的策略與實例講解:

基本方式

file_put_contents()函數

使用php內置緩存機制實現頁面靜態化 —output-bufferring.

方法1:利用PHP模板生成靜態頁面

PHP模板實現靜態化非常方便，比如安裝和使用PHP Smarty實現網站靜態化。

在使用Smarty的情況下，也可以實現頁面靜態化。下面先簡單說一下使用Smarty時通常動態讀取的做法。

一般分這幾步：

1、通過URL傳遞一個參數(ID);

2、然后根據此ID查詢數據庫;

3、取得數據后根據需要修改顯示內容;

4、assign需要顯示的數據;

5、display模板文件。

Smarty靜態化過程只需要在上述過程中添加兩個步驟。

第一：在1之前使用 ob_start() 打開緩沖區。

第二：在5之后使用 ob_get_contents() 獲取內存未輸出內容，然后使用fwrite()將內容寫入目標html文件。

根據上述描述，此過程是在網站前臺實現的，而內容管理(添加、修改、刪除)通常是在后臺進行，為了能有效利用上述過程，可以使用一點小手段，那就是Header()。具體過程是這樣的：在添加、修改程序完成之后，使用Header() 跳到前臺讀取，這樣可以實現頁面HTML化，然后在生成html后再跳回后臺管理側，而這兩個跳轉過程是不可見的。

方法2:使用PHP文件讀寫功能生成靜態頁面

<?php
$out1="<html><head><title>PHP網站靜態化教程</title></head><body>歡迎訪問PHP網站開發www.startphp.cn，本文主要介紹PHP網站頁面靜態化的方法</body></html>"; 
$fp=fopen("leapsoulcn.html","w"); 
if(!$fp) 
{ 
echo "System Error"; 
exit(); 
} 
else 
{ 
fwrite($fp,$out1); 
fclose($fp); 
echo "Success"; 
} 
?>

方法3：使用PHP輸出控制函數（Output Control）/ob緩存機制生成靜態頁面

輸出控制函數（Output Control）也就是使用和控制緩存來生成靜態HTML頁面，也會使用到PHP文件讀寫函數。

比如某個商品的動態詳情頁地址是: http://xxx.com?goods.php?gid=112

那么這里我們根據這個地址讀取一次這個詳情頁的內容，然后保存為靜態頁，下次有人訪問這個商品詳情頁動態地址時，我們可以直接把已生成好的對應靜態內容文件輸出出來。

PHP生成靜態頁面實例代碼 1

<?php
ob_start(); 
echo "<html>". 
"<head>". 
"<title>PHP網站靜態化教程</title>". 
"</head>". 
"<body>歡迎訪問腳本之家，本文主要介紹PHP網站頁面靜態化的方法</body>". 
"</html>"; 
$out1=ob_get_contents(); 
ob_end_clean(); 
$fp=fopen("leapsoulcn.html","w"); 
if(!$fp) 
{ 
echo "System Error"; 
exit(); 
} 
else 
{ 
fwrite($fp,$out1); 
fclose($fp); 
echo "Success"; 
} 
?>

PHP生成靜態頁面實例代碼 2

<?php 
$gid=$_GET['gid']+0;//商品id 
$goods_statis_file="goods_file_".$gid.".html";//對應靜態頁文件 
$expr=3600*24*10;//靜態文件有效期，十天 
if(file_exists($goods_statis_file)){ 
 $file_ctime=filectime($goods_statis_file);//文件創建時間 
 if($file_ctime+$expr-->time()){//如果沒過期 
 echo file_get_contents($goods_statis_file);//輸出靜態文件內容 
 exit; 
 }else{//如果已過期 
 unlink($goods_statis_file);//刪除過期的靜態頁文件 
 ob_start(); 
 //從數據庫讀取數據，并賦值給相關變量 
 //include ("xxx.html");//加載對應的商品詳情頁模板 
 $content=ob_get_contents();//把詳情頁內容賦值給$content變量 
 file_put_contents($goods_statis_file,$content);//寫入內容到對應靜態文件中 
 ob_end_flush();//輸出商品詳情頁信息 
 } 
}else{ 
ob_start(); 
 //從數據庫讀取數據，并賦值給相關變量 
 //include ("xxx.html");//加載對應的商品詳情頁模板 
 $content=ob_get_contents();//把詳情頁內容賦值給$content變量 
 file_put_contents($goods_statis_file,$content);//寫入內容到對應靜態文件中 
 ob_end_flush();//輸出商品詳情頁信息 
} 
?>

我們知道使用PHP進行網站開發，一般執行結果直接輸出到游覽器，為了使用PHP生成靜態頁面，就需要使用輸出控制函數控制緩存區，以便獲取緩存區的內容，然后再輸出到靜態HTML頁面文件中以實現網站靜態化。

PHP生成靜態頁面的思路為：首先開啟緩存，然后輸出了HTML內容（你也可以通過include將HTML內容以文件形式包含進來），之后獲取緩存中的內容，清空緩存后通過PHP文件讀寫函數將緩存內容寫入到靜態HTML頁面文件中。

獲得輸出的緩存內容以生成靜態HTML頁面的過程需要使用三個函數：ob_start()、ob_get_contents()、ob_end_clean()。

知識點：

1、ob_start函數一般主要是用來開啟緩存，注意使用ob_start之前不能有任何輸出，如空格、字符等。

2、ob_get_contents函數主要用來獲取緩存中的內容以字符串形式返回，注意此函數必須在ob_end_clean函數之前調用，否則獲取不到緩存內容。

3、ob_end_clean函數主要是清空緩存中的內容并關閉緩存，成功則返回True，失敗則返回False

方法4：使用nosql從內存中讀取內容(其實這個已經不算靜態化了而是緩存);

以memcache為例：

<?php 
$gid=$_GET['gid']+0;//商品id 
$goods_statis_content="goods_content_".$gid;//對應鍵 
$expr=3600*24*10;//有效期，十天 
$mem=new Memcache; 
$mem--->connect('memcache_host', 11211); 
$mem_goods_content=$mem->get($goods_statis_content); 
if($mem_goods_content){ 
 echo $mem_goods_content; 
}else{ 
 ob_start(); 
 //從數據庫讀取數據，并賦值給相關變量 
 //include ("xxx.html");//加載對應的商品詳情頁模板 
 $content=ob_get_contents();//把詳情頁內容賦值給$content變量 
 $mem->add($goods_statis_content,$content, false, $expr); 
 ob_end_flush();//輸出商品詳情頁信息 
} 
?>

memcached是鍵值一一對應，key默認最大不能超過128個字節，value默認大小是1M，因此1M大小滿足大多數網頁大小的存儲。

舉兩個例子，怎么樣寫好代碼

最經典的算法，獻給正在面試道路上的你

如果你現在在面試PHP的道路上，看看面試基礎題吧

在線咨詢

上一篇：如何修改word默認文檔模板，一次設置好版面格式，長
下一篇：HTML基礎學習 02-元素屬性（以HR為例）

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JavaScript，面向對象，類、對象、屬性、方法

念

案例代碼

您的項目需求