分享Web前端的相關知識

這篇文章主要介紹“分享Web前端的相關知識”，在日常操作中，相信很多人在分享Web前端的相關知識問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”分享Web前端的相關知識”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

一、HTML

· 置換元素 ：瀏覽器根據元素的標簽和屬性來決定元素的具體顯示內容

· 非置換元素 ：瀏覽器的大多數元素都是不可置換元素，即其內容直接展示給瀏覽器

· input 元素設置 readonly:true => 腳本無法修改 input 的值 (F)

· input 元素設置 disabled:true => 腳本無法修改 input 的值(F)

· input 元素設置 readonly:true => input 的值不會隨表單提交(F)

· input 元素設置 disabled:true => input 的值不會隨表單提交(T)

· DHTML 的動態樣式作用：使網頁作者改變內容的外部特征而不強制用戶再次下載全部內容

· HTML5 獲取某用戶當前位置信息 => getCurrentPosition()

· reflow(回流) => 對 DOM 樹進行渲染，修改 DOM 或修個元素的形狀大小，就會觸發 reflow

· enctype => 規定在發送發送服務器之前對表單數據進行編碼的方式

application/x-www-form-urlencoded

multipart/form-data

text/plan

· htmlDoctype 告訴瀏覽器文檔使用哪一種 html 或者 xhtml

· 不同文檔模式(htmlDoctype)影響 css 內容呈現，尤其是對盒模型

· 文檔模式使得不同瀏覽器在混雜模式下差異大

二、CSS

· 當 margin-top 、 padding-top 的值是百分比時，分別計算相對最近父級元素的 width，相對最近父級元素的 width

· position: static => 無定位

· position: absolute => 絕對定位

· position: fixed => 相對窗口的固定定位

· position: relative => 相對定位

· mozilla(gecko) 內核 => 瀏覽器：firefox、flock 等 => css 兼容前綴：-moz

· Webkit 內核 => 瀏覽器：safari、chrome 等 => css 兼容前綴：-Webkit

· opera 內核 => 瀏覽器：opera 等 => css 兼容前綴：-o

· trident 內核 => 瀏覽器：ie 等 => css 兼容前綴：-ms

· 選擇器優先級：ID 選擇器>class選擇器=偽類選擇器>標簽名陳選擇器

· 在不涉及樣式情況下，頁面元素的優先顯示與結構擺放順序無關(F)

三、JavaScript

· Promise 的三種狀態

o 異步操作(未完成)=> pending

o 異步操作(已完成)=> resolved (又稱 fulfilled )

o 異步操作(失 敗) => rejected

o 狀態改變只能是 pending => resolved 或者 pending => rejected

o 狀態一旦改變就不能再次進行改變

· JavaScript 基本數據類型：String、Boolean、Null、Number、undefind

· JavaScript 復雜數據類型：Object、Array、Function、RegExp、Date、Error

· JavaScript 全局數據類型：Math

· JavaScript 全局函數：escape()、eval()、isFinte()、isNaN()、parseFloat()、parseInt()、unescape()

· JavaScript 異步編程

回調函數

事件監聽

發布/訂閱

Promise 對象

· RegExp 對象三個方法 => test() 、 exec() 、 compile()

· JavaScript 內置對象：Arguments(函數參數集合)、Array(數組)、Boolean(布爾)、Date(日期)、Error(異常)、Function(函數)、Math(數學)、Number(數值)、Object(基礎)、String(字符串)、RegExp(正則表達式)

· history.length 返回瀏覽器你是列表的 URL 的數量

· history.back() 加載 history 列表的前一個 URL

· history.forward() 加載 history 列表的下一個 URL

· history.go() 加載 history 列表中的某個具體頁面

· call 與 apply 都屬于 Function.prototype 的一個方法，所以每一個 Function 實例都有 call、apply 屬性

· call 第一個參數是 this，傳遞給函數的參數必須逐個列舉出來;apply 傳遞函數的參數是數組，就是多個參數組合成一個數組傳入

· call 傳入的是直接參數列表，可見一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象

· 跨域 => 瀏覽器不會將存在跨域限制的服務端口響應正常交給客戶端代碼去處理

· hasOwnproperty() => 判斷一個對象是否包含有屬性或者對象

· isPrototypeOf() => 判斷檢查其原型鏈對象是否存在于指定對象中

· 把鼠標一定到按鈕上點擊，發生 => hover -> focus -> active

· Ajax 的優勢在于開放性、易用性及易于開發

· Flash 的優勢在于多媒體處理，可以更容易地調用瀏覽器之外的外部資源

· Ajax 最主要的批評就是他可能壞瀏覽器地后退功能

· Flash 文件經常會很大，用戶第一次使用的是否需要讓來的時間較長

四、網絡基礎

TCP/IP

443

UDP

53

五、進程和線程

· 進程是資源分配的最小單位

· 線程是資源調度的最小單位

· 進程是動態的、多個進程可以包含相同的程序和多個進程可以進行并發運行

到此，關于“分享Web前端的相關知識”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！