⑴ 有哪些經典的 Web 前端或者 JavaScript 面試筆試題
HTML、CSS部分
8.html5\CSS3有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
HTML5 現在已經不是 SGML 的子集，主要是關於圖像，位置，存儲，地理定位等功能的增加。
* 繪畫 canvas 元素
用於媒介回放的 video 和 audio 元素
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 的數據在瀏覽器關閉後自動刪除
語意化更好的內容元素，比如 article、footer、header、nav、section
表單控制項，calendar、date、time、email、url、search
CSS3實現圓角，陰影，對文字加特效，增加了更多的CSS選擇器 多背景 rgba
新的技術webworker, websockt, Geolocation
移除的元素
純表現的元素：basefont，big，center，font, s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；
* 是IE8/IE7/IE6支持通過document.createElement方法產生的標簽，
可以利用這一特性讓這些瀏覽器支持HTML5新標簽，
瀏覽器支持新標簽後，還需要添加標簽默認的樣式：
* 當然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
9.你怎麼來實現頁面設計圖，你認為前端應該如何高質量完成工作? 一個滿屏 品 字布局 如何設計?
* 首先劃分成頭部、body、腳部；。。。。。
*
實現效果圖是最基本的工作，精確到2px；
與設計師，產品經理的溝通和項目的參與
做好的頁面結構，頁面重構和用戶體驗
處理hack，兼容、寫出優美的代碼格式
針對伺服器的優化、擁抱 HTML5。
10.常使用的庫有哪些？常用的前端開發工具？開發過什麼應用或組件？
* 使用率較高的框架有jQuery、YUI、Prototype、Dojo、Ext.js、Mootools等。尤其是jQuery，超過91%。
輕量級框架有Modernizr、underscore.js、backbone.js、Raphael.js等。
（理解這些框架的功能、性能、設計原理）
* Sublime Text 、Eclipse、Notepad、Firebug、HttpWatch、Yslow。
* 城市選擇插件，汽車型號選擇插件、幻燈片插件。彈出層。（寫過開源程序，載入器，js引擎更好）
JavaScript原型，原型鏈 ? 有什麼特點？
* 原型對象也是普通的對象，是對象一個自帶隱式的 __proto__ 屬性，原型也有可能有自己的原型，如果一個原型對象的原型不為null的話，我們就稱之為原型鏈。
* 原型鏈是由一些用來繼承和共享屬性的對象組成的（有限的）對象鏈。
* JavaScript的數據對象有那些屬性值？
writable：這個屬性的值是否可以改。
configurable：這個屬性的配置是否可以刪除，修改。
enumerable：這個屬性是否能在for…in循環中遍歷出來或在Object.keys中列舉出來。
value：屬性值。
* 當我們需要一個屬性的時，Javascript引擎會先看當前對象中是否有這個屬性， 如果沒有的話，就會查找他的Prototype對象是否有這個屬性。
function clone(proto) {
function Dummy() { }
Dummy.prototype = proto;
Dummy.prototype.constructor = Dummy;
return new Dummy(); //等價於Object.create(Person);
}
function object(old) {
function F() {};
F.prototype = old;
return new F();
}
var newObj = object(oldObject);
12.列出display的值，說明他們的作用。position的值， relative和absolute定位原點是？
1. block 象塊類型元素一樣顯示。
none 預設值。向行內元素類型一樣顯示。
inline-block 象行內元素一樣顯示，但其內容象塊類型元素一樣顯示。
list-item 象塊類型元素一樣顯示，並添加樣式列表標記。
2.
*absolute
生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。
*fixed （老IE不支持）
生成絕對定位的元素，相對於瀏覽器窗口進行定位。
*relative
生成相對定位的元素，相對於其正常位置進行定位。
* static 默認值。沒有定位，元素出現在正常的流中
*（忽略 top, bottom, left, right z-index 聲明）。
* inherit 規定從父元素繼承 position 屬性的值。
13.頁面重構怎麼操作？
編寫 CSS、讓頁面結構更合理化，提升用戶體驗，實現良好的頁面效果和提升性能。
14.語義化的理解？
html語義化就是讓頁面的內容結構化，便於對瀏覽器、搜索引擎解析；
在沒有樣式CCS情況下也以一種文檔格式顯示，並且是容易閱讀的。
搜索引擎的爬蟲依賴於標記來確定上下文和各個關鍵字的權重，利於 SEO。
使閱讀源代碼的人對網站更容易將網站分塊，便於閱讀維護理解。
15.HTML5的離線儲存？
localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 數據在瀏覽器關閉後自動刪除。
16.為什麼要初始化CSS樣式。
因為瀏覽器的兼容問題，不同瀏覽器對有些標簽的默認值是不同的，如果沒對CSS初始化往往會出現瀏覽器之間的頁面顯示差異。
當然，初始化樣式會對SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化。
*最簡單的初始化方法就是： * {padding: 0; margin: 0;} （不建議）
淘寶的樣式初始化：
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
17.(寫)描述一段語義的html代碼吧。
（HTML5中新增加的很多標簽（如：<article>、<nav>、<header>和<footer>等）
就是基於語義化設計原則）
< div id="header">
< h1>標題< /h1>
< h2>專注Web前端技術< /h2>
< /div>
語義 HTML 具有以下特性：
文字包裹在元素中，用以反映內容。例如：
段落包含在 <p> 元素中。
順序表包含在<ol>元素中。
從其他來源引用的大型文字塊包含在<blockquote>元素中。
HTML 元素不能用作語義用途以外的其他目的。例如：
<h1>包含標題，但並非用於放大文本。
<blockquote>包含大段引述，但並非用於文本縮進。
空白段落元素 ( <p></p> ) 並非用於跳行。
文本並不直接包含任何樣式信息。例如：
不使用 <font> 或 <center> 等格式標記。
類或 ID 中不引用顏色或位置。
18.absolute的containing block計算方式跟正常流有什麼不同？
19.position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣？
20.對BFC規范的理解？（W3C CSS 2.1 規范中的一個概念,它決定了元素如何對其內容進行定位,以及與其他元素的關 系和相互作用。）
21.iframe有那些缺點？
*iframe會阻塞主頁面的Onload事件；
*iframe和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面的並行載入。
使用iframe之前需要考慮這兩個缺點。如果需要使用iframe，最好是通過javascript
動態給iframe添加src屬性值，這樣可以可以繞開以上兩個問題。
22.css定義的權重
以下是權重的規則：標簽的權重為1，class的權重為10，id的權重為100，以下例子是演示各種定義的權重值：
/*權重為1*/
div{
}
/*權重為10*/
.class1{
}
/*權重為100*/
#id1{
}
/*權重為100+1=101*/
#id1 div{
}
/*權重為10+1=11*/
.class1 div{
}
/*權重為10+10+1=21*/
.class1 .class2 div{
}
如果權重相同，則最後定義的樣式會起作用，但是應該避免這種情況出現
23.eval是做什麼的？
它的功能是把對應的字元串解析成JS代碼並運行；
避免使用eval，不安全，非常耗性能（2次，一次解析成js語句，一次執行）。
23.寫一個通用的事件偵聽器函數
`// event(事件)工具集，來源：https://github.com/markyun
markyun.Event = {
// 頁面載入完成後
readyEvent : function(fn) {
if (fn==null) {
fn=document;
}
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = fn;
} else {
window.onload = function() {
oldonload();
fn();
};
}
},
// 視能力分別使用dom0||dom2||IE方式 來綁定事件
// 參數： 操作的元素,事件名稱 ,事件處理程序
addEvent : function(element, type, handler) {
if (element.addEventListener) {
//事件類型、需要執行的函數、是否捕捉
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent('on' + type, function() {
handler.call(element);
});
} else {
element['on' + type] = handler;
}
},
// 移除事件
removeEvent : function(element, type, handler) {
if (element.removeEnentListener) {
element.removeEnentListener(type, handler, false);
} else if (element.datachEvent) {
element.detachEvent('on' + type, handler);
} else {
element['on' + type] = null;
}
},
// 阻止事件 (主要是事件冒泡，因為IE不支持事件捕獲)
stopPropagation : function(ev) {
if (ev.stopPropagation) {
ev.stopPropagation();
} else {
ev.cancelBubble = true;
}
},
// 取消事件的默認行為
preventDefault : function(event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
},
// 獲取事件目標
getTarget : function(event) {
return event.target || event.srcElement;
},
// 獲取event對象的引用，取到事件的所有信息，確保隨時能使用event；
getEvent : function(e) {
var ev = e || window.event;
if (!ev) {
var c = this.getEvent.caller;
while (c) {
ev = c.arguments[0];
if (ev && Event == ev.constructor) {
break;
}
c = c.caller;
}
}
return ev;
}
};
24.99%的網站都需要被重構是那本書上寫的？
* 網站重構：應用web標准進行設計（第2版）
25.什麼叫優雅降級和漸進增強？
優雅降級：Web站點在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會檢查以確認它們是否能正常工作。由於IE獨特的盒模型布局問題，針對不同版本的IE的hack實踐過優雅降級了,為那些無法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至於完全失效.
漸進增強：從被所有瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害於基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時，它們會自動地呈現出來並發揮作用。
26.Node.js的適用場景
高並發、聊天、實時消息推送
27.WEB應用從伺服器主動推送Data到客戶端有那些方式？ html5 websoket
WebSocket通過Flash
XHR長時間連接
XHR Multipart Streaming
不可見的Iframe
<script>標簽的長時間連接(可跨域)
⑵ 應屆畢業生web前端面試自我介紹_前端開發工程師面試個人介紹
WEB前端是現在it行業是一件傷腦力和高報酬的工作，應屆 畢業 生去應聘此工作，最好能提前准備好 自我介紹 的說辭。以下是我為你整理的應屆畢業生web前端 面試 自我介紹，希望大家喜歡。
應屆畢業生web前端面試自我介紹篇1
考官好，我是計算機專業的面試者XXX，我此次應聘的職位是IT行業的軟體工程師，這份工作不僅與我的專業對口，同時也是我的特長與興趣所在。現在我就從以下三個方面介紹自己：
1)學習能力：我有較強的科研能力，能熟練的進行LINUX操作，並能使用VB，DELPHI等語言編程。能運用網頁三劍客Photoshop軟體進行相關工作。
2)實踐能力：我的專長是軟體開發，我希望能從事這方面的工作 經驗 ，並且我曾經發過多個系統，如人事檔案管理系統,工資管理系統等等。
3)交際能力：我的性格沉穩，能坐得住，對IT行業的工作，具有非常好的適應能力，而且為人謙和，具有很強的組織和協調能力，富有的事業心和責任感使我能夠面對任何困難和挑戰。
從以上的簡單自我介紹，我希望公司能給我一個展示自己能力的機會，讓我我可以學以致用，同時我也很欣賞XX公司的 企業 文化 與工作環境。我願意成為企業一員，為企業的發展貢獻自己的一份力量。我的職業生涯目標是，做一個既懂技術，又懂業務的復合型人才。
應屆畢業生web前端面試自我介紹篇2本人熱衷計算機軟體開發行業，學習能力強，適應能力強，有責任心，擁有團隊合作開發精神，亦能獨立完成任務。現任某某軟體公司開發部經理，4年軟體開發管理經驗，熟練掌握delphi及c#.net兩門開發語言(winform)，interbase及sqlserver資料庫，vss源代碼管理，具有良好的編程習慣和風格(xml標注，gui+設計等等)，熟悉軟體架構及測試。本人有意向.net軟體工程師及項目管理方向發展，盼望與伯樂攜手共創事業!
應屆畢業生web前端面試自我介紹篇3回首三年的大學校園生活生涯和 社會實踐 生活，有渴望、有追求、有成功也有失敗，我孜孜不倦，不斷地挑戰自我，充實自己，為實現人生的價值打下堅實的基礎。
在思想品德上，本人有良好道德修養，並有堅定的政治方向，我積極地向黨組織靠攏，使我對我們黨有可更為深刻的認識，並參加了入黨積極分子培訓班”的培訓。本人遵紀守法、愛護公共財產、關心和幫助他人，並以務實求真的精神熱心參與學校的公益宣傳和愛國活動。
在學習上，我熱愛自己的專業，還利用課余時間專修計算機專業知識，使我能輕松操作各種網路和辦公軟體。曾多次獲得學金，在書法和 體育運動 都獲得好成績。英語、電腦、普通話等方面的等級考試已達標。除了在專業知識方面精益求精外，平時我還涉獵了大量網路編程、網路管理與維護、網頁設計等知識。並且相信在以後理論與實際結合當中，能有更大提高。
在工作上，對工作熱情，任勞任怨，責任心強，具有良好的組織交際能力，和同學團結一致，注重配合其他學生幹部出色完成各項工作，得到了大家的一致好評。
在生活上，我最大的特點是誠實守信，熱心待人，勇於挑戰自我，時間觀念強，有著良好的生活習慣和正派作風。由於平易近人待人友好，所以一直以來與人相處甚是融洽，連續擔任了分院的乒協的秘書長一職。有廣泛 愛好 的我特別擅長於網頁設計和網站管理與維護方面。曾獨立完成一個中型網站的設計，以及大型綜合網站的策劃與修改工作。
身為平面設計專業的學生，我在修好學業的同時也注重於社會實踐。本著學以致用，實踐結合理論發揮。暑假期間我到XX網吧等大型網吧里工作，管理經驗與軟硬體維護得到了極大的積累。
三年的大學生活，使自己的知識水平、思想境界、工作能力等方面都邁上了一個新的台階。在這即將揮手告別美好大學生活、踏上社會征途的時候，我整軍待發，將以飽滿的熱情、堅定的信心、高度的責任感去迎接新的挑戰，攀登新的高峰。
>>>下一頁更多精彩“Web前端 面試題 目”
⑶ hr如何面試web前端工程師，該問哪些技術問題
hr如何面試web前端工程師，該問哪些技術問題
一、基本知識
我們生活在網際網路時代，你想知道的任何事情幾乎都能在15分鍾內找到相關資訊。可是，能找到資訊並不等於你會使用它。我認為所有前端工程師至少都應 該掌握某些基本的知識，才能有效地完成自己的工作。如果一遇到問題，就停下工作上網四處搜尋解決方案，怎麼可能保證按期完成工作呢？聽聽，還有誰在說「我 不知道，但我可以上網搜到。」請這些同學把手舉起來，讓大家認識一下（immediately raises a flag for me.）。下面我列出一些基本的知識點，這些都是我認為一名前端工程師（無論工作年頭長短）在沒有任何外來幫助的情況應該知道的。
[list][*]
DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。
[*]
DOM操作——怎樣新增、移除、移動、復制、建立和查詢節點。
[*]
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
[*]
XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
[*]
嚴格模式與混雜模式——如何觸發這兩種模式，區分它們有何意義。
[*]
盒模型——外邊距、內邊距和邊框之間的關系，IE 8以下版本的瀏覽器中的盒模型有什麼不同。
[*]
塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
[*]
浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
[*]
HTML與XHTML——二者有什麼區別，你覺得應該使用哪一個並說出理由。
[*]
JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它，說出實現細節來。
[/list]
重申一下，上述這些知識點都應該是你應該「想都不用想」的東西。我一開始問的所有問題都是想摸清你對所有這些領域知識的掌握程度。雖然上面列出的這些知識點並沒有面面俱到，但我覺得你至少應該掌握這些，才有可能跟我坐到一間辦公室里來。
二、少量提問
我非常贊同面試者問的問題越少越好。反復問應聘者各種問題既不公平，也很無聊。我在任何一次面試中，通常只問三個大問題，但每個問題又會涉及我所能想到的多個方面。回答每個大問題一般要經過幾個步驟，這樣我就可以在每個步驟中穿插著問一些小問題。比如說：
這個問題牽扯到一組我想要考察的基本知識點：DOM結構、DOM操作、事件處理、XHR和JSON。如果我要求你對換一種處理股票價格的方式，或者 讓你在頁面中顯示其他資訊，就可以把更多的知識點包括進來。對於經驗比較豐富應聘者，我也可以自如地擴充套件要考察的知識范圍，最簡單像JOSN與XML的區 別、安全問題、容量問題，等等。
我還希望應聘者給出的任何解決方案中都不要使用庫。我想看到最原生態的程式碼，你就當頁面中沒有包含任何庫。你說你對哪個庫了解多少多少，但我不能把 關於庫的知識作為評判能力的因素，因為庫是會隨時間變化的。我需要的是真正理解庫背後的機制，特別是能夠徒手寫出一個自己的庫的人。
三、解決問題
做為一名前端工程師，最值得高興的事莫過於解決同一個問題會有很多種不同的方法，而你要做的就是找出最合適的方法來。我在提問的時候，經常會在應聘 者解釋完一種方法後問他們還有沒有第二種方法。此時我會跟他們說，假設你的這個方法由於種種原因被否決了，那麼你還能不能給出另一種方法。這樣做可以達到 兩個目的。
首先，可以測試出他們是否在毫無意義地復述書本中的東西。不能不承認，某些人確實有過目不忘的天賦，聽他們在那裡滔滔不絕地講，你會覺得他們什麼都 明白。可是，只要一跟這些人談到怎麼查詢方案無效的原因，以及能否拿出一個新方案來，他們往往就傻眼了。這時候，如果我聽到「我不明白這個方案為什麼不夠 好」之類的反問，心裡立刻就明白我的問題已經超出了他們的能力范圍，而他們只是想拿自己死記硬背的結論來矇混過關。
其次，可以測試出他們已經掌握的（還是那句話，「想都不用想」）瀏覽器技術知識。如果他們對瀏覽器平台的核心知識有較好的理解，想出解決同一問題的不同方案根本沒有那麼難。
對一名前端工程師來說，這絕對是最重要的能力。前端工程師在工作中遇到本該如此卻並未如此的難題（說你啦，IE6），應該說是一件很平常的事。一個方案無效就無計可施的人，做不了前端工程師。
考核應聘者解決問題能力的另一層原因，與我的個人喜好有關。在搞清楚應聘者知道什麼不知道什麼之後，我就會想著問一個他們知識領域之外的問題。這樣 做的目的，就是想看看他們怎樣運用已有的知識解決新問題。在解決問題的每一步，我也准備了一些提示，以防有人會卡殼打艮（在我面前15分鍾一言不發，對我 評價這個人毫無幫助）。我真正感興趣的，是他們能夠從上一步前進到下一步。我希望看到一個人就在我眼前學到新知識。
注意：所有問題都與瀏覽器技術相關。我不相信出幾道抽象的邏輯題，就能夠考出某人解決Web技術問題的能力。在我看來，這無異於讓素描大師畫肖像（或者讓劉翔跟博爾特同場競技），沒有意義，也得不到任何有價值的資訊。
HR一般不會面試太深的問題，主要是了解一下你之前的工作經歷，更多的是你自己描述，中間可能會問一些初級的問題，比如，你為什麼從上一家單位離職等類似問題。
一道web前端工程師面試題，求解答。
這樣的布局用絕對定位實現最合適，ABC的外層用相對定位，里邊各列用絕對定位就可以。至於CBA且B寬度自適應，還是用絕對定位，但只定位C,A分部到兩側，中間的列margin設成左右列的寬度就可以。
web前端工程師如何才能硬氣的跳槽？
web前端開發工程師想要硬氣的跳槽，起碼應該達到以下幾點：
1.掌握扎實的技術基礎，
需要掌握技術包括：HTML、CSS、JavaScript;
HTML是Web程式設計的基礎，HTML也是一種規范，一種標准，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案，通過在文字檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容。
維護大型的CSS程式碼庫並非易事，特別是那些隨意散漫未經組織的CSS程式碼極易變成一團亂麻，所以，應該掌握CSS命名規范，來幫助開發者編寫優質的程式碼。
2.深入理解前端工程化和元件開發;
需要熟悉web前端框架—— React、Vue.js等，
React為我們提供了直接易用的，以狀態為核心的前端應用開發方式，前端工程師應該會分析React內部工作原理，討論React中簡單元件、類元件等渲染流程。
Vue.js單元測試是應用開發中不可或缺的部分，日常開發中會用到的Vue.js單元測試的例子，所以應該掌握。
3.熟練掌握Web開發相關知識
至少熟悉一門後端語言，例如Node.js、Java、Go等;
Node.js內部原理視非常重要的，應該明白Node.js的主程序是如何啟動的、如何載入內建模組、os包如何實現等等。
4.對技術有熱情，有一定前端架構能力或者技術深度;具備團隊合作意識強，能夠多團隊協作開發;具備企業級大型前端應用開發經驗更佳。
如何識別一個人是web前端工程師
前端工程師需要懂得設計類程式碼和js，有需要了解一些後台語言，例如PHP等。
如何實現成為web前端工程師的夢想
1.入門階段：能夠解決一些問題的水平。有一定的基礎(比如最常見的HTML標簽及其屬性、事件、方法;最常見的CSS屬性;基礎的JavaScript程式設計能力)，能夠完成一些簡單的Web前端研發需求。
2.進階階段：將JavaScript、HTML、CSS之類的編碼幫助手冊里的每個方法/屬性都通讀幾遍!只有將基礎打好，以後的路才能走的順暢。
3.入室：最強程式碼，知道所有能夠解決需求的各種方案，能夠選擇使用最優秀的方案滿足需求。這個級別基本上產品開發程式設計中的程式碼主力。程式設計師應該能夠肯定的回答：對於這個需求而言，我的程式碼就是最優秀的程式碼。
4.注重細節，注意那些當前需求里沒有明文給出的細節：程式碼效能的差異、執行平台(瀏覽器)的差異、需求的隱性擴充套件、程式碼的向後相容等等。
如何了解web前端工程師和UI設計師
web前端工程師是不參與任何的設計，直接將網站美工製作的網站效果圖使用ps按照效果圖進行切片並使用、css、js等程式碼進行網頁的製作，最終編寫出符合w3c標準的相容各個主流瀏覽器的靜態頁面，同時還需要按照後台開發人員的要求留下一些後台資料的介面。所以說網站前端工程師更多的是程式設計而不是設計。
UI設計師一般是學美術或者設計出身，精通photoshop、AI、AE等平面設計工具，其在網站開發過程的中的職責就是按照客戶或者公司的需求設計出符合客戶需求和介面或者顏色符合大眾視覺的網站效果，如根據不同行業的需求設計顏色、設計介面風格等，其工作的最後成果就是網站的效果圖。
web前端工程師進階學習路線如何走
less和sass什麼時候學都行，1,2天就能學會。這個不著急，沒有什麼承上啟下的作用，可以單獨拿出來學。
bootstrap就是一個框架，把最主要的柵格系統看看就好。其他的大概了解能幹啥就行，很多公司，是不讓用bootstrap的，而是用原始碼自己寫。這個用一天的時間沒啥問題。
node.js和angular比較重要，如果學會，算是上了一個台階了。所以重點說說這個。
angular屬於mvvm框架，一開始覺得angular挺復雜的，所以想學一個簡單的，輕量級的，所以決定先學vue。但是在了解的過程中發現，很多的專業名詞，沒聽過，或者理解不透。所以又開始從頭學習node.js。在學習node.js的過程中又開始迷茫，發現了很多JS不懂的地方。
所以，又開始深入研究js的dom，函式，ajax，陣列等。總之用了很長的時間，浪費了很長時間。
最後總結一下啊。其實，沒必要鑽那麼多牛角尖。
先做著vue的例子，不懂的地方，直接略過，很多時候，不理解的不懂的東西，用著用著，突然就能明白。照貓畫虎先把VUE的例子跟著做一遍之後，同時梳理一下涉及到的JS知識點。能自己用vue做出幾個小成品的時候，開始結合js研究node.js。之後再去涉及angular。
angular差不多有個大概了解的時候，反過頭接著學vue，你會發現，又會發現很多新東西。
web前端這個東西特別有意思，當你達到一個高度，返回來再看以前的技術，會發現，哎呀，竟然又能發現新大陸。
廈門web前端工程師培訓哪家好
培訓學校很多，沒有具體的衡量標準的。但是可以從幾方面去選擇：
1 有很多優秀導師的
2 培養出很多優秀學員的
3 只做培訓的，沒有做其他的
4 做的比較久的。
北京WEB前端工程師培訓哪個好
建議找全程面授課程的地方學習，課程體系很重要，現在企業在用人方面講究全棧的前端工程師人才，所在在課程選擇上要慎重，學習內容要基於HTML5，要包含pc端+移動端+後端。這要才能學的系統，就業上才會有所保障。
⑷ 前端面試，面試官問都看過哪些書是要問什麼
面試官問及「去看書」，實際上最主要的是指代你「有關學習」層面的個人行為、習慣性——無須被「書」字給纏住！你、我、面試官，大家都是社會人士，都遭受往日教育經歷的危害，因而一旦談起自我提升、了解這些層面時，自然而然的商談及「去看書」這一個人行為。盡管伴隨著時代的發展，培訓的方式、方式、具體方法愈來愈多，但我們或是習慣性的談及「去看書」。
我們都知道，現在年輕人中，把獨立時長用在念書里的占不上一成，在男性中佔比例最大是指網游手游，女孩較為散在其中逛街購物游戲佔有率最大，而可以把時長關鍵撲在學習方面，比碎石子里找金子還難，因此僅僅看一下所佔佔比，有比例就不錯了，由於一本書沒詳細看了的不在少數；就你較為有興趣的難題暖場活動釋放壓力，隨後假如你讀過書籍，很有可能迅速轉換到你對專業技能的了解上去，這兒不僅能夠調查了專業技能，還調查了你的學習能力、學習培訓深層、專業知識消化能力等。
⑸ 前端必看的書籍
了解更多的前段知識請看下面我精心為您整理的前端必看的書籍，希望您喜歡!
十本學習前端必看書籍
第一本，入門
《Head first HTML&CSS》
最好的入門書。看兩遍就對HTML & CSS 有個大概印象了。
此時把w3cschool作為備查手冊收藏起來
第二本《CSS權威指南(第三版)》
最權威的CSS書籍，除了閱讀W3C的文檔外的不二選擇(就是翻譯有點操蛋，遇到感到難理解的地方可能還是要求助於網路資源)。有時間(無論是現在還是將來)可以反復看，並當做字典隨時查。
第三本《精通CSS》
廣受前輩推薦的一本書。上一本書是字典的話，這本書相當於《中學生作文大全》，匯集了一些CSS的最佳實踐。
第四本《圖解CSS3：核心技術與案例實踐》
這本書比較新，講解的是最新的CSS3(前三本書停留在CSS2.1時代)，CSS3也是必學的，不是什麼可學可不學的最新技術。
HTML CSS值得看的書就這些(之後會有一本《CSS秘密花園》，尚在翻譯中，也很值得期待)，剩下的就是自己寫還有看技術博客了。接下來是JavaScript，HTML和CSS都是沒有邏輯的標記型語言，JS才是真正的編程語言，評價前端工程師的水平就看這個了。
第五本《JavaScript DOM編程藝術》
最好的JS入門書籍，一目瞭然地告訴你如何用JS操作DOM(這是瀏覽器端編程的基本功)，還灌輸了最符合標準的編程理念。可惜有點老，最新一版是2010年的，以至於部分內容有點過期，例如本書內經常提到“某某方法瀏覽器不一定支持，需要小心使用”，而這些歷史遺留問題當今已經不存在了，閱讀過程中無視就好。
第六本《JavaScript高級程序設計》
每個前端必看的書，此書是前端工程師科技樹的關鍵一環。看完此書後再看看之後各類進階書籍會比較好。
俗稱紅寶書，也算入門書籍，雖然是大部頭(七百多頁)，但至少通讀一遍。
全部掌握了，你可以在網路社區里談笑風生了，經過實踐的鍛煉後，面試個前端工程師的崗位應該都沒問題了。
第七本《JavaScript語言精粹》
也是前端必看。薄薄一百來頁，對JS的去粗取精。
第八本《你不知道的JavaScript》
這是一套叢書， 目前為止僅翻譯了第一卷。每本都挺薄，深入介紹了JS中的重要概念。
第九本《JavaScript設計模式》
“設計模式”是軟體工程的重要課題，相當於高考時候的答題套路。前人總結出來的應對各種問題的模板。也算是必看書籍。關於JavaScript設計模式的書籍目前也有好幾本，也有國人寫的，挑一兩本看看就好。
第十本《高性能網站建設指南》(及其續篇《高性能網站進階》)
告訴你真正的商業公司的前端是怎麼優化一個網站的。當然優化的問題不是看看書就能解決的，最好時刻了解你的同行們的經驗。
第一階段：HTML和CSS的學習
HTML就不多說了，基礎中的基礎，這個都不會的小夥伴請參見HTML手冊，認真學習W3C課程，稍有基礎之後可以跟著視頻學習《HTML+CSS基礎課程》。
前端開發必看的14本書
1、《CSS權威指南》第三版
這本書實在太適合小白用戶了，是一本為初學者清掃障礙的書籍。同行一致認為這本書是學習CSS基礎的首選。CSS界權威Meyer大師的作品，翻譯水平也灰常贊!
2、《CSS那些事兒》
不用於一般技術類書籍的枯燥乏味，這本書很有意思。作者是藍色理想經典論壇標准版榮譽版主林小志，具有多年網站設計和網站重構經驗，在CSS、XHTML等前台技術方面有著深厚功底。
全書以傳達CSS布局思維為中心，通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。閱讀本書之後將會發現，原來CSS樣式居然是這么好玩的東西。
3、《精通CSS：高級Web標准解決方案》第二版
前段學習必備書籍，作者Andy Budd是國際頂尖的網頁設計師，著名的Web標准倡導者，網頁咨詢公司Clearleft的創始人之一。
本書將最有用的CSS技術匯總在一起，總結了CSS設計中的最佳實踐，討論了解決各種實際問題的技術，重點講解了一系列的css開發技巧，是前端開發人員必備的手冊。
4、《CSS禪意花園》
這是一本令人驚嘆的書!必須用一個字形容的話，那就是：美!內容編排合理,文字生動有趣引人入勝,通過一個個實例引導讀者閱讀，強烈推薦!
作者是世界著名的網站設計師，書中的範例來自網站設計領域最著名的網站——CSS Zen Garden(CSS禪意花園)。童鞋們自己去領略吧。
第二階段——JavaScript的學習
Javascript的書籍當然還是要看老外的，你懂得~
5、《JavaScriptDOM編程藝術》
此書絕對是入門好書，簡潔優美的文筆簡直是工具書中的典範啊有木有!
這本書講述了JavaScript和DOM的基礎知識，但重點放在DOM編程技術背後的思路和原則，然後將這些概念貫穿在書中的所有代碼示例中，使你看到用來創建圖片庫頁面的腳本、用來創建動畫效果的腳本和用來豐富頁面元素呈現效果的腳本，最後結合所講述的內容創建了一個實際的網站。
6、《JavaScript權威指南》第6版
這本書非常適合初級、中級程序員，是學習核心JavaScript語言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊。
第6版涵蓋HTML 5和ECMAScript 5。很多章節完全重寫，緊跟當今最佳Web開發實踐。本書新增章節描述了jQuery和伺服器端JavaScript。
7、《JavaScript高級程序設計》第三版
《javascript權威指南》比較像一本字典，而這本《javascript高級程序設計》可以算是一本由淺入深的好讀物。這兩本書看完後，對javascript一定會有較為深入的了解。
作者Nicholas C. Zakas是世界頂級Web技術專家，現為雅虎公司界面呈現架構師，負責My Yahoo!和雅虎首頁等大訪問量站點的設計。這本書，看一遍不能算看過，至少讀兩三遍，每一遍都會讓你有新的收獲。
8、《高性能JavaScript》
本書從性能角度全面分析js，含金量非常大，很多知識都是作者通過實踐總結出來的，都是經驗的積累，強烈推薦!
同是Nicholas C. Zakas所寫，如果看《JS高級程序設計》覺得理解不太透徹，學習較為吃力，那麼我強烈建議你看看這本書，真的是極好的一本實踐類書籍，言簡意賅，灰常實用!
9、《JavaScript王者歸來》
這本《JavaScript王者歸來》不僅是一本傳播知識的書，更是一本求道的書。O(∩_∩)O 有追求的程序員一定不要錯過!願神力與你同在!
它揭開了JavaScript的面紗，繞過誤解和虛幻的表象，引領你探索程序王國的奧妙。這是一本探尋程序設計思想本源的“魔法典籍”，也是一本Web開發工程師們需要的案頭參考書。
10、《JavaScript模式》
它絕對不是一本入門級別的書，適用於希望將自身的Javascript技巧提高到一個新層次的專業的開發人員和程序員。
《JavaScript模式》包含了實現每個討論的模式的實踐建議，並附有數個可以立即上手的範例;同時還可以學到一些反模式。短小精悍，進階必讀!
11、《JavaScript設計模式》
進階教程，得有一定功底才能看懂。反之，如果你輕而易舉就能拿下此書，說明你已非等閑之輩~
本書共有兩部分。第一部分給出了實現具體設計模式所需要的面向對象特性的基礎知識，第二部分則專注於各種具體的設計模式及其在JavaScript語言中的應用，主要介紹了工廠模式、橋接模式、組合模式、門面模式等幾種常見的模式。
第三階段——jQUery的學習
12、《鋒利的jQuery》第二版
入門首選，簡單易懂，非常實在。《鋒利的jQuery(第2版)》循序漸進地對jQuery的各種函數和方法調用進行了介紹，對jQuery分析的邏輯非常值得學習。
第四階段—學無止境!
如果以上書籍你全都搞定了，那麼，恭喜你，你真的很厲害!到這種程度，相信你也不太需要別人推薦書籍了，不過我還是厚著臉皮推薦兩本吧。
13、《高性能網站建設指南》
前端開發可以優化網站剩餘70%~80%性能，這本書不算厚，幾個小時就能看完，推薦前端開發工程師看看。在《高性能網站建設指南》中，作者給出了14條具體的優化原則，每一條原則都配以範例佐證，並提供了在線支持。
14、《Web開發敏捷之道》第二版
Web開發敏捷之道》曾榮獲Jolt大獎“最佳技術圖書”獎。在第1版的內容架構基礎上，第2版增加了對Rails 1.2中新特性和最佳實踐的介紹。此書覆蓋了rails1.2的方方面面，其本身也很"敏捷"，翻譯也非常好。
⑹ 學習前端有什麼書推薦
一、《web前端開發最佳實踐》
這本書是前端開發領域的經典之作，是一本扎實前端基本功，規范我們前端代碼的實踐性書籍。本書主要講解了HTML、CSS、JavaScript以及移動端開發的最佳實踐方案，能對缺乏良好知道的開發者產生很大的幫助。通過閱讀本書我們可以掌握如何編寫高可讀性、高維護性、高性能的HTML、CSS以及JavaScript。
二、《CSS那些事兒》
《CSS那些事兒是2009年電子工業出版社出版的圖書，作者是林小志。該書通過對CSS技巧實例進行講解，深入地分析了CSS相關知識。
通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中，全面分析了多重布局方式，著重分解了兩列等高和三列等高的幾種方式，並相應說明了等高布局的優缺點。
三、《CSS權威指南》
內容介紹：《CSS權威指南》通過諸多示例，詳細講解了如何做到僅在一處建立樣式表就能創建或修改整個網站的外觀，以及如何得到html力不能及的更豐富的表現效果。同時展示了如何遵循css最新規范（css2和css2.1）將層疊樣式表的方方面面應用於實踐。
七、HTTP權威指南
內容介紹：《HTTP權威指南》由古爾利所著，《HTTP權威指南》詳細解釋了如何用HTTP來開發基於Web的應用程序，核心的[網際網路協議，如何與架構構建塊交互，如何正確實現網際網路客戶和伺服器等。
《HTTP權威指南》的中心內容是HTTP，本質是理解Web的工作原理，以及如何將這些知識應用到Web編程和管理之中，主要涵蓋HTTP的技術運作方式、產生動機、性能和目標以及一些相關技術問題。 《HTTP權威指南》適合所有想了解HTTP和Web底層結構的人閱讀。
八、高性能網站建設指南
內容介紹：《高性能網站建設指南》結合Web2.0以來Web開發領域的最新形勢和特點，介紹了網站性能問題的現狀、產生的原因，以及改善或解決性能問題的原則、技術技巧和最佳實踐。重點關注網頁的行為特徵，闡釋優化Ajax、CSS、JavaScript、Flash和圖片處理等要素的技術，全面涵蓋瀏覽器端性能問題的方方面面。
⑺ 你遇到的前端面試題都有什麼
大家好，我是王我。
隨著春節的結束，各個行業也普遍開始了上班的節奏， 不過本人17號才上班。為什麼？因為長得帥的都上班比較晚。 當然，每到新年結束，又迎來了一批招聘者與面試者，我來說說作為一年工作經驗應該知道的面試題。
HTML篇
1.doctype是什麼？有哪些類型？
2.input有哪些新類型？簡要說明其8用法。
3.HTML5有哪些新特性，移除了哪些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分HTML和HTML5？
4.bootstrap響應式的原理是什麼？
5.多移動終端頁面適配是如何實現的？
CSS篇
1.如何實現兩列布局，左邊自適應，右邊固定寬度？
2.用CSS畫一個三角形
3.CSS實現字體大寫
4.display有哪些常用的屬性值？分別是什麼意思？
5.position為absolute，relative，fixed的定點位置
6.用三種方法清除浮動
7.請介紹一下margin塌陷問題
js篇
1.什麼是事件冒泡和捕獲？如何阻止事件冒泡？(分別用原生和jquery實現)
2.js創建對象，至少使用三種方法
3.簡述一下事件穿透以及解決辦法
4.用三種方式判斷變數類型是否是數組
5.如何實現對象的拷貝？
6.什麼是閉包？閉包的優缺點。
7.簡述一下ajax請求的過程。
8.簡述一下new一個人構造函數的人過程。
9.為什麼會有跨域？是怎麼解決跨域問題的？簡述一下原理。
10.js原始數據類型有哪些？
11.學一個函數，判斷一個變數是否是字元串
12.typeof有哪些結果？
13.剪頭函數和普通函數有什麼區別？
14.請用三種方法實現數組去重
15.href和src有什麼區別？
jquery篇
1.attr()和prop()有什麼區別？
2.on和bind有什麼區別？js動態添加的dom元素是通過on還是bind？
3.touch和click有什麼區別？
4.window.onload和jquery的ready有什麼區別？
vue篇
1.簡述一下vue的生命周期及其特點
2.vue雙向綁定的原理是什麼？
3.vue的特點有哪些？和jquery有什麼區別？
4.父子組件之間傳遞數據的方法
5.子組件如何共享數據？
6.一般有什麼工具進行數據交互？
7.webpack的原理是什麼？
8.簡述一下$nextTick的用法
瀏覽器篇
1.cookie、sessionStorage、localStorage的區別是什麼？
2.有用過瀏覽器緩存嗎？簡述一下基本的緩存機制
網路篇
1.http和https之間的區別
2.從伺服器的安全考慮，是使用get請求還是post請求？
3.URL請求的過程有哪些？
項目經驗篇
1.項目中遇到的最大挑戰以及解決辦法
2.常見的網頁優化有哪些？
作為一個面試一年以內工作經驗的前端程序員來說，以上的問題能夠倒答如流月薪6k應該不成問題啦。這些面試題也是我在很多面試中感覺經常被問到的題目。
希望大家年後找工作能夠順順利利， 千萬不要跟我一樣哦，只有帥氣就一無所有了。
大家好，我是王我，中國最帥的前端程序員。
前幾次都是各種培訓公司，各種忽悠就不提了，說說後面4次面試的經歷。
第一次是面一個小公司，不過他們好像沒有厲害的前端，來面我的是個後端，一來沒有問我關於js的知識，直接問我以前做過什麼，有沒有經驗，我本人不會吹牛，簡歷也沒怎麼包裝，就是自己把自學的知識和做的幾個小demo弄在上面，也用github掛在頁面上了，不過他根本不點開看，也不問，問我會不會vue，我當時對框架還不了解，他就說他們需要能直接上手開始寫的，所以我第一個就直接掛了。
第二次面試是一個國企，這個問了很多問題，都很基礎，js數據類型，數組操作，事件，大概就是高程的前面幾章看看就差不多都能答到，然後因為他們主要用jq，所以問了很多jq的操作，關於節點的，動畫的，我看鋒利的jq大概看了3遍，也練過多次，所以我答的很熟。然後問了些布局方面的，bootstrap我了解過，又看過css3，所以這方面也沒啥問題，最後在現場做了個題目，主要就是布局然後通過ajax呈現數據。後面聽介紹我面試的說面試官比較滿意，說我jq很熟，一面就過了。可惜後面電話面試不知怎麼回事可能表現的不夠自信，雖然沒問技術，但是我沒啥自信，把沒項目經驗什麼的也不知怎麼就一五一十交代了，估計因為這個掛掉了。
第三次沒問問題，直接就是一套題開做，我在那做了一個多小時。題目就是按照要求一步一步做一個頁面出來，我也搞忘了我當時卡在哪個地方了，坐在那得時候就是做不出來，沒有設計圖，要根據他的描述自己找個設計圖然後做，我第一次遇到這個有點懵，雖然當時沒做出來，不過回來我自己花了幾個小時把它做了。所以這個也是涼了。
第四個問的比較多，數據類型，數組操作，跨域，ajax，閉包，原型鏈，繼承，深拷貝，淺拷貝，模塊amd cmd，基本都是問的js。然後問了html5的新特性 css3 的新特性，遇到過什麼瀏覽器的兼容性問題，怎麼解決的，以後想往什麼方面發展。這個時候我已經會點vue了，照著做了個小demo，不過後來知道公司用的angularjs，面試官也沒看我做的，問也沒問。。以前聽網上說要帶上自己的項目去面試感覺沒起多大效果。
最後總結下如果面的比較初級的崗位，應該主要問js，原型鏈，繼承，閉包，深淺拷貝，ajax，跨域，然後js的基礎知識，對了還有apply和call也問了，html5的新特性了解下就行。主要就是看你js掌握的程度，如果稍微要求高一點的，暫時還沒面過，等以後面過在來回答
1. cookie session 的用途和區別，以及有效期
1、cookie數據存放在客戶的瀏覽器上，session數據放在伺服器上。
2、cookie不是很安全，別人可以分析存放在本地的COOKIE並進行COOKIE欺騙
考慮到安全應當使用session。
3、session會在一定時間內保存在伺服器上。當訪問增多，會比較佔用你伺服器的性能
考慮到減輕伺服器性能方面，應當使用COOKIE。
4、單個cookie保存的數據不能超過4K，很多瀏覽器都限制一個站點最多保存20個cookie。
2. vue的數據綁定原理，mvvm與mvc的區別
MVVM：
m:model數據模型層 v:view視圖層 vm:ViewModel
vue中採用的是mvvm模式，這是從mvc衍生過來的
MVVM讓視圖與viewmodel直接的關系特別的緊密，就是為了解決mvc反饋不及時的問題
圖片說明一下：
說到MVVM就要說一下雙向綁定和數據劫持的原理，
MVC：
m:model數據模型層 v:view視圖層 c:controller控制器
原理： c層需要控制model層的數據在view層進行顯示
MVC兩種方式，圖片說明：
總結：
mvvm與mvc最大的區別：
MVVM實現了view與model的自動同步，也就是model屬性改變的時候， 我們不需要再自己手動操作dom元素去改變view的顯示，而是改變屬性後該屬性對應的view層會自動改變。
不懂得可以復制鏈接查看：
https://www.pianshen.com/article/3716256399/
3. storage 的區別 sessionStorage localStorage
localStorage 的生命周期是永久性的。假若使用localStorage存儲數據，即使關閉瀏覽器，也不會讓數據消失，除非主動的去刪除數據，使用的方法如上所示。localStorage有length屬性
sessionStorage 的生命周期是在瀏覽器關閉前。也就是說，在整個瀏覽器未關閉前，其數據一直都是存在的。sessionStorage也有length屬性，其基本的判斷和使用方法和localStorage的使用是一致的
有一個文本框 通過v-bind綁定了value屬性 值為myname 是我們在vue實例中定義的屬性
傳統我們獲取文本框值方法 可能通過getElementById找到文本框 然後獲取其value屬性
但是vue中直接通過v-bind綁定了value屬性 所以不需要像之前那樣獲取值
所以在後面的按鈕中獲取name值 直接獲取vue實例對象data裡面的myname屬性即可
【數據為尊 ----數據映射到瀏覽器 如果數據v-model後修改（肯定input）然後到數據在有數據映射到瀏覽器頁面 ----映射關系統稱】
緩存路由組件
使用的是vue的一個組件，參考vue的官方文檔
使用這個東西可以保證我們在切換組件的時候，原來顯示的組件不被銷毀
-----【保障組件的數據不會被切換路由而銷毀數據】
Home是對應的組件對象的名字，不是路由的名字
6.多維數組拍平
數組拍平也稱數組扁平化，就是將數組裡面的數組打開，最後合並為一個數組
一紅六種方法吧……
了解的請看： https://www.cnblogs.com/guan-shan/p/10165737.html
7.跨域的原因 解決方案
跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源，這里跨域是廣義的。
這樣就可以說同源策略----協議---埠---域名
原生的src和href可以解決跨域
代理可以解決
請求頭也可以攜帶瀏覽器提示的也可以解決
一般都是後端解決跨域問題
【別的需要了解看下方鏈接】
https://blog.csdn.net/qq_41604383/article/details/100770100
8.uniApp兼容問題§ 如果你使用cli創建項目（即項目根目錄是package.json），不管用什麼ide，即便是用HBuilderX，切記cli項目的編譯器是在項目下的，HBuilderX不管怎麼升級都不會影響編譯器版本。你需要手動npm update來升級編譯器。以及如果你想要安裝less、scss等預編譯器，也需要自己npm安裝在項目下，而不是在HBuilderX的插件管理里安裝。
§ 如果你使用離線打包，請注意HBuilderX升級後，真機運行基座和雲打包對應引擎跟隨HBuilderX升級，而你的sdk需要手動升級。sdk的版本升級一般滯後HBuilderX正式版升級一兩天。
§ 如果你使用自定義基座，之前製作的自定義基座是不會跟隨HBuilderX升級的，升級HBuilderX後你應該重新製作新版自定義基座。
§ 如果你使用wgt升級，新版HBuilderX編譯的wgt，運行到之前的runtime上，一定要先測試好，看有沒有兼容性問題。如果有問題，就不要wgt升級，整包升級。
§ 考慮到向下兼容，uni-app編譯器在升級為新的自定義組件模式後，同時保留了對老編譯模式的向下兼容。
在HBuilderX alpha版中，App端一定會使用新編譯器，不理會manifest配置。
在HBuilderX 正式版中，新創建的項目會使用新編譯器，老項目不會強制使用，而是開發者自己在manifest里配置開啟。
§ 如果你使用其他ide開發uni-app，會經常因為拼錯單詞而運行失敗，因為經過webpack編譯一道，很多錯誤反應的不夠直觀，排錯時間很長，不如從開始就依賴有良好提示的HBuilderX，避免敲錯單詞。
§ 雲打包的引擎版本說明
HBuilderX Alpha，只有1套雲打包機，不管你的HBuilderX alpha版本多少，對應的打包機一定是最新的alpha版的客戶端引擎。
HBuilderX正式版，有2套打包機，一個是最新正式版，一個是次新正式版。
中間的緊急更新版本沒有獨立打包機。
舉個例子：
HBuilderX 有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1這幾個正式版。
那麼當前可用的打包機有1.9.1和1.8.2這2台。（即每個大版本的最後一個版本）
除了這2個HBuilderX版本外，其他版本的雲打包都指向最新的1.9.1版對應的打包機。（即只保留2個大版本的雲打包機）
【詳情請看】
https://ask.dcloud.net.cn/article/35845
一、HTML
HTML書寫規范
H5新增標簽
HTML渲染過程
二、CSS
css盒子模型概念
css彈性布局概念
三、JavaScript
事件模型
DOM2級事件模型
閉包
原型鏈
四、移動Web開發
常見的布局方案
移動端前端常見的觸摸相關事件touch、tap、swipe等整理
移動端前端手勢事件
移動端頁面渲染優化
GPU渲染
GPU核心渲染過程
五、調試
常用的調試工具
Chrome控制台調試js使用
移動端測試
六、HTTP網路知識
常見的HTTP狀態碼
不同請求類型的區別
WEB緩存方案
——————————
牛客網（www.nowcoder.com）
- 專業IT筆試面試備考平台
- 最全C++JAVA前端等互聯網技術求職題庫
- 全面提升IT編程能力
- 程序員交友聖地
分享了一些Web前端的面試題，限時一小時，你看看自己能夠答出多少道！
放心，這些面試題都是一些非常基礎的知識，只要你在平時認真聽課、學習了，那麼這些面試題肯定不會難道你。
建議：雖然沒有人監督你，但還是希望你不要去尋找答案，脫離網路，拿起紙筆，你試一下自己究竟能夠答出個什麼水平！有沒有真本領？答案盡在這些面試題里！那麼，你准備好了嗎？OK！計時開始！
一、HTML常見題目01、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？
02、HTML5為什麼只需要寫？
03、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
04、頁面導入樣式時，使用link和@import有什麼區別？
05、介紹一下你對瀏覽器內核的理解？
06、常見的瀏覽器內核有哪些？
07、html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？
08、如何區分HTML和HTML5？
09、簡述一下你對HTML語義化的理解？
10、HTML5的離線儲存怎麼使用，工作原理能不能解釋一下？
二、CSS類的題目01、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不同的？
02、CSS選擇符有哪些？哪些屬性可以繼承？
03、CSS優先順序演算法如何計算？
04、CSS3新增偽類有那些？
05、如何居中p？如何居中一個浮動元素？如何讓絕對定位的p居中？
06、display有哪些值？說明他們的作用。
07、position的值relative和absolute定位原點是？
08、CSS3有哪些新特性？
09、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景？
10、用純CSS創建一個三角形的原理是什麼？
三、Java類的題目
01、介紹Java的基本數據類型。
02、說說寫Java的基本規范？
03、Java原型，原型鏈？有什麼特點？
04、Java有幾種類型的值？(堆：原始數據類型和棧：引用數據類型)，你能畫一下他們的內存圖嗎？
05、Java如何實現繼承？
06、Java創建對象的幾種方式？
07、Java作用鏈域？
08、談談This對象的理解。
09、eval是做什麼的？
10、什麼是window對象？什麼是document對象？
OK，一小時到了，這個時間可不算短了，那麼這些面試題你答出了幾道呢？你寫的答案正確了嗎？現在你可以去翻看答案了。
如果你答出了絕大多數的或者是全部的題，並且答案也正確了，那麼恭喜你……
你這時心裡是不是有點小竊喜，認為自己有能力拿高薪了？雖然我也很想這么告訴你，但事實上這只能表明你的基礎扎實，畢竟這只是一些非常基礎的面試題。騷年~繼續努力吧！
如果你只答出了小部分或者答出了大部分題但答案不正確，那麼我只想說：「騷年，你的水平還差的遠呢。」連這么基礎的題你都打不出來，還想拿高薪？回去再練一段時間吧！
扎實的基礎是你拿高薪的重要武器，如果你連基礎都不扎實，那麼想要攻克「高薪」這個厚實的堡壘，那隻是痴人說夢罷了。
1.前端框架類問題，問你會不會用vue react啊
2.語言類，問你一些JavaScript語言的問題
3.項目經驗，讓你講講做過的項目，遇到的問題和解決之道
⑻ 即將面試前端要准備什麼樣的demo
首先，並非所有的前端開發面試都會查看你的demo
其次，如果你有項目開發經驗，那麼比較好的項目（好一方面指的是項目的功能完善，涉及到的前端技術比較多，另一方面指的是你的代碼質量比較好），就可以作為你的demo
如果你沒有項目開發經驗，那至少自己敲過一些東西，網頁或者什麼的吧，這些東西就可以作為你的demo
除此之外，如果你的技術學的不錯，JS層面學的也比較好的話，最好是書寫幾個自己的框架出來，如果還沒有達到書寫框架的層面，最起碼面向對象、原型繼承，小游戲，這種能夠凸顯你JS功底的demo，最好寫幾個。
Tips：額外說一句，別在網上隨便找個效果或者視頻課程，然後模仿一下，雖然你能做出demo，但是卻沒有你的思想和你自己的技術沉澱。
再Tips：除了demo之外，人事以及前端的面試真題建議也准備一下，可以藉助「決勝前端」的小，程序，進行學習。
⑼ 大學生面試前端開發的自我介紹
大學生面試前端開發的自我介紹範本5篇
每年畢業季職場中都會涌進大量的實習生畢業生攜帶著自我介紹簡歷資料等其他資料前來求職。而自我介紹的關鍵點之一就是要邏輯清晰，察凱這樣才能保證重點信息的呈現。你是否在找正准備撰寫「大學生面試前端開發的自我介紹」，下面我收集了相關的素材，供大家寫文參考！
大學生面試前端開發的自我介紹1
我是__學校__專業__年級學生，畢業將至，又一個新開始即將來到，等待著我繼續努力奮斗、迎接挑戰.時光飛梭，將帶著童年的夢想、青年的理想離開學校，走上工作崗位.大學四年是我思想、知識結構及心理、生長成熟的四年.惠於理工大學的濃厚學習、創新氛圍，熔融其中四年使我成為一名復合型人才.
在大學四年是我思想、知識結構及心理、生長成熟的四年.
在大學期間，我認真學習專業技能，掌握了較強的專業知識，並把理論知識運用到實踐中去，獲得__年__月暑期「三下鄉」社會實踐活動論文一等獎和__年__月湘潭市第四屆大學生科技創新競賽一等獎.此外，我還加入了院學生聯合會和學生通訊社.在院學生會期間，表現突出，由幹事被選拔為院社團聯合會管理部副部長，後來，轉而做學生通訊社負責人，作為新校區學生通訊社的負責人，負責新校區學生通訊社的組建工作.在院黨委宣傳部的指導下，經過南北校區同事的團結努力，從無到有，成功地組建了新校區學生通訊社，並在接下來的一年中，又成功地組織了三校區學生通訊社記者培訓工作，三校區學生通訊社辯論賽.在此期間，由於工作努力，表現突出，被院黨委宣傳部評為「優秀學生幹部」.
大學三年級，我以優異的成績與表現，光榮地加入了中國共產黨.加入這個先進的團體，是我人生的一次升華.在保先教育中，我更是嚴格要求自己，帶領身邊同學，一起進步.曾獲精神文明先進個人稱號.在參加義務獻血後，讓我更加懂得珍惜生命，熱愛生活.假期中，我根據專業特長，在電腦公司參加社會實踐，這對我的經驗積累起到了極其重要的作用.考取了機動車駕駛執照(C型).對即將步入社會的我，充滿了信心.「長風破浪會有時，直掛雲帆濟滄海」，懷著飽滿的熱情、堅韌的性格、勤奮的態度，等待著我的是機遇與挑戰!抓住這個機會，為單位盡自己綿薄之力.
大學生面試前端開發的自我介紹2
我很平凡，但我不甘平庸。因此也養成了我不怕吃苦的堅韌個性。未來的道路上充滿了機遇與挑戰，我正激越豪情、滿懷鬥志准備迎接。我堅定地認為：天生我材必有用，付出總會有回報!
貴企業是服務型行業。結合我自身工作經歷和切身體會，服務的內涵就是為集體或別人工作，服務質量的優、劣取決於能夠滿足被服務者需求程度的高、低。隨著經濟發展和社會進步，服務對象給我們提出了更高的要求，需要我們更加完善我們的服務質量和特性，這就需要我們這些從業者從縱深開拓進取，創新服務，以不變應萬變，順應時代潮流，更好，更快的服務於企業經濟發展。
我應聘的'崗位是前台敗碰喚迎賓。如果我有幸能夠成為貴公司的一員，我將會做到以下幾點：
一、以身作則，率先垂範，自覺遵守公司各項規章制度。恪守「學習化生存」的理念，學習是個人良好工作的前提，善於學習企業文化，感知企業文化底蘊，銘記企業規章制度。工作學習化，把工作的過程看成是學習的過程，虛心向有經驗的同事請教學習;學習工作化，把學習與工作一樣對待，多與身邊工作同事交流溝通。
二、在細節中見服務。針對我應聘的崗位來說，我認為這項管理工作需要的就是有負責任的心和好的工作態度，更需要我從細致的事情做起，從一言一行做起。開展工作時注重講究工作藝術性，讓顧客、銷售商及銷售服務人員滿意是為之不懈努力奮斗的目標。
三、微笑服務是我工作中的生命線。作為一名服務人員，微笑是永恆的表情，是展示自我的一張名片。我深知顧客需要有一個自然、親切、友好、受尊重的氣氛，所以在工作中，我會做到微笑服務用語保持親切柔和，平等口氣，說話時語句正確、婉轉。
飲水思源，多年的服務行業工作經歷，塑造了我良好的服務意識，現如今我願以飽滿的熱情投入到我夢寐以求的工作崗位。沒有，只有更好。我會用行動證明自己的價值。請給我一個機會運用我的所學為貴公司效力，本著「從今做起。以我做起」的原則，讓我們攜手共創美好未來。
大學生面試前端開發的自我介紹3
本人有著較強的溝通表達潛力，對工作有上進心吵祥、認真負責、待人真誠、處人隨和!換位思考有自己獨特的想法這是我最大的`優點，並且我多才多藝，我相信我能勝任任何工作!我理想就是能實現我的個人價值的挖掘，能讓我的價值得到最大實現，同時實現企業利潤和價值的最大化。從基層做起，不斷學習，一點一滴積累經驗，努力提升自我。叢基層技術做起，向管理層邁進。
大學生面試前端開發的自我介紹4
您好!首先感謝您給我這次難得的機遇，請您在百忙之中抽出一點時間，以平和的心態來看我的簡歷，由於時間倉促，准備難免有不足和紕漏之處，請予以諒解!
其實，只想報著一種平靜而真誠的心情，把這看作是交流和溝通的平台。真的，這可能是我人生中又一轉折，至少會是人生中一次不一般的經歷。
首先，我想表明一下個人的工作態度。也可能是閱歷的淺薄吧。一直到現在我都固執地認為：我的工作就是一種學習的過程，能夠在工作中不斷地汲取知識。當然，錢很重要，不過對我來說，充實而快樂的感覺就是的滿足了!一份不錯的自薦書範文也許讓我們走的更近。
如果非要推銷自己的話，我想個人的生活經歷讓自己考慮問題更細致一些。第一，從十六歲開始，一直獨自一人在外生活，自理能力不成問題。第二，從中專生至大專生，讓我更加有一種緊迫感，危機感。第三，在工作中，一直是以大專生的學識，中專生的姿態來要求自己，做到了"三心"，即細心，耐心，恆心;"二意"，即誠意，真意。
當然，自己也並不是具備什麼壓倒性的優勢，甚至從某種程度來說，優勢即是劣勢，雖然才剛開始接觸這個行業，只能說剛剛上道而已。要走的路還任重而道遠!再者，離開設計也有一段時間了，重新開始又將是一個艱苦的過程!可不管怎麼說，只要興趣所在，心志所向，我想這些都是完全可以克服的。
最後，恭祝貴公司事業蒸蒸日上，祝您工作順利!請予以考慮我這個新兵。願與貴公司攜手共築美好未來!為盼!
大學生面試前端開發的自我介紹5
主考官您好，我叫某某某，是一個性格開朗、自信，不輕易服輸的人。生活中我喜歡與人交往，通過與各種朋友相處，學習到了很多自身缺乏的優點。在學習上我積極認真，努力掌握專業知識，現在已經具有相關的辦公室事務管理、文書擬寫與處理公共關系策劃與活動組織等能力。
在校期間我曾擔任系團委、學生會組織部部長，在工作中具有高度的責任感，能出色的完成本職工作，並協助別的同學，有很好的組織能力及團隊協作精神。
大學的學習、工作與生活使我樹立了正確的人生觀、價值觀，形成了熱情上進的性格和誠實、守信，有責任心的人生信條。
面對社會的種.種挑戰，雖然我的經驗和某些方面的技能水平不足，但相信在今後的學習、生活、工作中我會越做越好，以不懈奮斗的意念，愈戰愈強的精神和忠實肯乾的作風實現自我人生價值。
⑽ 學前端開發有哪些好書推薦
推薦你下看下面的6本書
《JavaScript DOM 編程藝術》
超級前端暢銷書，作為前端程序員必讀兩遍以上的書籍，這本書籍特別適合初學前端的新人，前端的核心技術就是JavaScript，同時也是前端的難點。而這本書非常適合入門，通俗易懂，生動的案例可以讓初學者更好的進行理解。所提及的很多編程思想卻適合低中級層次的前端開發者學習。
《JavaScript權威指南》
同樣是前端程序員必讀的一本書籍，不僅適合初學者，還適合那些已經在做前端工作的程序員進行隨時翻閱。裡面涵蓋了JavaScript的所有內容，以及web瀏覽器所實現的JavaScript API。對於了解js的基礎知識，比如對象，數組，語法，作用域，閉包等等都很有幫助。
《JavaScript 高級程序設計》
如果你想把JavaScript非常完全的系統學習一遍，我強烈推薦這本書，這本書可以一直保留，在用這本書的過程中還可以畫下重點，以後可以作為參考，是工作中非常強力的幫手。面試的時候也可以很好的應用上，我們俗稱的「紅寶書」。
《你不知道的JavaScript》
這本書不適合前端的初學者，想要深入的了解JavaScript原理，這是每一個前端程序員必須要研究的一本書籍。要讓不求甚解的JavaScript開發者迎難而上，深入語言內部，弄清楚JavaScript每一個零部件的用途。如果可以把這本書吃透，那麼以後理解任何東西都可以很快的理解和掌握。
《Vue.js權威指南》
Vue作為現在前端的主流框架，在國內應用最為廣泛，所以了解Vue原理必須要啃一本Vue的書籍。我之所以推薦這本，是因為這本書對於引導初用Vue的開發者有著質的提升。從基礎知識到主流打包以及源碼解析，還有很多實踐的案例，都是一本不錯的實用性書籍。主要內容包括數據綁定、指令、表單控制項綁定、過濾器、組件、表單驗證、服務通信、路由和視圖、vue-cli、測試開發和調試、源碼解析及主流打包構建工具等。該書內容全面，講解細致，示例豐富，適用於各層次的開發者。
《編程之美》
無論是什麼崗位的程序員，必讀的一本書籍，沒有讀過這本書的程序員幾乎都是假程序員。這本書有60道演算法和程序設計題目，這些題目大部分在近年的筆試，面試中出現過，或者是被微軟員工熱烈討論過。作者試圖從書中各種有趣的問題出發，引導讀者發現問題，分析問題，解決問題，尋找更優的解法。可以大幅度提高自己的編程思維和對於這個行業的深入思考，最終變成技術大牛。
視頻教程戳這里：網頁鏈接，海量視頻教程隨你挑！