好程式設計師Web前端分享一些小知識！

　　 好程式設計師 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

五、程式和執行緒

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

· 執行緒是資源排程的最小單位

· 程式是動態的、多個程式可以包含相同的程式和多個程式可以進行併發執行