web 考試筆記

時間 2019-12-15

標籤 web 考試筆記欄目 HTML 简体版

原文原文鏈接

1. a標籤 href

將圖片設爲超連接（在a標籤中加入圖片）

<a href="/example/html/lastpage.html">
    <img border="0" src="/i/eg_buttonnext.gif" />
</a>複製代碼

連接到同一頁面的不一樣位置

<div class="backTop">
  <a href="#backtop"></a>     // #+被返回的位置的name屬性
</div>
<a href="" name="backtop"></a>  // 此標籤爲被返回的頁面的位置複製代碼

若是不使用 href 屬性，則不能夠使用以下屬性：download, hreflang, media, rel, target 以及 type 屬性。
被連接頁面一般顯示在當前瀏覽器窗口中，除非您規定了另外一個目標（target 屬性）。

rel

text

規定當前文檔與被連接文檔之間的關係。

target

_blank 在新窗口打開連接
_parent
_self
_top
framename

規定在何處打開連接文檔。

建立電子郵件連接

<a href="mailto:someone@microsoft.com?subject=Hello%20again">發送郵件</a>複製代碼

去掉超文本文字修飾：php

text-decoration: none;    //去除文字修飾
        text-decoration: underline;    //添加下劃線
        text-decoration: overline;    //添加上劃線
        text-decoration: line-through;    //添加刪除線
        text-decoration: blink;    //閃爍

a 標籤
未被訪問過的樣式：a:link{}
已經訪問過的樣式： a:visited{}
鼠標懸停樣式： a:hover{}
激活時連接的樣式： a:active{}複製代碼

2. link標籤（定義文檔與外部資源的關係）

<head>
  <link rel="stylesheet" type="text/css" href="theme.css" />
</head>
// rel 也能夠等於icon複製代碼

3. input 標籤

type

button
checkbox
file 上傳文件
hidden
image
password
radio
reset 重置按鈕
submit 提交按鈕
text

規定 input 元素的類型。

checked

規定此 input 元素首次加載時應當被選中。checked="checked"

alt

text

定義圖像輸入的替代文本。

disabled

當 input 元素加載時禁用此元素

multiple

若是使用該屬性，則容許一個以上的值。（multiple="multiple"）

form表單

action（必填）

URL

規定當提交表單時向何處發送表單數據。（指定須要處理數據的網頁或程序）

method

get
post

規定用於發送 form-data 的 HTTP 方法（默認get）。（get傳輸數據量小，post能夠傳輸大量數據，上傳文件時只能用post）

submit按鈕的做用是對錶單數據進行編碼並送到服務器css

下拉列表：

<select multiple="multiple">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>複製代碼

html裏面非成對標記的標籤：li標籤 br標籤 hr標籤 img 等html

多行文本輸入控件：textarea標籤 java

<textarea rows="3" cols="20">
在w3school，你能夠找到你所須要的全部的網站建設教程。
</textarea>
// 3行20列複製代碼

js

1. 字符串的反轉

2. confirm

confirm(message) 方法用於顯示一個帶有指定消息和肯定按鈕及取消按鈕的對話框。web

3. onload()正則表達式

4. window.close算法

5. 時間函數 var now = new Date();

getDate()從 Date 對象返回一個月中的某一天 (1 ~ 31)。
getDay()從 Date 對象返回一週中的某一天 (0 ~ 6)。
getMonth()從 Date 對象返回月份 (0 ~ 11)。
getFullYear()從 Date 對象以四位數字返回年份。
getHours()返回 Date 對象的小時 (0 ~ 23)。
getMinutes()返回 Date 對象的分鐘 (0 ~ 59)。
getSeconds()返回 Date 對象的秒數 (0 ~ 59)。複製代碼

6. split() 方法用於把一個字符串分割成字符串數組。（方便用於遍歷）

若是把空字符串 ("") 用做 separator，那麼 stringObject 中的每一個字符之間都會被分割。

var str = a,b,c,d,e,f,g;
str.split("");
console.log(str);
// ["a", ",", "b", ",", "c", ",", "d", ",", "e", ",", "f", ",", "g"]
// 把逗號符號也用逗號分隔了
str.split(",");
// 用逗號分隔則會忽略逗號複製代碼

str.split(separator, limit)
separator: 可選，字符串或正則表達式，從該參數指定地方分隔str
limit： 可選，該參數可指定返回的數組的最大長度複製代碼

slice()

str.slice(start, end)數據庫

start：必須（若是是負數，那麼它規定從數組尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素）編程

end：可選（若是這個參數是負數，那麼它規定的是從數組尾部開始算起的元素）小程序

7. 高內聚低耦合

內聚：模塊內的功能聯繫

耦合：是軟件結構中各模塊之間相互鏈接的一種度量，耦合強弱取決於模塊間接口的複雜程度、進入或訪問一個模塊的點以及經過接口的數據。

高內聚低耦合，是軟件工程中的概念，是判斷設計好壞的標準，主要是面向對象的設計，主要是看類的內聚性是否高，耦合度是否低。

8. sub() 與 sup()

標籤與標籤

sub下標

sup 上標

9. ASP .NET 的開發語言有：C#、F# 和 Visual Basic (VB)。

10. HTTP

http協議是一種通用的，無狀態，持久鏈接的應用層協議，基於標準的客戶機/服務器模型。

HTTP請求由三部分組成，分別是：請求行，消息報頭，請求正文。

與HTTP請求相似，HTTP響應也是由三個部分組成，分別是：狀態行，消息報頭，相應正文。（採用「請求/響應」的交互模式，相似於MIME的消息結構）

http協議既能夠提供一個請求使用一個鏈接，也能夠提供多個請求使用一個鏈接。

HTTP服務器，默認監聽的端口號和協議爲80/tcp（但不只限於80端口，必須使用tcp協議）

FTP協議：21端口

TELNET：23端口

TFTP(簡單文件傳送協議)服務器的UDP端口號都是69

25端口分配給SMTP（簡單郵件傳輸協議）服務，

135端口分配給RPC（遠程過程調用）服務等等。

B/S 和 C/S均可以擴展成三層或者多層架構

10.1 web的工做原理

www被稱爲萬維網，簡稱web

http協議經過瀏覽器和服務器進行數據交互。Web服務器有是也叫HTTP服務器或Web容器。HTTP協議採用的是請求/響應模式。即客戶端發起HTTP請求，web服務器接收並解析處理HTTP請求，而後將HTTP響應發送給客戶端。

純粹的html格式的頁面一般被稱爲「靜態頁面」，靜態頁面一般用來存放那些固定不變的文檔，網址的形式一般以.htm結尾，可出現動態效果（gif動畫，flash，滾動字幕），靜態網頁能提升網站的訪問速度，利於搜索引擎收錄。

AJAX是一個基於JavaScript並整合了XHTML、XML、DOM等技術，是實現的一個客戶機端/服務器端混合式動態頁面編程框架。

動態網頁的語言包括：html+asp 或者 html+jsp 或者 heml+php

PHP

php是一種服務器端，跨平臺，html嵌入式的腳本語言，是一種動態網頁技術。
php能夠和多種web服務器配合使用，（Apache、IIS等）
php和html共存於一個文件夾中，採用模板技術分離程序代碼和html腳本語言，php腳本解釋過程均在服務器進行。
客戶機瀏覽器只能看到從服務器返回的html頁面，沒法讀取php代碼，保證了系統的安全性。

Java Servet 與 Java Applet

Java Servet是要遵循必定規範的，運行於web服務器端、供服務器調用和執行的java類。（jsp和Java Servet都是建立動態網頁的技術，jsp頁面在執行前會被翻譯成servet）

Java Applet就是用Java語言編寫的一些應用小程序，能夠直接嵌入到網頁中，哪一個用戶訪問這個網頁，Applet被下載到這個用戶的計算機上執行。（java applet 是屬於動態網頁技術）

11. css樣式表（Cascading Style Sheets）

css樣式表優先級：行內樣式，文檔層樣式，外部樣式

12.域名系統DNS

它做爲將域名和IP地址相互映射的一個分佈式數據庫，可以令人更方便地訪問互聯網。

DNS使用TCP和UDP 端口53。

ip地址採用的是點分十進制表示法

URL用於表示網絡資源定位符

13. 數據庫設計的6個階段：

需求分析階段

需求分析階段能夠使用的工具：數據流圖DFD圖，數據字典DD，斷定樹與斷定表複製代碼

概念結構設計階段（自頂向下，自底向上）
邏輯結構設計階段（包括設計er圖）
物理結構設計階段
數據庫實施階段
數據庫運行與維護階段

數據管理髮展至今經歷了三個階段：

人工管理階段
文件系統階段
數據庫系統階段（結構簡單，使用方便，邏輯性強，物理性少。一直佔據數據庫領域的主導地位）

14. 排序

冒泡排序

原理：比較相鄰的兩個數，將小數方在前面，大數放在後面。總共排序次數：（n-1）次
1836207
1362078
1320678
1203678
1023678
0123678
    const array = [ 1, 8, 3, 6, 2, 0, 7 ];
    const newArray = [];
    for (let i = 0; i < array.length; i++) {
      for (let j = 0; j < array.length - 1 - i; j++) {
        if (array[ j + 1 ] < array[ j ]) {
          const temp = array[ j ];
          array[ j ] = array[ j + 1 ];
          array[ j + 1 ] = temp;
        }
      }
    }
    console.log(array);    // [0, 1, 2, 3, 6, 7, 8]複製代碼