web 考試筆記

昔憶落落發表於2019-03-14
Web筆記

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 屬性）。
  • reltext規定當前文件與被連結文件之間的關係。
    target
    • _blank         在新視窗開啟連結
    • _parent
    • _self
    • _top
    • framename
    		規定在何處開啟連結文件。

  • 建立電子郵件連結

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

去掉超文字文字修飾：

        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 元素的型別。

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

alttext定義影像輸入的替代文字。
disableddisabled當 input 元素載入時禁用此元素
multiplemultiple如果使用該屬性，則允許一個以上的值。（multiple="multiple"）

form表單

action（必填）URL規定當提交表單時向何處傳送表單資料。（指定需要處理資料的網頁或程式）
method
  • get
  • post
規定用於傳送 form-data 的 HTTP 方法（預設get）。（get傳輸資料量小，post可以傳輸大量資料，上傳檔案時只能用post）

submit按鈕的作用是對錶單資料進行編碼並送到伺服器

下拉選單：

    <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 等

多行文字輸入控制元件：textarea標籤 

<textarea rows="3" cols="20">
在w3school，你可以找到你所需要的所有的網站建設教程。
</textarea>
// 3行20列複製程式碼

js

1. 字串的反轉

2. confirm

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

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 上標

web 考試筆記

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

web 考試筆記

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

  1. php是一種伺服器端，跨平臺，html嵌入式的指令碼語言，是一種動態網頁技術。
  2. php可以和多種web伺服器配合使用，（Apache、IIS等）
  3. php和html共存於一個資料夾中，採用模板技術分離程式程式碼和html指令碼語言，php指令碼解釋過程均在伺服器進行。
  4. 客戶機瀏覽器只能看到從伺服器返回的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個階段：

  1. 需求分析階段

    需求分析階段可以使用的工具：資料流圖DFD圖，資料字典DD，判定樹與判定表複製程式碼

  2. 概念結構設計階段（自頂向下，自底向上）
  3. 邏輯結構設計階段（包括設計er圖）
  4. 物理結構設計階段
  5. 資料庫實施階段
  6. 資料庫執行與維護階段

資料管理髮展至今經歷了三個階段：

  1. 人工管理階段
  2. 檔案系統階段
  3. 資料庫系統階段（結構簡單，使用方便，邏輯性強，物理性少。一直佔據資料庫領域的主導地位）

14. 排序

  1. 氣泡排序

    原理：比較相鄰的兩個數，將小數方在前面，大數放在後面。總共排序次數：（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]複製程式碼

  2. 快速排序
  3. 堆排序
  4. 直接插入排序

  5. 長度為n的有序線性表，在最壞情況下，二分查詢只需要比較log2n次。

web 考試筆記

順序儲存與鏈式儲存的區別：

  1. 連結串列儲存結構的記憶體地址不一定是連續的，但順序儲存結構的記憶體地址一定是連續的；
  2. 鏈式儲存適用於在較頻繁地插入、刪除、更新元素時，而順序儲存結構適用於頻繁查詢時使用。

順序儲存結構和鏈式儲存結構的優缺點：

  • 空間上
    順序比鏈式節約空間。是因為鏈式結構每一個節點都有一個指標儲存域。

  • 儲存操作上：
    順序支援隨機存取，方便操作

  • 插入和刪除上：
    鏈式的要比順序的方便（因為插入的話順序表也很方便，問題是順序表的插入要執行更大的空間複雜度，包括一個從表頭索引以及索引後的元素後移，而連結串列是索引後，插入就完成了）。

演算法設計的要求

  • 時間效率高
  • 儲存量低

程式流程圖中，帶箭頭的線段表示控制流。

web 考試筆記結構化程式設計的四個基本原則：

  1. 自頂向下
  2. 逐步求精
  3. 模組化
  4. 限制使用GOTO語句

Inter常用協議屬於傳輸層的是：TCP UDPweb 考試筆記

笛卡爾積

web 考試筆記

自然連線：

web 考試筆記web 考試筆記

window.status

font-family 和 font-face

html 刪除線標籤： s標籤   del標籤

下劃線標籤：u


相關文章