web前端技術

WEB基礎知識：

WWW一個大規模在線式信息儲藏所。

瀏覽器：交互式應用程序。（C/S架構，瘦客戶端）

• 
  
  HTTP協議：超文本傳輸協議，無狀態協議。此處注意的是HTTP協議下的網絡鏈接是即時性的，一旦傳輸完畢則當即關閉。
  
  
• 
  
  WEB服務器：一種能夠管理各類web文件併爲提出HTTP請求的瀏覽器提供Http相應的軟件。常見的爲apache與IIS。
  
  
• 
  
  靜態網頁：純HTML網頁。簡單可靠和性能。預先定義的格式存在。
  
  
• 
  
  動態網頁：能夠爲不一樣需求提供個性化服務，服務器根據客戶端訪問即時解釋（或翻譯）建立的
  
  
  
  
  • 
    
    常見客戶端技術：JavaScript、VBScript、JavaApplet
    
    
  • 
    
    常見服務器端技術：CGI、PHP、ASP、JSP、ASP.NET

ASP.NET簡介：徹底給予模塊和組件。

• 
  
  基本概念
  
  
  
  
  • 
    
    Client：客戶端，接受服務的一端。Server：提供服務的一端。
    
    
  • 
    
    Request：請求，Response：響應
    
    
  • 
    
    CGI（單請求單進程）、ISAPI（單進程共享用戶、DLL編譯進進程，C語言）
    
    
  • 
    
    Microsoft.NET：一個開發平臺，包括用於建立和操做新一代服務的.NET基礎結構和工具。
    
    
  • 
    
    WEB
    Service：.NET支持將軟件作成服務的方式執行。Web
    Service則是在Internet上的程序邏輯。此處運用的面向對象的思想（固然也能夠說是面向服務，SOA深層追究起來，仍是面向接口編程，仍舊是面向對象的發展衍生）
  
  
• 
  
  發展史
  
  
• 
  
  ASP.NET與ASP區別：編譯型與解釋型，ASP以腳本語言爲核心（致使沒法底層操做）
  
  
• 
  
  工做原理：客戶端訪問WEB服務器，WEB服務器調用相關頁面，查詢相關數據而後生成頁面返回瀏覽器。（ASP與ASP.NET都是這般）。ASP.NET獨有的思想：程序被訪問時，首先編譯，生成MSIL語言，而後MSIL再被編譯成機器碼執行。
  
  

  引入MISL語言的緣由：

  
  
  
  
  • 
    
    經過JIT（即時）編譯器將MSIL編譯成機器碼，這樣經過不一樣的JIT能夠生成不一樣的機器碼，從而實現跨平臺（不一樣的計算機系統支持不一樣的JIT編譯器）
    
    
  • 
    
    .NET框架的要求。.NET框架須要支持多種語言混合編程，因此須要一個統一的中間層語言MSIL。
    
    
  • 
    
    運用MSIL做爲中間便一層的寄存器，這樣只有第一次被訪問時緩衝較長，後面將直接調用編譯後的文件，所以執行速度很是快。（至於爲何不寄存生成好的頁面，而只是保存在生成中間過程的頁面，此處本身能夠理解）

創建ASP.NET運行環境：

• 
  
  IIS：Microsoft
  Internet Information Service，運行在Wins系統下的WEB服務器。
  
  
• 
  
  MDAC：Microsoft
  Data Access Components。
  
  
• 
  
  .NET
  Framework和ASP.NET

開始編寫ASP.NET程序

• 
  
  開發環境選擇
  
  
• 
  
  VS.NET

C#語言基礎（不作筆記了）

HTML控件和WEB服務器控件

ASP.NET是給予控件設計的，對HTML控件的功能進行了擴展。同時ASP.NET自身也提供了一些服務器控件。因此ASP.NET有兩種服務器控件：

• 
  
  HTML控件
  
  
• 
  
  WEB服務器控件

HTML控件：

• 
  
  必須屬性
  
  
  
  
  • 
    
    runat ="server "
    由於此處是服務器空間
    
    
  • 
    
    id =" name "
    由於是面向對象的，每個控件就是一個對象實例，對象實例必須有本身的名字，並且在文件做用域範圍是惟一的（此處的文件做用域是全局）
  
  
• 
  
  可選屬性（稍微列舉部分HTML控件公有屬性）
  
  
  
  
  • 
    
    Attributes：用於獲取ASP.NET頁面上的服務器控件標記所表示的全部屬性名稱和值。須要注意的是在HTML服務器控件中操做Attributes集合和操做ViewState相同。
    
    

    語法：HTML控件名.Attributes(HTML標記屬性名)="屬性值"

    
    
  • 
    
    Disabled：設置或者獲取一個值，該值只是當HTML控件呈如今瀏覽器上時是否包含Disabled屬性，若包含該屬性將使該控件成爲只讀控件。
    
    

    語法：HTML控件名.Disabled=布爾值

    
    
  • 
    
    InnerHtml：該屬性用來設置某容器控件中的文字。此處支持HTML語法
    
    
  • 
    
    InnerText：同上，不一樣點在於輸出的爲純文本，不支持HTML語法解析
    
    
  • 
    
    Style屬性：DHTML新增屬性，設置控件外觀樣式。
    
    
  • 
    
    Value屬性：設置控件的值，用於上下文邏輯運算
  
  
• 
  
  WEB表單（Form）：
  
  
  
  
  • 
    
    WEB頁：HTML代碼標記組成的頁面，全部的HTML代碼都包含在之間
    
    
  • 
    
    HTML表單：web頁中多個之間所定義的控件組，用讓用戶輸入數據並提交給WEB服務器進行處理。包含了表單內部控件以及響應的佈局信息
    
    
  • 
    
    WEB表單：形式上同HTML表單一致。不一樣點在於WEB表單包含了表單內部控件、相應的佈局信息以及數據提交以後的數據處理代碼。
  
  

  注意：

  標記是一個餓容器，表示其中的內容是能夠返回到web服務器的。若是不定義表單不能實現用戶輸入數據的提交。表單又兩個重要的屬性：
  

  Action：指定對錶單進行處理的腳本的地址。（也就是說表單被提交到服務器端後由誰來處理）在action中指定處理者的URL。

Method：

Post：將表單中的信息做爲一個數據塊發送到服務器端。

• 
  
  Get：默認方法。提交的數據被附加到URL（在ACTION中指定）的末端，做爲URL的一部分發送到服務器端。

二者之間的區別：

HTTP 定義了與服務器交互的不一樣方法，最基本的方法是 get 和
post。事實上 get
適用於多數請求，而保留 post僅用於更新站點。根據 HTTP 規範，get
用於信息獲取，並且應該是安全的和冪等的。所謂安全的意味着該操做用於獲取信息而非修改信息。換句話說，get 請求通常不該產生反作用。冪等的意味着對同一 URL的多個請求應該返回一樣的結果。完整的定義並不像看起來那樣嚴格。從根本上講，其目標是當用戶打開一個連接時，她能夠確信從自身的角度來看沒有改變資源。好比，新聞站點的頭版不斷更新。雖然第二次請求會返回不一樣的一批新聞，該操做仍然被認爲是安全的和冪等的，由於它老是返回當前的新聞。反之亦然。post請求就不那麼輕鬆了。post 表示可能改變服務器上的資源的請求。仍然以新聞站點爲例，讀者對文章的註解應該經過 post請求實現，由於在註解提交以後站點已經不一樣了（比方說文章下面出現一條註解）；
在FORM提交的時候，若是不指定Method，則默認爲get請求，Form中提交的數據將會附加在url以後，以?分開與url分開。字母數字字符原樣發送，但空格轉換爲"+"號，其它符號轉換爲%XX,其中XX爲該符號以16進製表示的ASCII（或ISOLatin-1）值。get請求請提交的數據放置在HTTP請求協議頭中，而post提交的數據則放在實體數據中；
get方式提交的數據最多隻能有1024字節，而post則沒有此限制。
在表單裏使用"post"和"get"有什麼區別
在Form裏面，可使用post也可使用get。它們都是method的合法取值。可是，post和get方法在使用上至少有兩點不一樣：
1、get方法經過URL請求來傳遞用戶的輸入。post方法經過另外的形式。
2、get方式的提交你須要用Request.QueryString來取得變量的值，而post方式提交時，你必須經過Request.Form來訪問提交的內容。

WEBFORM組成：

• 
  
  指令（Directives）：能夠放在頁面的任何地方，做爲習慣，一般那個放在文件開頭。非必需。語法：