整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          JavaScript,面向?qū)ο螅悺?duì)象、屬性、方法

          JavaScript,面向?qū)ο螅悺?duì)象、屬性、方法,靜態(tài)屬性和方法

          面向?qū)ο螅∣bject Oriented):

          1、面向?qū)ο笫擒浖_(kāi)發(fā)方法,一種編程范式。

          2、面向?qū)ο蟮母拍詈蛻?yīng)用,已超越了程序設(shè)計(jì)和軟件開(kāi)發(fā),擴(kuò)展到如:數(shù)據(jù)庫(kù)系統(tǒng)、交互式界面、應(yīng)用結(jié)構(gòu)、應(yīng)用平臺(tái)、分布式系統(tǒng)、網(wǎng)絡(luò)管理結(jié)構(gòu)、CAD技術(shù)、人工智能等領(lǐng)域。

          3、面向?qū)ο笫且环N對(duì)現(xiàn)實(shí)世界理解和抽象的方法,是計(jì)算機(jī)編程技術(shù)發(fā)展到一定階段后的產(chǎn)物。

          類&對(duì)象&屬性&方法

          類,具有相同數(shù)據(jù)成員和函數(shù)成員的一組對(duì)象的集合,它為屬于該類的全部對(duì)象提供了抽象的描述。

          對(duì)象:類的具體化。

          屬性:用來(lái)描述具體某個(gè)對(duì)象的特征的就是屬性,是靜態(tài)的。

          方法:每個(gè)對(duì)象有自己的行為或者是使用的方法。

          靜態(tài)屬性&靜態(tài)方法

          JavaScript中并沒(méi)有特別的指定,一般認(rèn)為,直接使用類名調(diào)用的屬性為靜態(tài)屬性,直接使用類名調(diào)用的方法為靜態(tài)方法。

          以上概念用以下的代碼案例來(lái)表達(dá),以下的下案體現(xiàn)出以上的概念。

          案例代碼

          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 + ",在走路~");
          				}
          			}
          			// 實(shí)例化類
          			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">
          			// 構(gòu)造函數(shù)
          			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 + ",的謀略~");
          			};
          			// 實(shí)例化類
          			var person=new Person();
          			person.run();
          			// 調(diào)用原型鏈上的方法
          			person.strategy();
          			
          			var person2=new Person();
          			// 原型鏈上的屬性或方法會(huì)被多個(gè)實(shí)例共享
          			person2.strategy();
          		</script>
          	</head>
          	<body>
          	</body>
          </html>

          靜態(tài)屬性和靜態(tài)方法

          下是使用 C# 創(chuàng)建 HTML 文件的代碼示例:

          using System;
          using System.IO;
          
          namespace CreateHTMLFile
          {
              class Program
              {
                  static void Main(string[] args)
                  {
                      // 設(shè)置 HTML 文件路徑及文件名
                      string filePath=@"C:\Temp\example.html";
          
                      // 創(chuàng)建一個(gè)新的 HTML 文件
                      using (StreamWriter writer=new StreamWriter(filePath))
                      {
                          // 寫(xiě)入 HTML 標(biāo)記
                          writer.WriteLine("<html>");
                          writer.WriteLine("<head><title>Example HTML File</title></head>");
                          writer.WriteLine("<body>");
          
                          // 寫(xiě)入主體內(nèi)容
                          writer.WriteLine("<h1>Hello, World!</h1>");
                          writer.WriteLine("<p>This is an example HTML file created using C#.</p>");
          
                          // 寫(xiě)入 HTML 結(jié)束標(biāo)記
                          writer.WriteLine("</body>");
                          writer.WriteLine("</html>");
                      }
          
                      // 輸出成功消息
                      Console.WriteLine("HTML 文件已創(chuàng)建:{0}", filePath);
                  }
              }
          }
          

          此代碼將創(chuàng)建一個(gè)名為 “example.html” 的 HTML 文件,并在其中添加一些基本的元素。你可以根據(jù)需要修改或擴(kuò)展它,以滿足你的具體需求。注意,要?jiǎng)?chuàng)建 HTML 文件,你需要使用 System.IO 命名空間中的 StreamWriter 類。該類允許你向文件寫(xiě)入文本數(shù)據(jù)。

          著網(wǎng)站的內(nèi)容的增多和用戶訪問(wèn)量的增多,無(wú)可避免的是網(wǎng)站加載會(huì)越來(lái)越慢,受限于帶寬和服務(wù)器同一時(shí)間的請(qǐng)求次數(shù)的限制,我們往往需要在此時(shí)對(duì)我們的網(wǎng)站進(jìn)行代碼優(yōu)化和服務(wù)器配置的優(yōu)化。

          一般情況下會(huì)從以下方面來(lái)做優(yōu)化

          1、動(dòng)態(tài)頁(yè)面靜態(tài)化

          2、優(yōu)化數(shù)據(jù)庫(kù)

          3、使用負(fù)載均衡

          4、使用緩存

          5、使用CDN加速

          現(xiàn)在很多網(wǎng)站在建設(shè)的時(shí)候都要進(jìn)行靜態(tài)化的處理,為什么網(wǎng)站要進(jìn)行靜態(tài)化處理呢?我們都知道純靜態(tài)網(wǎng)站是所有的網(wǎng)頁(yè)都是獨(dú)立的一個(gè)html頁(yè)面,當(dāng)我們?cè)L問(wèn)的時(shí)候不需要經(jīng)過(guò)數(shù)據(jù)的處理直接就能讀取到文件,訪問(wèn)速度就可想而知了,而其對(duì)于搜索引擎而言也是非常友好的一個(gè)方式。

          純靜態(tài)網(wǎng)站在網(wǎng)站中是怎么實(shí)現(xiàn)的?

          純靜態(tài)的制作技術(shù)是需要先把網(wǎng)站的頁(yè)面總結(jié)出來(lái),分為多少個(gè)樣式,然后把這些頁(yè)面做成模板,生成的時(shí)候需要先讀取源文件然后生成獨(dú)立的以.html結(jié)尾的頁(yè)面文件,所以說(shuō)純靜態(tài)網(wǎng)站需要更大的空間,不過(guò)其實(shí)需要的空間也不會(huì)大多少的,尤其是對(duì)于中小型企業(yè)網(wǎng)站來(lái)說(shuō),從技術(shù)上來(lái)講,大型網(wǎng)站想要全站實(shí)現(xiàn)純靜態(tài)化是比較困難的,生成的時(shí)間也太過(guò)于長(zhǎng)了。不過(guò)中小型網(wǎng)站還是做成純靜態(tài)的比較,這樣做的優(yōu)點(diǎn)是很多的。

          而動(dòng)態(tài)網(wǎng)站又是怎么進(jìn)行靜態(tài)處理的?

          頁(yè)面靜態(tài)化是指將動(dòng)態(tài)頁(yè)面變成html/htm靜態(tài)頁(yè)面。動(dòng)態(tài)頁(yè)面一般由asp,php,jsp,.net等程序語(yǔ)言編寫(xiě)而成,非常便于管理。但是訪問(wèn)網(wǎng)頁(yè)時(shí)還需要程序先處理一遍,所以導(dǎo)致訪問(wèn)速度相對(duì)較慢。而靜態(tài)頁(yè)面訪問(wèn)速度快,卻又不便于管理。那么動(dòng)態(tài)頁(yè)面靜態(tài)化即可以將兩種頁(yè)面的好處集中到一起。

          靜態(tài)處理后又給網(wǎng)站帶來(lái)了哪些好處?

          1、靜態(tài)頁(yè)面相對(duì)于動(dòng)態(tài)頁(yè)面更容易被搜索引擎收錄。

          2、訪問(wèn)靜態(tài)頁(yè)面不需要經(jīng)過(guò)程序處理,因此可以提高運(yùn)行速度。

          3、減輕服務(wù)器負(fù)擔(dān)。

          4、HTML頁(yè)面不會(huì)受Asp相關(guān)漏洞的影響。

          靜態(tài)處理后的網(wǎng)站相對(duì)沒(méi)有靜態(tài)化處理的網(wǎng)站來(lái)講還比較有安全性,因?yàn)殪o態(tài)網(wǎng)站是不會(huì)是黑客攻擊的首選對(duì)象,因?yàn)楹诳驮诓恢滥愫笈_(tái)系統(tǒng)的情況下,黑 客從前臺(tái)的靜態(tài)頁(yè)面很難進(jìn)行攻擊。同時(shí)還具有一定的穩(wěn)定性,比如數(shù)據(jù)庫(kù)或者網(wǎng)站的程序出了問(wèn)題,他不會(huì)干擾到靜態(tài)處理后的頁(yè)面,不會(huì)因?yàn)槌绦蚧驍?shù)據(jù)影響而 打不開(kāi)頁(yè)面。

          搜索引擎蜘蛛程序更喜歡這樣的網(wǎng)址,也可以減輕蜘蛛程序的工作負(fù)擔(dān),雖然有的人會(huì)認(rèn)為現(xiàn)在搜索引擎完全有能力去抓取和識(shí)別動(dòng)態(tài)的網(wǎng)址,在這里還是建議大家能做成靜態(tài)的盡量做成靜態(tài)網(wǎng)址。

          下面我們主要來(lái)講一講頁(yè)面靜態(tài)化這個(gè)概念,希望對(duì)你有所幫助!

          什么是HTML靜態(tài)化:

          常說(shuō)的頁(yè)面靜態(tài)化分為兩種,一種是偽靜態(tài),即url 重寫(xiě),一種是真靜態(tài)化

          在PHP網(wǎng)站開(kāi)發(fā)中為了網(wǎng)站推廣和SEO等需要,需要對(duì)網(wǎng)站進(jìn)行全站或局部靜態(tài)化處理,PHP生成靜態(tài)HTML頁(yè)面有多種方法,比如利用PHP模板、緩存等實(shí)現(xiàn)頁(yè)面靜態(tài)化。

          PHP靜態(tài)化的簡(jiǎn)單理解就是使網(wǎng)站生成頁(yè)面以靜態(tài)HTML的形式展現(xiàn)在訪客面前,PHP靜態(tài)化分純靜態(tài)化和偽靜態(tài)化,兩者的區(qū)別在于PHP生成靜態(tài)頁(yè)面的處理機(jī)制不同。

          PHP偽靜態(tài):利用Apache mod_rewrite實(shí)現(xiàn)URL重寫(xiě)的方法。

          HTML靜態(tài)化的好處:

          一、減輕服務(wù)器負(fù)擔(dān),瀏覽網(wǎng)頁(yè)無(wú)需調(diào)用系統(tǒng)數(shù)據(jù)庫(kù)。

          二、有利于搜索引擎優(yōu)化SEO,Baidu、Google都會(huì)優(yōu)先收錄靜態(tài)頁(yè)面,不僅被收錄的快還收錄的全;

          三、加快頁(yè)面打開(kāi)速度,靜態(tài)頁(yè)面無(wú)需連接數(shù)據(jù)庫(kù)打開(kāi)速度較動(dòng)態(tài)頁(yè)面有明顯提高;

          四、網(wǎng)站更安全,HTML頁(yè)面不會(huì)受php程序相關(guān)漏洞的影響;觀看一下大一點(diǎn)的網(wǎng)站基本全是靜態(tài)頁(yè)面,而且可以減少攻擊,防sql注入。數(shù)據(jù)庫(kù)出錯(cuò)時(shí),不影響網(wǎng)站正常訪問(wèn)。

          五、數(shù)據(jù)庫(kù)出錯(cuò)時(shí),不影響網(wǎng)站的正常訪問(wèn)。

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

          實(shí)現(xiàn)HTML靜態(tài)化的策略與實(shí)例講解:

          基本方式

          file_put_contents()函數(shù)

          使用php內(nèi)置緩存機(jī)制實(shí)現(xiàn)頁(yè)面靜態(tài)化 —output-bufferring.

          方法1:利用PHP模板生成靜態(tài)頁(yè)面

          PHP模板實(shí)現(xiàn)靜態(tài)化非常方便,比如安裝和使用PHP Smarty實(shí)現(xiàn)網(wǎng)站靜態(tài)化。

          在使用Smarty的情況下,也可以實(shí)現(xiàn)頁(yè)面靜態(tài)化。下面先簡(jiǎn)單說(shuō)一下使用Smarty時(shí)通常動(dòng)態(tài)讀取的做法。

          一般分這幾步:

          1、通過(guò)URL傳遞一個(gè)參數(shù)(ID);

          2、然后根據(jù)此ID查詢數(shù)據(jù)庫(kù);

          3、取得數(shù)據(jù)后根據(jù)需要修改顯示內(nèi)容;

          4、assign需要顯示的數(shù)據(jù);

          5、display模板文件。

          Smarty靜態(tài)化過(guò)程只需要在上述過(guò)程中添加兩個(gè)步驟。

          第一:在1之前使用 ob_start() 打開(kāi)緩沖區(qū)。

          第二:在5之后使用 ob_get_contents() 獲取內(nèi)存未輸出內(nèi)容,然后使用fwrite()將內(nèi)容寫(xiě)入目標(biāo)html文件。

          根據(jù)上述描述,此過(guò)程是在網(wǎng)站前臺(tái)實(shí)現(xiàn)的,而內(nèi)容管理(添加、修改、刪除)通常是在后臺(tái)進(jìn)行,為了能有效利用上述過(guò)程,可以使用一點(diǎn)小手段,那就是Header()。具體過(guò)程是這樣的:在添加、修改程序完成之后,使用Header() 跳到前臺(tái)讀取,這樣可以實(shí)現(xiàn)頁(yè)面HTML化,然后在生成html后再跳回后臺(tái)管理側(cè),而這兩個(gè)跳轉(zhuǎn)過(guò)程是不可見(jiàn)的。

          方法2:使用PHP文件讀寫(xiě)功能生成靜態(tài)頁(yè)面

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

          方法3:使用PHP輸出控制函數(shù)(Output Control)/ob緩存機(jī)制生成靜態(tài)頁(yè)面

          輸出控制函數(shù)(Output Control)也就是使用和控制緩存來(lái)生成靜態(tài)HTML頁(yè)面,也會(huì)使用到PHP文件讀寫(xiě)函數(shù)。

          比如某個(gè)商品的動(dòng)態(tài)詳情頁(yè)地址是: http://xxx.com?goods.php?gid=112

          那么這里我們根據(jù)這個(gè)地址讀取一次這個(gè)詳情頁(yè)的內(nèi)容,然后保存為靜態(tài)頁(yè),下次有人訪問(wèn)這個(gè)商品詳情頁(yè)動(dòng)態(tài)地址時(shí),我們可以直接把已生成好的對(duì)應(yīng)靜態(tài)內(nèi)容文件輸出出來(lái)。

          PHP生成靜態(tài)頁(yè)面實(shí)例代碼 1

          <?php
          ob_start(); 
          echo "<html>". 
          "<head>". 
          "<title>PHP網(wǎng)站靜態(tài)化教程</title>". 
          "</head>". 
          "<body>歡迎訪問(wèn)腳本之家,本文主要介紹PHP網(wǎng)站頁(yè)面靜態(tài)化的方法</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生成靜態(tài)頁(yè)面實(shí)例代碼 2

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

          我們知道使用PHP進(jìn)行網(wǎng)站開(kāi)發(fā),一般執(zhí)行結(jié)果直接輸出到游覽器,為了使用PHP生成靜態(tài)頁(yè)面,就需要使用輸出控制函數(shù)控制緩存區(qū),以便獲取緩存區(qū)的內(nèi)容,然后再輸出到靜態(tài)HTML頁(yè)面文件中以實(shí)現(xiàn)網(wǎng)站靜態(tài)化。

          PHP生成靜態(tài)頁(yè)面的思路為:首先開(kāi)啟緩存,然后輸出了HTML內(nèi)容(你也可以通過(guò)include將HTML內(nèi)容以文件形式包含進(jìn)來(lái)),之后獲取緩存中的內(nèi)容,清空緩存后通過(guò)PHP文件讀寫(xiě)函數(shù)將緩存內(nèi)容寫(xiě)入到靜態(tài)HTML頁(yè)面文件中。

          獲得輸出的緩存內(nèi)容以生成靜態(tài)HTML頁(yè)面的過(guò)程需要使用三個(gè)函數(shù):ob_start()、ob_get_contents()、ob_end_clean()。

          知識(shí)點(diǎn):

          1、ob_start函數(shù)一般主要是用來(lái)開(kāi)啟緩存,注意使用ob_start之前不能有任何輸出,如空格、字符等。

          2、ob_get_contents函數(shù)主要用來(lái)獲取緩存中的內(nèi)容以字符串形式返回,注意此函數(shù)必須在ob_end_clean函數(shù)之前調(diào)用,否則獲取不到緩存內(nèi)容。

          3、ob_end_clean函數(shù)主要是清空緩存中的內(nèi)容并關(guān)閉緩存,成功則返回True,失敗則返回False

          方法4:使用nosql從內(nèi)存中讀取內(nèi)容(其實(shí)這個(gè)已經(jīng)不算靜態(tài)化了而是緩存);

          以memcache為例:

          <?php 
          $gid=$_GET['gid']+0;//商品id 
          $goods_statis_content="goods_content_".$gid;//對(duì)應(yīng)鍵 
          $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(); 
           //從數(shù)據(jù)庫(kù)讀取數(shù)據(jù),并賦值給相關(guān)變量 
           //include ("xxx.html");//加載對(duì)應(yīng)的商品詳情頁(yè)模板 
           $content=ob_get_contents();//把詳情頁(yè)內(nèi)容賦值給$content變量 
           $mem->add($goods_statis_content,$content, false, $expr); 
           ob_end_flush();//輸出商品詳情頁(yè)信息 
          } 
          ?>
          

          memcached是鍵值一一對(duì)應(yīng),key默認(rèn)最大不能超過(guò)128個(gè)字節(jié),value默認(rèn)大小是1M,因此1M大小滿足大多數(shù)網(wǎng)頁(yè)大小的存儲(chǔ)。

          舉兩個(gè)例子,怎么樣寫(xiě)好代碼

          最經(jīng)典的算法,獻(xiàn)給正在面試道路上的你

          如果你現(xiàn)在在面試PHP的道路上,看看面試基礎(chǔ)題吧


          主站蜘蛛池模板: 精品在线一区二区| 国产伦精品一区二区三区在线观看| 亚洲视频一区在线播放| 日本v片免费一区二区三区| 亚洲爆乳精品无码一区二区三区| 精品一区二区三区四区电影| 欧洲无码一区二区三区在线观看| 国产成人无码精品一区不卡| 国产成人精品一区二区A片带套| 久久亚洲AV午夜福利精品一区| 中文字幕一区二区三区永久 | 亚洲欧美一区二区三区日产| 亚洲不卡av不卡一区二区| 国产一区二区三区在线观看精品| 一本色道久久综合一区| 国产一区风间由美在线观看| 日本福利一区二区| 国产精品亚洲一区二区麻豆| 亚洲一区精彩视频| 亚洲欧美日韩中文字幕在线一区| 亚洲另类无码一区二区三区| 无码精品一区二区三区| 少妇一晚三次一区二区三区| 精品国产天堂综合一区在线| 国产福利日本一区二区三区| 国产成人精品一区二区三在线观看| 国产SUV精品一区二区88L| 国产一区二区好的精华液 | 精品无码av一区二区三区| 久久青草国产精品一区| 香蕉久久一区二区不卡无毒影院| 香蕉久久一区二区不卡无毒影院 | 麻豆国产在线不卡一区二区 | 国产精品主播一区二区| 久久精品无码一区二区app | 国产成人一区二区三区高清| 日韩精品无码人妻一区二区三区 | 精品久久久久久无码中文字幕一区 | 国产精品无码一区二区在线| 动漫精品第一区二区三区| 精品日本一区二区三区在线观看|