前端學習總覽

時間 2019-11-18

標籤前端學習總覽简体版

原文原文鏈接

HTML - Web 的語言

HTML 是屬於 Web 的語言，每一個開發人員都應對它具有基本的瞭解。html

你可使用 HTML 的「標記標籤」來定義網頁的內容和結構。程序員

<h1> 定義標題，而 <p> 則定義段落。web

<html> 與 </html> 之間的文本描述網頁
<body> 與 </body> 之間的文本是可見的頁面內容

CSS - 層疊樣式表

樣式表定義如何顯示 HTML 元素。數據庫

若是樣式保存在外部文件中，那麼僅僅經過改變 CSS 文件，你就能夠改變網站中全部 HTML 頁面的的樣式和外觀。編程

假如你曾試圖改變全部頁面中標題的字體和顏色，就很容易理解 CSS 能夠在多大程度上提升你的工做效率。瀏覽器

CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式一般存儲在樣式表中
把樣式添加到 HTML 4.0 中，是爲了解決內容與表現分離的問題
外部樣式表能夠極大提升工做效率
外部樣式表一般存儲在 CSS 文件中
多個樣式定義可層疊爲一

多重樣式將層疊爲一個

樣式表容許以多種方式規定樣式信息。樣式能夠被規定於單個的 HTML 元素中，在 HTML 頁的頭元素中，或在一個外部的 CSS 文件中。甚至能夠在一個單一的 HTML 文檔內部引用多個外部樣式表。安全

層疊次序

當同一個HTML元素被不止一個樣式所定義時，會使用哪一個樣式呢？服務器

通常而言，全部的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。cookie

瀏覽器缺省設置
外部樣式表
內部樣式表（位於 <head> 標籤內部）
內聯樣式（在 HTML 元素內部）

所以，內聯樣式（在 HTML 元素內部）擁有最高的優先權，這意味着它將優先於如下的樣式聲明：<head> 標籤中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。編程語言

JavaScript - 客戶端腳本

JavaScript 用於客戶端的腳本化。客戶端腳本化指的是 Web 瀏覽器編程。

你頗有必要學習 JavaScript，這樣你就有能力提供動態性更強的網站內容。

一個相似 document.write("<p>" + date + "</p>") 的 JavaScript 語句，能夠向 HTML 頁面寫入動態的文本。

在數百萬張頁面中，JavaScript 被用來改進設計、驗證表單、檢測瀏覽器、建立cookies，等等等等。

什麼是 JavaScript？

JavaScript 被設計用來向 HTML 頁面添加交互行爲。
JavaScript 是一種腳本語言（腳本語言是一種輕量級的編程語言）。
JavaScript 由數行可執行計算機代碼組成。
JavaScript 一般被直接嵌入 HTML 頁面。
JavaScript 是一種解釋性語言（就是說，代碼執行不進行預編譯）。
全部的人無需購買許可證都可使用 JavaScript。

JavaScript 能作什麼？

JavaScript 爲 HTML 設計師提供了一種編程工具

HTML 創做者每每都不是程序員，可是 JavaScript 倒是一種只擁有極其簡單的語法的腳本語言！幾乎每一個人都有能力將短小的代碼片段放入他們的 HTML 頁面當中。

JavaScript 能夠將動態的文本放入 HTML 頁面

相似於這樣的一段 JavaScript 聲明能夠將一段可變的文本放入 HTML 頁面：document.write("<h1>" + name + "</h1>")

JavaScript 能夠對事件做出響應

能夠將 JavaScript 設置爲當某事件發生時纔會被執行，例如頁面載入完成或者當用戶點擊某個 HTML 元素時。

JavaScript 能夠讀寫 HTML 元素

JavaScript 能夠讀取及改變 HTML 元素的內容。

JavaScript 可被用來驗證數據

在數據被提交到服務器以前，JavaScript 可被用來驗證這些數據。

JavaScript 可被用來檢測訪問者的瀏覽器

JavaScript 可被用來檢測訪問者的瀏覽器，並根據所檢測到的瀏覽器，爲這個瀏覽器載入相應的頁面。

JavaScript 可被用來建立 cookies

JavaScript 可被用來存儲和取回位於訪問者的計算機中的信息。

其餘

服務器腳本能作什麼呢？

動態地向 web 頁面編輯、改變或添加任何的內容
對由 HTML 表單提交的用戶請求或數據進行響應
訪問數據或數據庫，並向瀏覽器返回結果
爲不一樣的用戶定製頁面
提升網頁安全性，使您的網頁代碼不會經過瀏覽器被查看到

重要事項：因爲腳本在服務器上執行，所以瀏覽器在不支持腳本的狀況下就能夠顯示服務器端的文件！

ASP 和 PHP

在 W3School，咱們經過使用活動服務器頁面（ASP）和超文本預處理器（PHP）來演示服務器端的腳本編程。

您沒法經過查看源代碼來查看 ASP 或 PHP 的源代碼，您看到的僅僅是來自服務器的輸出，那些純粹的 HTML。這是由於在結果以純粹的 HTML 發送到瀏覽器以前，腳本已經在服務器上執行了。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。