前端g6實例

『壹』 vue前端如何實現文件文件夾系統

文件上傳頁面的前端可以選擇使用一些比較好用的上傳組件，例如網路的開源組件WebUploader，澤優軟體的up6，這些組件基本能滿足文件上傳的一些日常所需功能，如非同步上傳文件，文件夾，拖拽式上傳，黏貼上傳，上傳進度監控，文件縮略圖，甚至是大文件斷點續傳，大文件秒傳。
需求：
支持大文件批量上傳（20G）和下載，同時需要保證上傳期間用戶電腦不出現卡死等體驗；
內網百兆網路上傳速度為12MB/S
伺服器內存佔用低
支持文件夾上傳，文件夾中的文件數量達到1萬個以上，且包含層級結構。
支持PC端全平台操作系統，Windows,Linux,Mac
支持文件和文件夾的批量下載，斷點續傳。刷新頁面後繼續傳輸。關閉瀏覽器後保留進度信息。
支持文件夾批量上傳下載，伺服器端保留文件夾層級結構，伺服器端文件夾層級結構與本地相同。

『貳』 前端開發的基本方法

CSS部分

盒子邊傾斜

clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);

禁止點擊事件/滑鼠事件「穿透」

div * { pointer-events: none; /*鏈接啊，點擊事件啊，都沒有效果了*/ }

用來控制元素在移動設備上使用滾動回彈效果

.main{
-webkit-overflow-scrolling: touch;
}

可解決在IOS中使用overflow:auto 形成的滾動條，滾動不流暢的情況

文字漸變效果

.text-gradient{ background-image: linear-gradient(135deg, deeppink, deepskyblue);
-webkit-background-clip: text; color: transparent;
}

css三角形

#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;

}

實現圓弧

clip-path: ellipse(80%60% at50%40%);

JS部分

JavaScript中檢測數組的方法

(1)、typeof操作符

這種方法對一些常用的類型檢查沒有問題，但對array和null 都判斷為object
(2)、instanceof操作符

這個操作符是檢測對象的原型鏈是否指向構造函數的prototype對象的
(3)、對象的constructor屬性

const arr = []

console.log(arr.constructor === Array) // true

(4)、Object.prototype.toString

constarr=[]console.log(Object.prototype.toString.call(arr)==='[objectArray]')//true

(5)、Array.isArray()

常用的字元串操作

• 字元串轉化toString()

• 字元串分隔split()

• 字元串替換replace()

• 獲取長度length

• 查詢子字元串 indexOf

• 返回指定位置的字元串或字元串編碼 charAt charCodeAt

• 字元串匹配 match

• 字元串拼接concat

• 字元串的切割或提取slice() substring() substr()

• 字元串大小寫轉化 toLowerCase toUpperCase

• 字元串去空格 trim() 用來刪除字元串前後的空格

其中第9中三者的區別如下：
（1）slice(), 參數可以是負數，負數表示從字元串最後一個位置開始切割到對應結束位置
（2）substring()，參數不可為負數，切割第一個位置到第二個位置的字元串
（3）substr()， 參數可以是負數，第一個參數是開始位置，第二個參數為切割的長度
字元串去重

• const str = '11122223333'const uniqueStr = [...new Set(str)].join('')



常用的數組操作

1、Array.map()
此方法是將數組中的每個元素調用一個提供的函數，結果作為一個新的數組返回，並沒有改變原來的數組
2、Array.forEach()
此方法是將數組中的每個元素執行傳進提供的函數，沒有返回值，注意和map方法區分
3、Array.filter()
此方法是將滿足條件的元素作為一個新數組返回
4、Array.every()
此方法將數組所有元素進行判斷返回一個布爾值，如果所有元素都符合判斷條件，則返回true，否則返回false
5、Array.some()
此方法將數組所有元素進行判斷返回一個布爾值,如果有一個元素滿足判斷條件，則返回true，所有元素都不滿足則返回false
6、Array.rece()
此方法為所有元素調用返回函數
7、Array.push()
在數組最後面添加新元素
8、Array.shift()
刪除數組第一個元素
9、Array.pop()
刪除數組最後一個元素
10、Array.unshift()
在數組最前面增加元素
11、Array.isArray()
判斷是否為一個數組
12、Array.concat()
數組拼接
13、Array.toString()
數組轉化為字元串
14、Array.join()
數組轉化為字元串，並用第一個參數作為連接符
15、Array.splice(開始位置，刪除個數，元素)
其中rece使用方法為：

• arr.rece(callback,[initialValue])



• 跳過第一個索引。如果提供initialValue，從索引0開始。



callback （執行數組中每個值的函數，包含四個參數）
1、previousValue （上一次調用回調返回的值，或者是提供的初始值（initialValue））
2、currentValue （數組中當前被處理的元素）
3、index （當前元素在數組中的索引）
4、array （調用 rece 的數組） initialValue （作為第一次調用 callback 的第一個參數。）
如果沒有提供initialValue，rece 會從索引1的地方開始執行 callback 方法，

數組去重：

• const arr = [1, 2, 3, 1, 2, 3]const uniqueArr = [...new Set(arr)]



常用對象方法

1、Object.assign()
用於克隆，兩個參數，將第二個對象分配到第一個中
2、Object.is()
用於判斷兩個值是否相同
//注意，該函數與==運算符不同，不會強制轉換任何類型， 應該更加類似於===，但值得注意的是它會將+0和-0視作不同值
3、Object.keys()
用於返回對象可枚舉的屬性和方法的名稱，返回一個屬性或方法名稱的字元串數組。
4、Object.defineProperty()
劫持變數的set和get方法,將屬性添加到對象，或修改現有屬性的特性

• var a = {};Object.defineProperty(a, 'name', { value : 'kong', enumerable : true //該屬性是否可枚舉})



5、Object.defineProperties()
可添加多個屬性,與Object.defineProperty()對應,
6、isPrototypeOf

• function a(){}


• var b = new a();console.log(a.prototype.isPrototypeOf(b));//true



安卓監聽可視區域變化，讓輸入框移動至可視區域

• if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function () { if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { window.setTimeout(function () { document.activeElement.scrollIntoViewIfNeeded();


• }, 0);


• }


• });


• };



vue中平滑滾動到某個位置

this.$refs.rule.scrollIntoView({ block: 'start', behavior: 'smooth' })

向URL追加參數

• /**


• * 向URL追加參數


• * @function stringifyUrlArgs


• * @param {string} url - URL路徑


• * @param {object} params - 參數對象


• * @return {string}


• const stringifyUrlArgs = (url, params) => {


• url += (/?/).test(url) ? '&' : '?'


• url += Object.keys(params).map(key => `${key}=${params[key]}`).join('&') return url


• }



解析URL參數

• /**


• * 解析URL參數


• * @function parseUrlArgs


• * @param {string} url - 字元串


• * @return {object}export const parseUrlArgs = url => { const arr = url.match(/([^?=&]+)(=([^&]*))/g) || [] const args = arr.rece((a, v) => {


• a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1) return a


• }, {}) return args


• }



好用的JavaSrcipt庫與模塊（包）

日期時間處理庫

1、monent.js
2、day.js
day相對於monent要輕量許多

高精度數學運算

number-precision

• NP.strip(num) // strip a number to nearest right numberNP.plus(num1, num2, num3, ...) // addition, num + num2 + num3, two numbers is required at least.NP.minus(num1, num2, num3, ...) // subtraction, num1 - num2 - num3NP.times(num1, num2, num3, ...) // multiplication, num1 * num2 * num3NP.divide(num1, num2, num3, ...) // division, num1 / num2 / num3NP.round(num, ratio) // round a number based on ratio



實用工具庫

Lodash
lodash 是一個 JavaScript 實用工具庫，提供一致性，及模塊化、性能和配件等功能。
Lodash 消除了處理數組的麻煩，從而簡化了 JavaScript、 數字、對象、字元串等

『叄』 前端常用的框架有哪些

給大家介紹幾個在Web前端界比較優秀的前端框架。

1、Bootstrap

Twitter出品的Bootstrap在業界是非常受歡迎的，以致於有很多前端框架都在其基礎上開發，如我們熟悉的WeX5就是在Bootstrap源碼基礎上優化而來的。我相信大多數接觸過前端開發的同學多少都了解過這個優秀的前端框架。Bootstrap是基於HTML、CSS和Javascript的，它簡潔靈活，可以使得Web開發更加敏捷。

它提供優雅的HTML和CSS規范，在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件，並包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、標簽頁、滾動條和彈出框等。

2、Foundation框架

Foundation框架總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思，它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給你項目中強有力的創造與支持。相對於Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。

而Bootstrap則致力於提供所有定義好的元素，這樣使得看起來許多網站都差不多。Foundation默認不帶圖標集，它推薦使用開源字體圖標。與Bootstrap一樣，Foundation使用網格流式布局將網頁劃分為12列，針對不同的設備顯示不同的列數，實現響應式布局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進一步了解。

3、Curl

Curl 是一個命令行工具，用於通過 HTTP(s)、FTP 和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。

在 Web 開發中，Curl 經常和 RESTful API 一起使用，用於測試連接。

# Fetch the headers of a URL.curl -I http://google.comHTTP/1.1 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: http://www.google.com/?gfe_rd=cr&ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl http://numbersapi.com/random/trivia29 is the number of days it takes Saturn to orbit the Sun.

Curl 命令可能比上述代碼更復雜。有許多選項用於控制 headers、Cookie、身份驗證等。了解更多，請閱讀Everything curl。

4、Tree

Tree 是一個小型的命令行實用程序，它將目錄中的文件以可視化的方式進行顯示。它採用遞歸運行的方式，遍歷每個級別的嵌套並繪制所有內容的格式樹。這樣就能快速的瀏覽並查找需要的文件。

tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ └── glyphicons-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js

還可以使用簡單的 regEx 模式來過濾結果：

tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js

5、Tmux

根據維基的解釋，Tmux 是一個終端復用器。通俗的說，它是一個能將多個終端連接到單個終端會話的工具。

Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，並將多個終端連接到同一個會話，使其保持同步。在遠程伺服器上工作時，Tmux 特別有用，因為它允許用戶創建新的選項卡，而無需再次登錄。

6、

命令用於生成關於文件和目錄的空間使用情況的報告。很容易使用，可以遞歸地運行，遍歷每個子目錄並返回每個文件的大小。

的常見用例是：當某個驅動器的空間不足，用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所佔用的存儲空間，從而找到佔用最大空間的存儲器。

7、AUI

AUI是最近流行起來的，作者聲稱是專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題，是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易於擴展使用。遵循Google Material設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。AUI是使用MIT License授權，你可以復制、出售。目前最新版本2.0。

8、Amaze UI

這是稱為妹子UI的開源框架，據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。

9、Frozen UI

Frozen UI是一款開源，簡單易用，輕量敏捷的移動端框架。基於手Q樣式規范，目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然，根據網友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的最後更新時間是一年前，難道已經沒人維護了嗎？

# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

還有一個相似的命令 df（Disk Free），使用df會返回有關可用磁碟空間的各種信息。

以上介紹了現在熱門的幾個Web前端框架，以及它們的主要功能，希望對大家學習Web前端有所幫助。

『肆』 學習Web前端 如何快速的從入門到精通

前端開發可以自學，也可以選擇口碑好、信譽佳的機構學。

互聯網的發展帶動了多種行業的發展，Web前端在互聯網行業也發揮著越來越重要的作用。Web前端開發不僅在形式、內容和功能上也有了極大的豐富，而且對前端開發人員的要求越來越高。

web全棧工程師5.0課程學習內容包括：

①計算機基礎以及PS基礎

②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）

③移動開發

④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）

⑤小程序開發

⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）

⑦就業拓展（網站SEO與前端安全技術）

互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。

想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。

祝你學有所成，望採納。

『伍』 常用的前端框架有哪些

1. Twitter BootStrap （Apache v2.0；響應式）
時髦、直觀並且強大的前端框架，讓Web開發變得更加容易。

2. Foundation （MIT；響應式）
最先進的響應式前端框架。
3. 960gs（GPL&MIT；響應式）
960gs提供了一個簡單的網格系統，適合快速開發。
4. Skeleton（MIT；響應式）
非常漂亮的Web模板，適合響應式、移動友好的開發。
5. 99lime HTML KickStart（Free）
適合網站快速開發的極簡HTML構建模塊。
6. Kube（Free；響應式）
面向專業人員的CSS框架。
7. Less Framework（MIT；響應式）
自適應的CSS網格系統。
8. Flameinwork（Free）
適合懶人開發者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework（Free）
Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。
11. Blueprint（Free）
一個旨在減少開發時間的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，適合開發現代化浮動布局。
13. BlueTrip（Free）
一個功能全面、並且美麗的CSS框架，適合於Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度，六種不同的模板。
15. 52framework（Creative Commons）
對HTML5支持非常好，簡單易用。
16. elastiCSS（MIT）
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic（Free）
一個與眾不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）

Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一個面向對象的CSS框架，能讓你的工作流更加簡潔。xCSS基於CSS，可以在開發復雜樣式時，提供面向對象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。

『陸』 我的電腦前端匯流排到底是多少

電腦有許多配件，配件不同，速度也就不同。在286、386和早期的486電腦里，CPU的速度不是太高，和內存保持一樣的速度。後來隨著CPU速度的飛速提升，內存由於電氣結構關系，無法象CPU那樣提升很高的速度（就算現在內存達到400、533，但跟CPU的幾個G的速度相比，根本就不是一個級別的），於是造成了內存和CPU之間出現了速度差異，這時就提出一個CPU的主頻、倍頻和外頻的概念，外頻顧名思義就是CPU外部的頻率，也就是內存的頻率，CPU以這個頻率來與內存聯系。CPU的主頻就是CPU內部的實際運算速度，主頻肯定是比外頻高的，高一定的倍數，這個數就是倍頻。舉個例子，你從電腦垃圾堆里揀到一個被拋棄的INTEL 486 CPU，上面印著486 DX/2 66。這個486的CPU的主頻是66MHZ， DX/2代表是2倍頻的，於是算出CPU的外頻是33MZ，也就是內存的工作頻率，這同時也是前端匯流排FSB的頻率。因為CPU是通過前端匯流排來與內存發生聯系的，所以內存的工作頻率（或者說外頻也行）就是前端匯流排的頻率。剛才這個垃圾堆里的486 CPU，前端匯流排的頻率就是33MZ。這樣的前端匯流排結構一直延續到486之後的奔騰（俗話說的586）、奔騰2、奔騰3，例如一顆奔3 933MHZ的CPU，外頻133，也就是說它的前端匯流排是 133MHZ，內存工作頻率也是133。

到了奔騰4年代，內存和CPU的工作模式發生了改變，前端匯流排的概念也變得有些復雜。奔騰4 CPU採用了Quad Pumped（4倍並發）技術，該技術可以使系統匯流排在一個時鍾周期內傳送4次數據，也就是傳輸效率是原來的4倍，相當於用了4條原來的前端匯流排來和內存發生聯系。在外頻仍然是 133MHZ的時候，前端匯流排的速度增加4倍變成了133X4=533MHZ，當外頻升到200MHZ，前端匯流排變成800MHZ，所以你會看到533前端匯流排的P4和800前端匯流排的P4，就是這樣來的。他們的實際外頻只有133和200，但由於人們保留了以前老的概念——前端匯流排就是外頻，所以習慣了這樣的叫法：533外頻的P4和800外頻的P4。其實還是叫533前端匯流排或533 FSB的P4比較合適。

那內存的情況怎麼樣呢？外頻不完全等於前端匯流排了，那外頻還等於內存的頻率嗎？內存發展到了DDR，跟原來相比，一個時鍾周期內可以傳送比原來多一倍的數據，DDR就是DOUBLE DATA RATE的縮寫，意思就是雙倍的數據傳輸速率。在133MHZ的外頻下，DDR的傳輸速度是266，外頻提高到200MHZ的時候，DDR的傳輸速度是400，DDR266的內存和DDR400的內存就是這個意思。

再看一下現在外頻、內存頻率、CPU的前端匯流排的的關系。在以前P3的時候，133的外頻，內存的頻率就是133，CPU的前端匯流排也是133，三者是一回事。現在P4的CPU，在133的外頻下，前端匯流排達到了533MHZ，內存頻率是266（DDR266）。問題出現了，前端匯流排是CPU與內存發生聯系的橋梁，P4這時候的前端匯流排達到533之高，而內存只有266的速度，內存比CPU的前端匯流排慢了一半，理論上CPU有一半時間要等內存傳數據過來才能處理數據，等於內存拖了CPU的後腿。這樣的情況的確存在的，845和848的主板就是這樣。於是提出一個雙通道內存的概念，兩條內存使用兩條通道一起工作，一起提供數據，等於速度又增加一倍，兩條DDR266就有266X2=533的速度，剛好是P4 CPU的前端匯流排速度，沒有拖後腿的問題。外頻提升到200的時候，CPU前端匯流排變為800，兩條DDR400內存組成雙通道，內存傳輸速度也是800了。所以要P4發揮好，一定要用雙通道內存，865以上的主板都提供這個功能。但845和848主板就沒有內存雙通道功能了。

剛才說的是INTEL P4的FSB概念，它的對手AMD的CPU有所不同。

舊的462針腳的AMD CPU，採用ev6前端匯流排，相當於外頻的兩倍，也就是133外頻時，AMD 462腳的CPU的FSB是266，使用 DDR266內存和他搭配就剛剛好，如果用兩條DDR266做成雙通道，雖然內存有533的傳輸速度，但對於266的FSB，作用不大，所以雙通道內存對 CPU的幫助不明顯。

『柒』 Web前端崗位面試題有哪些

HTML+CSS
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外
鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維
護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；

2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。

3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug

4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
Css盒模型:內容，border ,margin，padding

5.CSS引入的方式有哪些? link和@import的區別是?
內聯 內嵌 外鏈 導入
區別 ：同時載入
前者無兼容性，後者CSS2.1以下瀏覽器不支持
Link 支持使用javascript改變樣式，後者不可

6.CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先順序高?
標簽選擇符 類選擇符 id選擇符
繼承不如指定 Id>class>標簽選擇
後者優先順序高

7.前端頁面有哪三層構成，分別是什麼?作用是什麼?
結構層 Html 表示層 CSS 行為層 js

8.css的基本語句構成是?
選擇器{屬性1:值1;屬性2:值2;……}

9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?
Ie(Ie內核) 火狐（Gecko） 谷歌（webkit） opear(Presto)

10.寫出幾種IE6 BUG的解決方法
1.雙邊距BUG float引起的 使用display
2.3像素問題 使用float引起的 使用dislpay:inline -3px
3.超鏈接hover 點擊後失效 使用正確的書寫順序 link visited hover active
4.Ie z-index問題 給父級添加position:relative
5.Png 透明 使用js代碼 改
6.Min-height 最小高度 ！Important 解決』
7.select 在ie6下遮蓋 使用iframe嵌套
8.為什麼沒有辦法定義1px左右的寬度容器（IE6默認的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

11.標簽上title與alt屬性的區別是什麼?
Alt 當圖片不顯示是 用文字代表。
Title 為該屬性提供信息

12.描述css reset的作用和用途。
Reset重置瀏覽器的css默認屬性 瀏覽器的品種不同，樣式不同，然後重置，讓他們統一

13.解釋css sprites，如何使用。
Css 精靈 把一堆小的圖片整合到一張大的圖片上，減輕伺服器對圖片的請求數量

14.瀏覽器標准模式和怪異模式之間的區別是什麼?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可顯示為什麼模式

15.你如何對網站的文件和資源進行優化?期待的解決方案包括：
文件合並
文件最小化/文件壓縮
使用CDN託管
緩存的使用

16.什麼是語義化的HTML?
直觀的認識標簽 對於搜索引擎的抓取有好處

17.清除浮動的幾種方式，各自的優缺點
1.使用空標簽清除浮動 clear:both（理論上能清楚任何標簽，，，增加無意義的標簽）
2.使用overflow:auto（空標簽元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用於兼容IE）
3.是用afert偽元素清除浮動(用於非IE瀏覽器)

Javascript
1.javascript的typeof返回哪些數據類型
Object number function boolean underfind

2.例舉3種強制類型轉換和2種隱式類型轉換?
強制（parseInt,parseFloat,number）
隱式（== – ===）

3.split() join() 的區別
前者是切割成數組的形式，後者是將數組轉換成字元串

4.數組方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部刪除
Unshift()頭部添加 shift()頭部刪除

5.事件綁定和普通事件有什麼區別

6.IE和DOM事件流的區別
1.執行順序不一樣、
2.參數不一樣
3.事件加不加on
4.this指向問題

7.IE和標准下有哪些兼容性的寫法
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target

8.ajax請求的時候get 和post方式的區別
一個在url後面 一個放在虛擬載體裡面
有大小限制
安全問題
應用不同 一個是論壇等只需要請求的，一個是類似修改密碼的

9.call和apply的區別
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments)

10.ajax請求時，如何解釋json數據
使用eval parse 鑒於安全性考慮 使用parse更靠譜
11.b繼承a的方法

12.寫一個獲取非行間樣式的函數

function getStyle(obj,attr,value)
{
if(!value)
{
if(obj.currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr,false)
}
}
else
{
obj.style[attr]=value
}
}

13.事件委託是什麼
讓利用事件冒泡的原理，讓自己的所觸發的事件，讓他的父元素代替執行！
http://www.webasily.com/?p=78 例子可見此鏈接

14.閉包是什麼，有什麼特性，對頁面有什麼影響
閉包就是能夠讀取其他函數內部變數的函數。
深入理解JavaScript的閉包特性 如何給循環中的對象添加事件 此鏈接可查看（問這個問題的不是一個公司）

15.如何阻止事件冒泡和默認事件
canceBubble return false

16.添加 刪除 替換 插入到某個接點的方法
obj.appendChidl()
obj.innersetBefore
obj.replaceChild
obj.removeChild

17.解釋jsonp的原理，以及為什麼不是真正的ajax
動態創建script標簽，回調函數
Ajax是頁面無刷新請求數據操作

18.javascript的本地對象，內置對象和宿主對象
本地對象為array obj regexp等可以new實例化
內置對象為gload Math 等不可以實例化的
宿主為瀏覽器自帶的document,window 等

19.document load 和document ready的區別
Document.onload 是在結構和樣式載入完才執行js
Document.ready原生種沒有這個方法，jquery中有 $().ready(function)

20.」==」和「===」的不同
前者會自動轉換類型
後者不會

21.javascript的同源策略
一段腳本只能讀取來自於同一來源的窗口和文檔的屬性，這里的同一來源指的是主機名、協議和埠號的組合

22.編寫一個數組去重的方法
function oSort(arr)
{
var result ={};
var newArr=[];
for(var i=0;i<arr.length;i++)
{
if(!result[arr])
{
newArr.push(arr)
result[arr]=1
}
}
return newArr
}

『捌』 前端匯流排是屬於主板上的哪個部份

915、945、975等，同系列各個型號用字母來區分，命名有一定規則，掌握這些規則，可以在一定程度上快速了解晶元組的定位和特點：
一、從845系列到915系列以前
PE是主流版本，無集成顯卡，支持當時主流的FSB和內存，支持AGP插槽。
E並非簡化版本，而應該是進化版本，比較特殊的是，帶E後綴的只有845E這一款，其相對於845D是增加了533MHz FSB支持，而相對於845G之類則是增加了對ECC內存的支持，所以845E常用於入門級伺服器。
G是主流的集成顯卡的晶元組，而且支持AGP插槽，其餘參數與PE類似。
GV和GL則是集成顯卡的簡化版晶元組，並不支持AGP插槽，其餘參數GV則與G相同，GL則有所縮水。
GE相對於G則是集成顯卡的進化版晶元組，同樣支持AGP插槽。
P有兩種情況，一種是增強版，例如875P；另一種則是簡化版，例如865P

二、915系列及之後
P是主流版本，無集成顯卡，支持當時主流的FSB和內存，支持PCI-E X16插槽。
PL相對於P則是簡化版本，在支持的FSB和內存上有所縮水，無集成顯卡，但同樣支持PCI-E X16。
G是主流的集成顯卡晶元組，而且支持PCI-E X16插槽，其餘參數與P類似。
GV和GL則是集成顯卡的簡化版晶元組，並不支持PCI-E X16插槽，其餘參數GV則與G相同，GL則有所縮水。
X和XE相對於P則是增強版本，無集成顯卡，支持PCI-E X16插槽。

總的說來，Intel晶元組的命名方式沒有什麼嚴格的規則，但大致上就是上述情況。另外，Intel晶元組的命名方式可能發生變化，取消後綴，而採用前綴方式，例如P965和Q965等等。

主板，又叫主機板(mainboard)、系統板(systembourd)和母板(motherboard)；它安裝在機箱內，是微機最基本的也是最重要的部件之一。 主板一般為矩形電路板，上面安裝了組成計算機的主要電路系統，一般有BIOS晶元、I/O控制晶元、鍵盤和面板控制開關介面、指示燈插接件、擴充插槽、主板及插卡的直流電源供電接插件等元件。主板的另一特點，是採用了開放式結構。主板上大都有6-8個擴展插槽，供PC機外圍設備的控制卡(適配器)插接。通過更換這些插卡，可以對微機的相應子系統進行局部升級，使廠家和用戶在配置機型方面有更大的靈活性。 總之，主板在整個微機系統中扮演著舉足重新的腳色。可以說，主板的類型和檔次決定著整個微機系統的類型和檔次，主板的性能影響著整個微機系統的性能。常見的PC機主板的分類方式有以下幾種
★主板的分類：
一、按主板上使用的CPU分有：
386主板、486主板、奔騰(Pentium，即586)主板、高能奔騰(Pentium Pro，即686)主板。 同一級的CPU往往也還有進一步的劃分，如奔騰主板，就有是否支持多能奔騰(P55C，MMX要求主板內建雙電壓)， 是否支持Cyrix 6x86、 AMD 5k86 (都是奔騰級的CPU，要求主板有更好的散熱性)等區別。
二、按主板上I/O匯流排的類型分
·ISA(Instry Standard Architecture)工業標准體系結構匯流排.
·EISA(Extension Instry Standard Architecture)擴展標准體系結構匯流排.
·MCA(Micro Channel)微通道匯流排. 此外，為了解決CPU與高速外設之間傳輸速度慢的"瓶頸"問題，出現了兩種局部匯流排，它們是：
·VESA(Video Electronic Standards Association)視頻電子標准協會局部匯流排，簡稱VL匯流排.

·PCI(Peripheral Component Interconnect)外圍部件互連局部匯流排，簡稱PCI匯流排. 486級的主板多採用VL匯流排，而奔騰主板多採用PCI匯流排。 目前，繼PCI之後又開發了更外圍的介面匯流排，它們是：USB(Universal Serial Bus)通用串列匯流排。IEEE1394(美國電氣及電子工程師協會1394標准)俗稱"火線(Fire Ware)"。
三、按邏輯控制晶元組分
這些晶元組中集成了對CPU、CACHE、I/0和匯流排的控制586以上的主板對晶元組的作用尤為重視。 Intel公司出品的用於586主板的晶元組有：LX 早期的用於Pentium 60和66MHz CPU的晶元組
·NX 海王星(Neptune)，支持Pentium 75 MHz以上的CPU，在Intel 430 FX晶元組推出之前很流行，現在已不多見。
·FX 在430和440兩個系列中均有該晶元組，前者用於Pentium，後者用於Pentium Pro。HX Intel 430系列，用於可靠性要求較高的商用微機。VX Intel 430系列，在HX基礎上針對普通的多媒體應用作了優化和精簡。有被TX取代的趨勢。TX Intel 430系列的最新晶元組，專門針對Pentium MMX技術進行了優化。GX、KX Intel 450系列，用於Pentium Pro，GX為伺服器設計，KX用於工作站和高性能桌面PC。MX Intel 430系列，專門用於筆記本電腦的奔騰級晶元組，參見《Intel 430 MX晶元組》。 非Intel公司的晶元組有：VT82C5xx系列 VIA公司出品的586晶元組。
·SiS系列 SiS公司出品，在非Intel晶元組中名氣較大。
·Opti系列 Opti公司出品，採用的主板商較少。
四、按主板結構分
·AT 標准尺寸的主板，IBM PC/A機首先使用而得名，有的486、586主板也採用AT結構布局
·Baby AT 袖珍尺寸的主板，比AT主板小，因而得名。很多原裝機的一體化主板首先採用此主板結構
·ATX &127; 改進型的AT主板，對主板上元件布局作了優化，有更好的散熱性和集成度，需要配合專門的ATX機箱使用
·一體化(All in one) 主板上集成了聲音，顯示等多種電路，一般不需再插卡就能工作，具有高集成度和節省空間的優點，但也 有維修不便和升級困難的缺點。在原裝品牌機中採用較多
·NLX Intel最新的主板結構，最大特點是主板、CPU的升級靈活方便有效，不再需要每推出一種CPU就必須更新主板設計 此外還有一些上述主板的變形結構，如華碩主板就大量採用了3/4 Baby AT尺寸的主板結構。
五、按功能分
·PnP功能 帶有PnP BIOS的主板配合PnP操作系統(如Win95)可幫助用戶自動配置主機外設，做到"即插即用"
·節能(綠色)功能 一般在開機時有能源之星(Energy Star)標志，能在用戶不使用主機時自動進入等待和休眠狀態，在 此期間降低CPU及各部件的功耗
·無跳線主板 這是一種新型的主板，是對PnP主板的進一步改進。在這種主板上，連CPU的類型、工作電壓等都無須用跳線開關，均 自動識別，只需用軟體略作調整即可。經過Remark的CPU在這種主板上將無所遁形. 486以前的主板一般沒有上述功能，586以上的主板均配有PnP和節能功能，部分原裝品牌機中還可通過主板控制主機電源 的通斷，進一步做到智能開/關機，這在兼容機主板上還很少見，但肯定是將來的一個發展方向。無跳線主板將是主板發 展的另一個方向。
六、其它的主板分類方法：
·按主板的結構特點分類還可分為基於CPU的主板、基於適配電路的主板、一體化主板等類型。基於CPU的一體化的主板是 目前較佳的選擇。
·按印製電路板的工藝分類又可分為雙層結構板、四層結構板、六層結構板等；目前以四層結構板的產品為主。
·按元件安裝及焊接工藝分類又有表面安裝焊接工藝板和DIP傳統工藝板。

主板的命名一般分為四部分（視具體產品而定），第一部分為支持的處理器類型，第二部分為晶元組廠家，第三部分為晶元組類型（此前三部分為主體），第四部分為後綴，表示主板的不同版型。

GIGA(技嘉)主板的編號規則
GIGA公司的產品，編號首先是公司的名稱，所以所有主板上首先標示「GA-」，這兩個字母就不必多嘴了。
GIGA的產品編號共有4段，採用「GA-（F1）（F2）（F3）（F4）」的方式表示。

F1
F1這一段是一位數字，表示支持CPU類型。現在有5、6、7、8四種。
其中「5」指的是586系列產品，也就是說基於Pentium、Pentium MMX、AMD K5、AMD K6、Cyrix 5x86、Cyrix 6x86等CPU的產品，當然，這些產品基本上已經退出市場了，所以現在不是很常見。
「6」表示686系列產品，就是說Pentium Ⅱ、Pentium Ⅲ、Celeron、Celeron Ⅱ等，現在算是比較流行的產品。
「7」指得是當前很紅火的K7系列產品，包括Athlon、新Athlon、Duron系列CPU，也就是說用於AMD的。
「8」是高端產品，國內就不多見了，面向的是Willamette和Foster兩款CPU。

F2
F2這一段是一位字母，表示採用晶元組的類型。有如下的21個，有些地方還有重復：
A表示採用Ali公司的主板晶元組，現在已經很少見了。
B表示的是Intel 440BX，很「經典」的產品。
C分別指Camino（Intel 820）或Intel Colusa的晶元組，要配合前面的F1來判斷，6C肯定是指820，8C肯定是指Colusa了，重復不會影響判斷。
D表示AMD IGD4晶元組，就是最新的760。
E表示的是Intel 440 EX，另外，在OEM市場裡面還可能表示是Serverworks的產品，因為在零售市場上不會出現，不影響「E」的識別。
G指的是Intel 440 GX，主要面向Xeon的CPU，國內很少見。插一句，按照Intel的分類，Xeon也應該屬於686系列產品，所以在GIGA主板編號上見到G應該是：「6G」。
I表示Irongate，就是AMD 750，當然，出現I的時候肯定是「7I」。
K指Intel 840，也許下一個統治市場的主板晶元組就是它。
L表示VIA的PL 133或KL 133，很明顯，6L表示PL 133，因為它是面向Intel P6的，7L表示KL 133，因為它是面向AMD K7的。
O指的是Solano，不認識嗎？它可是當前最紅火的Intel 815啊！
P表示VIA的PM 133，市場上並不多見。
R表示VIA的PR266或PM266，一樣是通過前面的6或7分辨。
S指的是SiS產品，目前國內很少見。
T指的是Intel的Timan或Tehama，當然，Timan前面肯定是6，Tehama前面肯定是8。
V說明是VIA的主板晶元組，如果是6V，表示的就是VIA 693A/694X/PLE 133，如果是7V，表示的就是KX 133或者KLE 133。
W是Whitney，就是Intel 810的名字。
Z最早指的是Intel 440 ZX，如今又加上了KT 133/KM 133，當然也是通過6Z和7Z分辨。

F3
F3表示主板的結構，用一位字母表示：
A--Baby AT
F--Flex ATX
L--LPX
M--Micro ATX
N--NLX
O--Mini NLX
X--ATX
很明顯，咱們現在最常見的就是「X」。

F4
F4表示這塊主板其他的特性，一般用1到4位的字母或數字，而且可以相互組合使用。
7表示採用Socket 370 CPU插座，用於強調部分產品使用，現在已經沒有Slot 1的產品了，所以許多採用Socket 370插槽的主板也不會再標上「7」了。
A表示Audio，說明這塊主板上集成音效卡。
B表示改主板南橋晶元使用的是VIA 686B，也就是說支持UDMA 100。
C表示Basic，就是「精簡、簡化」的意思。另外，在820系列產品中，C表示不支持Rambus的產品，如6CXC。
D是指雙（Dual）CPU，國內GIGA的雙CPU產品好像還不多見。
E是電腦行業一貫的用詞，Enhanced，增強版的意思。
F表示的是「多媒體」，指該主板集成了音效卡、顯示卡、特別是加強了數字控制面板（Digital Flat Panel）的部分。
G表示集成顯示卡，VGA。
H表示用於高端（High-end），特指該主板在集成顯示卡的基礎上還有SCSI控制和網卡。
L就是LAN，自然是集成網卡的了。
M當然是Multimedia，主板上集成了音效卡、顯示卡之後，就被叫做M。
R是Rack Server，在集成顯示、網卡的基礎上，還有SCSI或IDE的Raid控制功能，用於數據伺服器。
S就不必多說了，主板本身集成SCSI，雖說國內還不多見，這種設計在國際上已經很流行了。
T的意思就是Twin，就是\\\'雙子星\\\'的設計，主板上同時安放Socket 370和Slot 1或者同時安裝Slot 1和Slot 2。
U表示Ultra 2/Ultra 160 SCSI，主板集成增強型SCSI。
W就是Workstation，工作站需要的就是SCSI和網卡，因此集成了SCSI控制和網卡的主板被稱作W。
Z指的是集成顯示卡、音效卡加網卡，適用於家庭組建小型網路，Z這個字母本身沒有什麼意義。

另外還有一些特別針對某些產品才使用的編號：
-4X表示強調該產品採用的是694X晶元組，因為按照編號原則，693A、694X從編號上都是6VM7，所以加上-4X來分別。
-4E僅僅用在替換-4X，說明它是694X的增強版。
-e，注意這個e是小寫，僅用來表示810e，因為intel命名810e用的是小寫，所以這里也跟著改一下。如6WX7-e。
+也是表示增強的意思（不過好像軟體方面見到的比較多），僅僅用於693A系列產品。
好了，了解編號的含義，就不難從編號看出主板的性能、配置，對於選購，相信有些幫助。

微星主板命名規則詳解

XXX XXXX-XXXX，空格前的幾位代號是晶元組型號：875P、865PE、845PE、PT880、PT8（即PT800）、KT880、KT6（KT600）、KT4AV（KT400A）、K7N2（nForce2 SPP）、K7N2G（nForce2 IGP）；空格後接著的幾位字母編號是FSB頻率代號：對Intel平台來說Neo代表800MHz、Max代表533MHz、Ultra代表400MHz，對AMD平台來說Delta代表400MHz，而沒有字母編號則代表333/266MHz；緊接著的數字編號類似於版本號（最初的版本沒有數字編號），如2、3，代表內容比較靈活，有時是南橋變化，有時只是版本升級；「-」之後的為特色代號：P代表支持Prescott、F代表集成千兆網卡、I代錶板載IEEE 1394介面、S代表支持Serial ATA、R代表支持RAID、L代表集成10/100Mbps網卡。

例如：865PE Neo2-PFISR的865PE代表此主板採用865PE晶元組，Neo表示它最高支持FSB為800MHz的Pentium4處理器，數字編號2代表它是第二版產品採用ICH5南橋晶元，而865PE Neo採用的則是ICH4南橋，而「-」後面的PFISR則代表這塊主板支持Prescott、集成10/100Mbps網卡、板載IEEE 1394介面、支持Serial ATA並支持SATA RAID。

PT880 Neo-LSR的PT880代表此主板為採用PT880晶元組的第一版產品，Neo表示它最高支持FSB為800MHz的Pentium4處理器，「-」後面的LSR表示此主板集成10/100Mbps網卡、支持Serial ATA並支持SATA RAID。
KT880 Delta-LSR的KT880代表此主板為採用KT880晶元組的第一版產品，Delta表示它最高支持FSB為400MHz的Athlon XP處理器，「-」後面的LSR表示此主板集成10/100Mbps網卡、支持Serial ATA並支持SATA RAID。
K7N2 Delta-L的K7N2表示此主板採用nForce2 SPP晶元組，Delta表示它最高支持FSB為400MHz的Athlon XP處理器，「-」後面的L則表示此主板集成10/100Mbps網卡。

精英主板命名規則細談

精英可以說是目前少有的同時採用SIS、intel、VIA三家主板晶元大廠晶元組生產主板的廠家，因此品種較多。下面我們就來看看他是怎麼命名這些主板的。
下面是精英主板最新的命名公式：
第一組：有P6/P5/K7/P4幾種。精英的所有主板為了標明所支持的CPU類型，主板命名以第一個字母代表。P表示INTEL及與INTEL處理器兼容的CPU。6和5代表CPU的代劃分。不過和CPU的介面聯系更直接一點。比如P6標明CPU支持賽揚和PII一級，P5支持K6-2/3等採用的SOCKET7插座的CPU。K表示支持的處理器為AMD的K7系列，配合數字只有7。P4則是目前最新的P4主板。
第二組：3，4兩個字母，表示採用晶元組名稱，I代表INTEL，V代表VIA，S代表SIS，A代表ALI。比如，P4VXAS中的VX--VIA P4X266晶元組，那麼P4IBAS中IB--INTEL 845晶元組，P6IWT-A+中的IW--INTEL810晶元組主板，K7S5A中S5--SIS 735晶元組，P6SEP-Me中的SE--SIS 620晶元組。不過，早期的P6BXT-A+和P6BAP-Me中，BX是指當初大名鼎鼎的INTEL BX晶元組，全球第一片真正支持100MHz外頻的晶元組，到目前還是老當益壯。BA--和BX晶元組競爭的VIA APOLLO系列晶元組。精英主板命名的時候也為了強調這一點，取了字母B，不過以後的主板命名不會再出現這種現象。
第三組：A--ATX，大板型。M--Mirco ATX，中型板型。F--Flex ATX。目前最小的板型。早期的主板中，以主板P6BXT-A+（多了個T）和P6BAP-Me（多了個P）為例：P6BXT-A+是精英當年有名的雙子星主板，其中的T--表示同時帶有SLOT1和SOCKET370介面。P6BAP-Me中的P--代表SOCKET370介面。其中的"-"沒有並實際意義，在以後的命名中，就把"-"和P/T（現在的INTEL銷售的都是SOCKET370處理器）都去掉了。
第四組：這一部分是隨著內存類型的增加而出現的，S--SDRAM內存，D--DDR SDRAM內存。
第五組：以早期的 P6SEP-Me，P6LX-A+，和現在的 K7SEM/L。P6IEAT為例。+--加強型，現在很少見了。e--多媒體，帶音效卡，不過現在精英主板都帶音效卡，所以在以後的命名中也去掉了。/L--集成網卡。T--可支持INTEL Tualatin處理器。
幾個例外的"個性"產品， K7VZM（Z表示KZ，不過該晶元目前叫KT）， P6ISA-II（815E，採用CH2，-II是第二代產品），D6VAA（VIA694x晶元組，按照694X特徵字元，本來該主板應該被命名為VX的，但是錯誤命名為VA）。

看到這兒，相必大家已經對精英的命名規則很清楚了吧，只有這些字母組合在一起才能表達出主板真正含義，如果單個的來解釋主板型號中的某個字母，就失去了意義。下面再為大家舉幾個例子：
1、 P4IBMS，該主板支持P4處理器，I表示晶元組由INTEL提供，B表示採用INTEL845晶元組。M表示板型大小位Micro ATX。最後一個字母表示支持的內存是SDRAM。
2、 P4VXASD，這塊主板VX代表了晶元組是VIA的P4VX266，而後面的SD表明支持兩種內存，既SDRAM和DDR。
3、 P6IPAT，採用INTEL的815EP B-STEP晶元組，支持PIII和Celeron處理器，並可支持最新的Tualatin CPU.是一塊ATX結構的大板。
4、 K7VTA3，採用VIA KT266晶元組（後期可能採用KT266A），支持AMD全系列處理器。
5、 K7SEM/L，採用SIS 730S晶元組，雖然是一塊Mirco ATX板型的主板，但它集成音效卡，顯卡和網卡。是精英整合文化中最具代表性的作品。

EPoX磐英科技磐正主板命名規

EPoX磐英科技銷往中國大陸區之產品全線改名為磐正主板,但主板型號的命名規則仍保持不變; 但無論什幺型號,都會在型號之前加字母」EP」,在EPoX磐英科技所有的產品上一定都會以字母」EP」+型號標識,而不是單獨以主板的型號標識,如下圖的EP-4GEA+,而且此型號都會以粗體字印刷在主板上。 主板型號可能是印刷在內存槽旁邊,也有一些是印刷在PCI的中間或者外側。
各位EPoX磐英科技產品愛好者要特別注意:目前市面上有些主板廠商的型號會模仿EP oX磐英科技的產品型號,甚至一字不差,但他們的型號前一定不會有字母」EP」,所以大家在選購EPoX磐英科技的主板時，一定要記住這點。
EPoX磐正主板的型號其實是很好理解和記憶的, 分標准版和加強版,標準的型號為四位,由數字加字母組成,第一位為數字,」4」代表是支持P4 CPU的(如4G4A),」8」代表是支持AMD CPU的(如8KHA), 型號後面帶」+」的是代表加強型的。
如現正上市的帶極光酷炫陀螺的4GEA,4PEA,」GE」,」PE」分別代表採用的是Intel 845GE,845PE的晶元組,字母」A」代表為標准型號,4GEA+,4PEA+就代表是加強版,而相繼會有他們的簡化版推出4GEAE,4PEAE,差別就在於一些RAID,IEEE1394,S-ATA,P80P等功能。
而象8K9A型號,」K9」代表採用的是威盛KT400+8235晶元組,」A」當然還是代表標准型號的意思,同樣在標准版的基礎上也會有加強型號,如8K9A2+,8K9A3+等,都是在8K9A型號上增加了,RAID,S-ATA,LAN等功能。
EPoX磐英科技磐正主板的PCB版本也很好識別,在主板的左上角(或者PCI槽之間)都會有REV:1.0等字樣,這個」1.0」就是所謂的PCB版本,正式量產的型號的PCB版本都會從1.0開始,之後可能會相繼有1.1,1.2,1.3等版本, 在象EPoX磐英科技客戶服務中心進行主板的技術咨詢時,有時需要提供這種信息。

捷波主板命名規范詳解

說起各家主板的命名，堅持使用中文命名的捷波主板應該是較有特色的。從當年一炮打響進軍DIY市場的「射日」，到其後的「倚天」、「屠龍」、「驚雲」、「追風」、「傳奇」一連串響亮的名字，無不琅琅上口，簡單易記，骨子裡還始終透著一股武俠的味道來。
目前捷波主板主要分三大系列：「傳奇」系列，「追風」系列，「屠龍」系列。其中「傳奇」和「追風」系列為支持Intel P4 CPU的，傳奇系列採用的Intel的晶元組；追風則是採用VIA的晶元組。
而屠龍系列就全為支持AMD系列CPU的了。屠龍系列又分為2個小的系列，就是屠龍V系列和 「屠龍N」系列，屠龍V系列的V就是VIA的V，採用的是VIA晶元組，而屠龍N系列的N當然是nVIDIA的「N」啦，所採用的自然就是nVIDIA的晶元組了。至於原先顯赫一時的「倚天」系列和「驚雲」系列則已功成身退。
剛才主要介紹的是中文系列的命名方式。我們再來談談介紹捷波主板型號命名中的一些共通的東西，捷波主板在對主板命名的時候，主要考慮的是以下幾點：1、主板晶元廠家，2、晶元名稱，3、支持的CPU類型。所有捷波主板的產品型號一定以「J－」開頭，因為它是捷波（Jetway）英文名稱的首字母，如果不是這樣，那200％的肯定它不是捷波的板子啦；
捷波主板的型號中若出現「MAX」字樣的，則表示它是一款數碼主板，相對於普通版本而言它會增加當前流行的如IEEE 1394，Serial-ATA，多聲道硬音效卡，內建網卡等集成功能；如果只是在原來的主板上面晶元版本有更新或者增加或增強了某項功能則在普通版本型號後增加「Pro」字樣；如果雖然沒有特別刻意的增加或增強了某項功能，但由於生產工藝的改進或對PCB板重新做了優化設計則在產品型號最後添加字母A、B……以示區分，如傳奇PE，J－845PE、J－845PEA、J－845PEB都是它的產品型號，而J－845PEB則是它最新的在線生產的當前版本。

現在我們以數碼傳奇PE（J－845PE MAX）為例說明一下其命名含義：J：代表捷波主板； 845PE表示這款採用INTEL 845PE晶元組的，而MAX則表示它是一款帶數碼功能的主板了。因此它有它自己的中文名字：數碼傳奇PE。捷波一般只會對他們的高端產品單獨賦予中文名字，一般採用系列名加型號名的方式，如屠龍V400A MAX，它的型號為J－V400A MAX，屬於屠龍系列。
傳奇系列的代表主板有：數碼傳奇GE（J－845GE MAX），傳奇PE（J－845PEB）等。
追風系列的代表主板有：數碼追風（J-P4X400DAZ），追風400（J-P4X400DA），追風（J-P4XFB）等
屠龍V系列的代表主板有：數碼屠龍400A也叫屠龍V400A MAX（J－V400A MAX），屠龍V400A（J－V400ADB）等
屠龍N系列的代表主板有：屠龍N18P（J－NF18P MAX）、屠龍N18G（J－NF18G MAX），前者是18P因為其北橋是SPP北橋晶元，後者是18G則因為採用了集成圖形處理功能的IGP北橋。
隨著PC技術和生產工藝的發展，許多現在領先的功能將會逐漸成為未來主板的標配，最明顯的象USB2.0，所以在捷波較新推出的屠龍N系列中，盡管相比其他數碼板功能一點不少，但已不再刻意的提「數碼」二字了。而早先的「數碼追風」產品型號中雖然沒有「MAX」字樣，但同樣集成了流行的數碼功能，這也算是一個特例吧！

『玖』 前端框架有哪些

1. Twitter BootStrap （Apache v2.0；響應式）
時髦、直觀並且強大的前端框架，讓Web開發變得更加容易。

2. Foundation （MIT；響應式）
最先進的響應式前端框架。
3. 960gs（GPL&MIT；響應式）
960gs提供了一個簡單的網格系統，適合快速開發。
4. Skeleton（MIT；響應式）
非常漂亮的Web模板，適合響應式、移動友好的開發。
5. 99lime HTML KickStart（Free）
適合網站快速開發的極簡HTML構建模塊。
6. Kube（Free；響應式）
面向專業人員的CSS框架。
7. Less Framework（MIT；響應式）
自適應的CSS網格系統。
8. Flameinwork（Free）
適合懶人開發者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework（Free）
Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。
11. Blueprint（Free）
一個旨在減少開發時間的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，適合開發現代化浮動布局。
13. BlueTrip（Free）
一個功能全面、並且美麗的CSS框架，適合於Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度，六種不同的模板。
15. 52framework（Creative Commons）
對HTML5支持非常好，簡單易用。
16. elastiCSS（MIT）
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic（Free）
一個與眾不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）

Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一個面向對象的CSS框架，能讓你的工作流更加簡潔。xCSS基於CSS，可以在開發復雜樣式時，提供面向對象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。

『拾』 有哪些經典的 Web 前端或者 JavaScript 面試筆試題

HTML+CSS
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；

2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。

3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug

4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
Css盒模型:內容，border ,margin，padding

5.CSS引入的方式有哪些? link和@import的區別是?
內聯 內嵌 外鏈 導入
區別 ：同時載入
前者無兼容性，後者CSS2.1以下瀏覽器不支持
Link 支持使用javascript改變樣式，後者不可

6.CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先順序高?
標簽選擇符 類選擇符 id選擇符
繼承不如指定 Id>class>標簽選擇
後者優先順序高

7.前端頁面有哪三層構成，分別是什麼?作用是什麼?
結構層 Html 表示層 CSS 行為層 js

8.css的基本語句構成是?
選擇器{屬性1:值1;屬性2:值2;……}

9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?
Ie(Ie內核) 火狐（Gecko） 谷歌（webkit） opear(Presto)

10.寫出幾種IE6 BUG的解決方法
1.雙邊距BUG float引起的 使用display
2.3像素問題 使用float引起的 使用dislpay:inline -3px
3.超鏈接hover 點擊後失效 使用正確的書寫順序 link visited hover active
4.Ie z-index問題 給父級添加position:relative
5.Png 透明 使用js代碼 改
6.Min-height 最小高度 ！Important 解決』
7.select 在ie6下遮蓋 使用iframe嵌套
8.為什麼沒有辦法定義1px左右的寬度容器（IE6默認的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

11.標簽上title與alt屬性的區別是什麼?
Alt 當圖片不顯示是 用文字代表。
Title 為該屬性提供信息

12.描述css reset的作用和用途。
Reset重置瀏覽器的css默認屬性 瀏覽器的品種不同，樣式不同，然後重置，讓他們統一

13.解釋css sprites，如何使用。
Css 精靈 把一堆小的圖片整合到一張大的圖片上，減輕伺服器對圖片的請求數量

14.瀏覽器標准模式和怪異模式之間的區別是什麼?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可顯示為什麼模式

15.你如何對網站的文件和資源進行優化?期待的解決方案包括：
文件合並
文件最小化/文件壓縮
使用CDN託管
緩存的使用

16.什麼是語義化的HTML?
直觀的認識標簽 對於搜索引擎的抓取有好處

17.清除浮動的幾種方式，各自的優缺點
1.使用空標簽清除浮動 clear:both（理論上能清楚任何標簽，，，增加無意義的標簽）
2.使用overflow:auto（空標簽元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用於兼容IE）
3.是用afert偽元素清除浮動(用於非IE瀏覽器)

Javascript
1.javascript的typeof返回哪些數據類型
Object number function boolean underfind

2.例舉3種強制類型轉換和2種隱式類型轉換?
強制（parseInt,parseFloat,number）
隱式（== – ===）

3.split() join() 的區別
前者是切割成數組的形式，後者是將數組轉換成字元串

4.數組方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部刪除
Unshift()頭部添加 shift()頭部刪除

5.事件綁定和普通事件有什麼區別

6.IE和DOM事件流的區別
1.執行順序不一樣、
2.參數不一樣
3.事件加不加on
4.this指向問題

7.IE和標准下有哪些兼容性的寫法
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target

8.ajax請求的時候get 和post方式的區別
一個在url後面 一個放在虛擬載體裡面
有大小限制
安全問題
應用不同 一個是論壇等只需要請求的，一個是類似修改密碼的

9.call和apply的區別
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments)

10.ajax請求時，如何解釋json數據
使用eval parse 鑒於安全性考慮 使用parse更靠譜
11.b繼承a的方法

12.寫一個獲取非行間樣式的函數

function getStyle(obj,attr,value)
{
if(!value)
{
if(obj.currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr,false)
}
}
else
{
obj.style[attr]=value
}
}

13.事件委託是什麼
讓利用事件冒泡的原理，讓自己的所觸發的事件，讓他的父元素代替執行！
http://www.webasily.com/?p=78 例子可見此鏈接

14.閉包是什麼，有什麼特性，對頁面有什麼影響
閉包就是能夠讀取其他函數內部變數的函數。
http://blog.csdn.net/gaoshanwudi/article/details/7355794 此鏈接可查看（問這個問題的不是一個公司）

15.如何阻止事件冒泡和默認事件
canceBubble return false

16.添加 刪除 替換 插入到某個接點的方法
obj.appendChidl()
obj.innersetBefore
obj.replaceChild
obj.removeChild

17.解釋jsonp的原理，以及為什麼不是真正的ajax
動態創建script標簽，回調函數
Ajax是頁面無刷新請求數據操作

18.javascript的本地對象，內置對象和宿主對象
本地對象為array obj regexp等可以new實例化
內置對象為gload Math 等不可以實例化的
宿主為瀏覽器自帶的document,window 等

19.document load 和document ready的區別
Document.onload 是在結構和樣式載入完才執行js
Document.ready原生種沒有這個方法，jquery中有 $().ready(function)

20.」==」和「===」的不同
前者會自動轉換類型
後者不會

21.javascript的同源策略
一段腳本只能讀取來自於同一來源的窗口和文檔的屬性，這里的同一來源指的是主機名、協議和埠號的組合

22.編寫一個數組去重的方法
function oSort(arr)
{
var result ={};
var newArr=[];
for(var i=0;i<arr.length;i++)
{
if(!result[arr])
{
newArr.push(arr)
result[arr]=1
}
}
return newArr
}