這篇文章主要介紹“分享Web前端的相關(guān)知識(shí)”，在日常操作中，相信很多人在分享Web前端的相關(guān)知識(shí)問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”分享Web前端的相關(guān)知識(shí)”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

目前成都創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、蛟河網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

一、HTML

· 置換元素 ：瀏覽器根據(jù)元素的標(biāo)簽和屬性來(lái)決定元素的具體顯示內(nèi)容

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

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

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

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

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

· DHTML 的動(dòng)態(tài)樣式作用：使網(wǎng)頁(yè)作者改變內(nèi)容的外部特征而不強(qiáng)制用戶再次下載全部?jī)?nèi)容

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

· reflow(回流) => 對(duì) DOM 樹(shù)進(jìn)行渲染，修改 DOM 或修個(gè)元素的形狀大小，就會(huì)觸發(fā) reflow

· enctype => 規(guī)定在發(fā)送發(fā)送服務(wù)器之前對(duì)表單數(shù)據(jù)進(jìn)行編碼的方式

application/x-www-form-urlencoded

multipart/form-data

text/plan

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

· 不同文檔模式(htmlDoctype)影響 css 內(nèi)容呈現(xiàn)，尤其是對(duì)盒模型

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

二、CSS

· 當(dāng) margin-top 、 padding-top 的值是百分比時(shí)，分別計(jì)算相對(duì)最近父級(jí)元素的 width，相對(duì)最近父級(jí)元素的 width

· position: static => 無(wú)定位

· position: absolute => 絕對(duì)定位

· position: fixed => 相對(duì)窗口的固定定位

· position: relative => 相對(duì)定位

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

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

· opera 內(nèi)核 => 瀏覽器：opera 等 => css 兼容前綴：-o

· trident 內(nèi)核 => 瀏覽器：ie 等 => css 兼容前綴：-ms

· 選擇器優(yōu)先級(jí)：ID 選擇器>class選擇器=偽類選擇器>標(biāo)簽名陳選擇器

· 在不涉及樣式情況下，頁(yè)面元素的優(yōu)先顯示與結(jié)構(gòu)擺放順序無(wú)關(guān)(F)

三、JavaScript

· Promise 的三種狀態(tài)

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

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

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

o 狀態(tài)改變只能是 pending => resolved 或者 pending => rejected

o 狀態(tài)一旦改變就不能再次進(jìn)行改變

· JavaScript 基本數(shù)據(jù)類型：String、Boolean、Null、Number、undefind

· JavaScript 復(fù)雜數(shù)據(jù)類型：Object、Array、Function、RegExp、Date、Error

· JavaScript 全局?jǐn)?shù)據(jù)類型：Math

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

· JavaScript 異步編程

回調(diào)函數(shù)

事件監(jiān)聽(tīng)

發(fā)布/訂閱

Promise 對(duì)象

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

· JavaScript 內(nèi)置對(duì)象：Arguments(函數(shù)參數(shù)集合)、Array(數(shù)組)、Boolean(布爾)、Date(日期)、Error(異常)、Function(函數(shù))、Math(數(shù)學(xué))、Number(數(shù)值)、Object(基礎(chǔ))、String(字符串)、RegExp(正則表達(dá)式)

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

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

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

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

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

· call 第一個(gè)參數(shù)是 this，傳遞給函數(shù)的參數(shù)必須逐個(gè)列舉出來(lái);apply 傳遞函數(shù)的參數(shù)是數(shù)組，就是多個(gè)參數(shù)組合成一個(gè)數(shù)組傳入

· call 傳入的是直接參數(shù)列表，可見(jiàn)一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛? thisObj 指定的新對(duì)象

· 跨域 => 瀏覽器不會(huì)將存在跨域限制的服務(wù)端口響應(yīng)正常交給客戶端代碼去處理

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

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

· 把鼠標(biāo)一定到按鈕上點(diǎn)擊，發(fā)生 => hover -> focus -> active

· Ajax 的優(yōu)勢(shì)在于開(kāi)放性、易用性及易于開(kāi)發(fā)

· Flash 的優(yōu)勢(shì)在于多媒體處理，可以更容易地調(diào)用瀏覽器之外的外部資源

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

· Flash 文件經(jīng)常會(huì)很大，用戶第一次使用的是否需要讓來(lái)的時(shí)間較長(zhǎng)

四、網(wǎng)絡(luò)基礎(chǔ)

TCP/IP

443

UDP

53

五、進(jìn)程和線程

· 進(jìn)程是資源分配的最小單位

· 線程是資源調(diào)度的最小單位

· 進(jìn)程是動(dòng)態(tài)的、多個(gè)進(jìn)程可以包含相同的程序和多個(gè)進(jìn)程可以進(jìn)行并發(fā)運(yùn)行

到此，關(guān)于“分享Web前端的相關(guān)知識(shí)”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！