當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

（10）WEB复习

發布時間：2025/1/21 编程问答 20 豆豆

生活随笔收集整理的這篇文章主要介紹了（10）WEB复习小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文章目錄

- 名詞解釋
- - 1：HTTP
  - 2：XML
  - 3：REST
  - 4：Ajax
  - 5：SVG
  - 6：XSS
  - 7：RIA
  - 8：WSDL
  - 9：MashUp
  - 10：IP
  - 11：DNS
  - 12：URI
  - 13：URL
  - 14：URN
  - 15：網絡機器人
  - 16：web的進階
  - 17：插件
  - 18：四個常用的優化技術
  - 19：優化的思路
  - 20：具體的優化方式
  - 21：為什么要使用閉包
  - 22：CSS的選擇器的類型
  - 23：CSS的新特性
  - 24：為什么要是用JS的嚴格模式
  - 25 嚴格模式中有哪些要求
  - 26 let，var，const的區別
  - 27 閉包是什么，舉出例子并說明作用
  - 28 正則表達式
  - - 1：郵箱
    - 2：正整數
  - 29：什么是原型鏈
  - 30：DOM
  - 31 ：JS的表單驗證
- 1：HTML5的新特性
- 2：HTML的語義化的好處
- 3：為什么要使用CSS

名詞解釋

1：HTTP

超文本傳輸協議 hyper text transfer protocol的縮寫。是從萬維網的服務器傳輸超文本到本地瀏覽器的傳送協議。

HTTP是一個基于TCP / IP 通信協議來傳遞數據

2：XML

可擴展標記語言，精準通標記語言的子集，是一種用于標記電子文件使其具有結構性的標記語言。

3：REST

表述性狀態傳遞，是一種軟件架構風格。她是一種針對網絡應用開發和設計的開發方式，可以降低開發的復雜性。提高系統的可伸縮性

4：Ajax

異步的JS和XML，是指一種不需要刷新整個頁面也能夠進行數據瀏覽的技術。主要是通過XMLhttprequest這個模塊來實現的。

5：SVG

可縮放矢量圖形是基于可擴展標記語言（標準通用標記語言的子集），用于描述二維矢量圖形的一種圖形格式

6：XSS

跨站腳本攻擊。它指的是惡意攻擊者往web頁面插入惡意腳本代碼，當用戶瀏覽該頁的時候，嵌入其中的web腳本代碼就會被執行，從而達到惡意供給用戶的特殊目的。

7：RIA

豐富互聯網程序，具有高度的互動性，豐富用戶體驗以及功能強大的客戶端。

8：WSDL

網絡服務描述語言是web service 的描述語言，它包括一系列描述某個web service的定義

9：MashUp

將兩種以上使用公共或者私有數據庫的web應用，加在一起，形成一個整體的應用

10：IP

internet protocol 網絡互聯協議。是TCP/IP體系中的網絡層協議，通過IP的設置，可以實現大規模的，以后網絡的互聯互通。

11：DNS

domain sysytem。域名系統，將域名和和IP地址可以一一的對應起來，使得人們能夠更加便利的訪問互聯網。

12：URI

統一資源標識符，用于表示某一互聯網資源名稱的字符串。在web上可以對所有的資料，視頻，音頻，圖像，文本用一個通用資源標識符進行定位

13：URL

統一資源定位符，是一個網頁地址，其可以用IP地址來表示，也可以用網站的域名來表示

14：URN

統一資源名稱，是統一資源標識URI的歷史名字

15：網絡機器人

在網絡上用來爬取網站的信息的一段腳本或者是一段程序。又稱作網絡爬蟲，網絡蜘蛛，網絡機器人，網頁追逐者。

16：web的進階

web 1.0：網絡資源從信息產生著到信息客戶的單向流程
web2.0：所有人既是網絡資源的信息產生著，又是信息的客戶
web3.0：智能語義介入網絡資源流程，更有針對性的發送信息和獲取信息

17：插件

插件是一種遵循一定規范的應用程序接口編寫出來的程序
很多軟件都有插件，并且插件的好處可以更好的輔助用戶進行學習，工作，擴展功能
壞處就是一些惡意的插件會損害計算機。

18：四個常用的優化技術

提前拿到資源和確立優先級
提前進行TCP連接
提前進行渲染
提前確定域名

19：優化的思路

避免【不必要的請求字節，不必要的資源請求】
傳輸時候【資源傳輸前先壓縮，使用內容分發網絡，在客戶端儲存部分的資源】
減少【域名的查詢，TCP的連接，最少次數的http重定向】
使得請求和相應過程并行

20：具體的優化方式

CSS 減少CSS 避免絕對的放在文檔的頂部 CSS分離
image 確定合適的大小，不是讓瀏覽器去決定使用精靈
js 放在html的底部盡量使用外部的js
服務器減少域名的查詢數據的壓縮
html 與標準兼容去除空白符結構簡單做到web和移動的兼容

21：為什么要使用閉包

保護命名空間
不污染全局變量
利用局部變量
使得變量可以常駐內存
閉包可能會產生內存泄漏

22：CSS的選擇器的類型

id選擇器，但是盡量少用ID 用#
class 用.
后代選擇器 div p 【所有的,包括孫子，重孫】
子元素選擇器 div >p 【只要兒子】
相鄰兄弟選擇器 div+p 【只要挨著的P】
后續兄弟選擇器 div ~p 【后面的所有P】

23：CSS的新特性

矩形圓角的設置，透明度的設置
字體的拓展性和 font-size特性
使用column -count實現多列布局
響應式的web設計
盒子模型

24：為什么要是用JS的嚴格模式

消除JS的一些不合理，不嚴謹的地方，減少一些異常的代碼
- 保證安全性，消除代碼中的一些不安全的地方
- 提高編譯器效率，增加運行速度
- 為新版本的JS做好鋪墊
【安全，編譯，新版本】

25 嚴格模式中有哪些要求

目前大多數的瀏覽器還是以 ES5為主，有些實現了 ES6的部分功能

ES6的模塊自動采用嚴格模式，不管有沒有 use strict
變量先聲明，后使用【變量】
參數不能有同名的屬性【參數】
不能使用with【with】
不能對只讀的屬性進行賦值【賦值】
不能刪除不可刪除的屬性【刪除】
不能使用前綴0表示八進制數【八進制】
eval不會在他的外層作用域引入變量【eval】
eval 和arguements 不能被重新賦值【eval】
arguements不會自動反應函數參數的變化【參數】
不能使用 argueents. callee【參數】
不能使用arguements.caller【參數】
禁止this指向全局變量【this】
不能使用fn.caller和fn.arguemeents獲取函數調用的堆棧【堆棧】
增加了保留字（protected，static 和interface）【保留字】

變量先聲明后使用不能賦值只讀的屬性不能對不嫩格柵處的屬性進行山和督促不能是想用with 參數不能有同名的屬性不能使用前綴 0表示八進制水禁止this指向遷居汴梁增加了保留字 protected，static，interface。eval不能對變量和參數進行賦值。eval的變量和參數不能在他的外層作用域引入變量，不能引用eval中的聲明的變量。

ARguements.caller arguements.callee 不能使用 eavl和argeumnt不能被重新賦值 eval不能在他的外出呢過作用域引入變量不能使用fn。caller和fn.arguements獲取函數調用的堆棧

26 let，var，const的區別

var定義的變量，作用域是整個封閉函數中的，是全局的。let定義的，是塊級別的
變量提升：var聲明的變量處于當前的第幾行，都會提升到作用域的最頂部，而let聲明的變量不會在頂部初始化，凡是在let聲明之前使用該變量都會報錯
只要塊級作用域存儲let，它所聲明的變量就會綁定在這個區域
const表示一個常量，不可被更改，在聲明的時候就必須被初始化

【var全局let局部，const常量，var變量提升】

27 閉包是什么，舉出例子并說明作用

引用了自由變量的函數
- 自由變量是作用域中可以導出到外部作用域的變量
- 函數內部變量和函數參數都可以是自由變量
- 函數參數不包含this和arguements
作用
- 實現私有成員
- 保護命名空間
- 避免污染全局變量
- 變量需要常駐內存

var log=(function(){var counter=0;return function(){return counter+=1;} })();add(); add(); add(); console.log(add());4

28 正則表達式

1：郵箱

/[\w\-]+\@[\w\-]+\.[\w\-]+/

2：正整數

/^[1-9]*[1-9][0-9]*$/

* 是0次或者是多次

+ 是一次或者是多次

？是零次或者是一次

29：什么是原型鏈

每一個對象都有一個原型_proto_，而原型也可以由自己的原型，這樣依次類推下去，就會形成形成一個原型鏈。查找特定屬性的時候，我們就先從這個對象查起，如果沒有，我們就去它的原型對象里面查找，一直向上的查找下去，這就是我們所說的原型鏈。

30：DOM

document object model 文檔對象模型，指的是我們整個的html可以被看做是一個對象，文檔對象。它具有特定的結構

是標準對象模型
是標準編程接口
W3C的標準
定義了HTML元素的所有對象和屬性，以及訪問他們的方法

【標準，接口，定義了】

31 ：JS的表單驗證

數據在送往服務器之前對html表單中輸入數據進行驗證
表單提交，在form標簽中增加onsubmit實踐來判斷表單提交是否成功

1：HTML5的新特性

【結構化便簽，多媒體標簽，圖形繪制，新表單元素，離線的存儲，表單控件，性能和集成，】

html加入了語義化標簽比如footer，article，header，nav
增加了canvas 新元素，圖形的繪制和表格
多媒體元素，比如audio，video。source
增加了新表單元素 datalist，keygen，output
新的表單控件 date time email url
離線存儲
有效的支持多重設備訪問，與操作系統的集成更加的堅牢。
樣式，支持了CSS3
增加三維，圖形和特效
數據連通，改善前后數據交互，websocket技術減少了 header traffic，不需要輪詢，全雙工
性能與集成

2：HTML的語義化的好處

去掉樣式或者樣式丟失的時候會讓頁面呈現清晰的結構
屏幕閱讀器會完全按照你的標記來閱讀網頁
搜索引擎的爬蟲也依賴標價來確定上下文和各個關鍵字的權重
爬蟲只注重語義，很大程度上會丟失標記
便于團隊的開發和維護

3：為什么要使用CSS

使得樣式和內容分離，更好的進行擴展和維護
使得一種樣式能夠修飾多個內容，增加其效率

【服務器傳輸超文本的協議，基于TCP/IP】

總結

以上是生活随笔為你收集整理的（10）WEB复习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：（9）WEB复习
下一篇：（1 LEETCODE）2. Add T