初級前端面試需要帶什麼作品？
感謝，已經順利工作，忘了來更新
面試是一場考核理論加實踐加心理素質加談判技巧的綜合性運動，搞技術的，除了面試就是離職這兩次談判，這是你到目前人生經歷中碰見最多次數對人性或自我考量的機會，所以要多方面做好準備，力爭讓自己的利益最大化。很多大神都是從設計轉到前端的，也有的不是轉的，但從事過設計類的工作，比如：nodejs界的TJ，框架界的vue作者尤大啊，打雜界的豪情啊等等。但過去的事是將來工作的優勢，能夠很好的換位思考，而不是談論吹噓的資本。你看像我，我從來不說，我精通PS，coreldraw,flash,vim，五筆等等之類的事情。我有追波站酷賬號，這種事情我一般是不會給別人講的。所以，不要妄自菲薄，自怨自艾，前途一片光明，需要的是你一顆保持謙虛謹慎努力向上的心，一直向前，不拋棄，不放棄，改變的只有方法，丟棄的只有劣性，微調的是你計劃，不變的是你追求夢想實現自我價值的宏大目標。然後據你的描述，我猜測你沒有參加過面試，或者參加過，但可能對整個面試的環節關鍵點不太掌握，我個人建議從這篇文章入手了解一下，一點心得體會，僅供參考：我們前端是怎麼找到工作的
整個的面試到拿到offer，總共三個過程：接到電話前的準備，當面面談，拿到offer，安全度過試用期，上文中都有介紹，就不一一介紹了。
下面說準備作品，其實作品只是你能力的一種輸出渠道，除了作品之外，你還需要通過各種方式積累互聯網名氣，無論是自己寫博客展現才華(比如司徒，張鑫旭大神)，還是參與互聯網撕逼大賽劍走偏峰（比如前端大牛中有一批批判精神的牛們，這種活動一直想參與，奈何基礎不好，沒能參加上），還是通過一種營銷的手段硬推等等（比如明哥如一匹黑馬在2015年的年末劃亮了我們前端界沉寂很久的夜空，著實亮瞎了我的鈦合金狗眼）。都是快速找到工作的一種途徑，人生如戲，全靠演技，機會是給有準備的人，這都不是空話。這些展開的話題在這，有興趣去看看：網上分享知識和幫助他人，自己有什麼收穫？然後回歸到作品這個話題，我以前有篇文章 前端應聘要準備些什麼樣子的作品？，直接轉來，希望有所借鑒，歡迎各大媒體朋友瘋狂轉載，連載，讓「豪情」這兩個字眼無恥出現在的搜索引擎第一頁的機會更多一些：有些人還在疑惑要不要提供作品，怎麼樣提供，這個在上文中有談到 ( 我們前端是怎麼找到工作的 )，作品是必須要提供的，社會是競爭的，你不提供，別人提供，機會就是這樣讓出去的。提供一切的作品，一切在線資源的目的是為了更形象方便的證明你某方面的能力，提供更多的資源是為了更全面的了解，通過簡短的幾十分鐘面試，面試官並不能全面的了解你，提供其它信息，有助於面試官通過其它渠道對你進行了解，進而進一步核實你的能力是否與公司崗位要求匹配。簡單說，你說你很牛逼，但你得讓別人方便的知道你很牛逼，只憑一句話是不行的，U盤拷文件也是不行的，因為你還沒有見到面試官，需要的是機會，見到面試官的機會，這需要方方面面的準備，作品是其中最直接的一種方式。
1. 證明工作經歷的，具備某種解決問題能力的，具備解決某種問題經驗的。公司現有官網，相關產品地址，如果沒有就提供代碼截圖，界面截圖，靜態頁面等等。反正得有一樣，證明你曾經有這個經歷，在交流時，證明當時擔任這個角色的時候做了那些東西，當中遇到了什麼困難或問題，你是怎麼解決的，等等的，雖然有些回答並不完美，有時候處理並不合適，但這就是成長的痕迹，過於完美，那不就成長，叫電影藝術，況且電影藝術也是強調成長，小人物的心理。星爺的電影感動我們不就是因為他在任何時候都在掙扎，都在試圖成長。
2. 證明學習能力的，博客，裡邊應該有若干篇學習新東西的博文。證明你業餘時間，充分利用，並對新技術有自己的見解或看法，即能隨波助流，又能劍走偏峰。同時也是記錄總結的利器，以後積累經驗，工作中迅速尋找解決方案的來源之一。
3. 證明對新技術探索能力的，github裡邊應該有幾個現有熱門技術的項目。表示在尋找新技術解決方案的路上，一直保持著一顆敬畏之心，一顆虔誠的心，時刻保持學習或了解新事物的態度或激情。
岑安作品集4. 證明對其它技術熱情的，可以單獨弄一個列表的。
實例索引
豪情作品集
像這樣的列表，扔掉那些約束技術表現的商業因素，只是純前端的思想來展現你所表達的東西。博客無所謂什麼皮膚，你的崗位是前端，著重的是css,js能力的體現，所以先隨便整一個咯。建議博客園，好處是皮膚可以自己定義，沒這個能力的暫時弄一個現成的。像我的這樣： 豪情 - 博客園 ，皮膚也有： 黑綠之旅 - 博客模板
簡單一句話，你的作品是為你的能力服務，擅長哪個領域就準備哪個領域的作品。還有就是這些作品是一個結果，其實我提倡在享受積累作品的同時，積累最後的結果。這樣面試的時候就技術的細節才能聊得起來。不要因為這個結果，而忽略掉這個過程，過程比結果更重要，過程沉澱在你的腦海中，陪伴終身，靈活變化，結果會因客觀因素而掉失掉，保持激情，勿忘初心，堅持。
以上僅供參考，以下是福利階段：還有相關疑問，或學習難題，建議加群：492107297，禁止閑聊，非喜勿進。這個群現在不得了，根據新廣告法，有可能是全球兩岸三地東半球最強中文聯盟群，旗下有細分的：vuejs，angularjs，nodejs，php，java等高質量技術交流群。禁止閑聊非喜勿進。這麼多群怎麼加，先加上面那個群，經過人品的考核，技術的達標之後，根據興趣邀請進入其它相關的群。然後為什麼不公開群號，內部渠道群，基礎不過關的不加，就是這麼驕傲。你非要問，那就公布一個vuejs的群：Vuejs 364912432，此群高手如雲，要視頻啊，要手冊就繞行吧，恕不奉陪。我們的群規： 概況 - [ JS前端開發群規 。
我們的月報：目錄 - [ JS前端開發群月報 ]代碼帶過去也沒用，放到 Github 上，或者利用 github pages 託管起來，然後把地址寫到簡歷上就可以了。
千言萬語濃縮成了一行URL。
這個我倒是可以回答下，我是16屆應屆生也筆試面試過很多公司。如果你走校招的路子，一般來說是一次筆試二次技術面試當然也有很多大公司筆試都在線的，筆試考什麼呢？一般由操作系統，數據結構與演算法，C語言，資料庫這幾個構成，大頭是演算法基本一個題20分。所以你要進比較好的公司演算法不能太差（這個我得多說一句，不是說，前端就不考演算法大部分公司校招筆試都是一樣是題目），當然也有一些公司筆試會來全考前端或者前端和演算法一起考（基本就是前端40分演算法C語言什麼的60分）大致筆試是這樣的。 再談談前端考什麼呢，根據題主的描述應該CSS是比較好的，js會一些特效什麼的，我建議題主在js方面得加強因為大部分面試官基本都是問js的，問的東西第一大塊是：js的原型，作用域,閉包，自運行函數，命名空間等等就是考察你對js語言掌握怎麼樣。第二大塊:就是web方面了，寫個cookie，cookie和storage的區別，緩存,狀態碼，http協議等等一些比較基礎的東西。第三大塊：就是你對前端一些流行框架的了解這個一般是ext,angular,backbone等等一些大型框架（不是jq）現在流行的react隨便說一個。說到這裡題主可能會有疑問，HTML5,CSS3呢？在這裡我得提下HTML5是一個非常大的坑基本上就說了解HTML5一些API就行了，CSS3就是彈性盒子，彈性盒子務必掌握！總而言之，前端是以js為核心像外輻射的一個比較的大的體系，所以題主在自學的時候一定要以js為主把js基礎打好！最後：項目經驗也比較重要，所以大三暑假最後去實習，大四秋招就有一些項目經驗了！ 如果在css上面有很大的興趣也可以主攻CSS 進階的Sass,大漠老師就是例子，條條大路通羅馬！ 好像就這些了，只是我個人在秋招找工作的一些體會僅供參考！僅供參考！僅供參考！
前端面試需要帶什麼作品？
1：首先肯定是帶上簡歷啊，面試不帶簡歷真的不是約談么。簡歷裡面要有什麼？
①你的基本信息，名字電話一定要有，你會什麼?HTML+CSS+Javascript?這樣算是廢話吧，如果改成會切圖，能明白設計師的意圖並完成相應的交互。
②會一些H5就寫上，CSS(3),JavaScript直接上一些框架和庫吧 ，熟悉jQuery，zepto，了解Vue，react啥的，前提是一定要是真的會才寫，不要裝胖子。 ③寫框架的時候最好附上有相關項目經驗，比如熟悉Vue並有相關的開發經驗。然後就是寫上項目經驗了，簡單介紹項目內容和自己參與的模塊以及相關的技術。2.如果你能有一份網頁上的簡歷最好了，這樣附上相關項目鏈接最好 此處盜用同屆著名前端張秋怡的簡歷張秋怡 - 個人簡歷，最好能有一點線上的作品比較好，直接上url 附上之前做的某官網網易有錢官網。
3.要是想去好一點的公司，那就得那點乾貨出來，此處應有博客(博客園，csdn，segmentfault,github)+github項目，此處盜用組長github lemonJu (謝鵬程) · GitHub其實並不是說要寫的多好，要有好多人訪問才行。只要能證明你的努力和對知識的熱情就好了，不知道寫什麼？學前端這麼久總看過一些書吧，高程3看懂了么？面向對象那一章真的懂了？來點自己的間接？閉包不好懂吧？多翻點別人博客，終於懂了？要不把見解寫上博客？JavaScript語言精粹 精通CSS，高級web解決方案 jQuery源碼解析 這些書多少能寫點讀後感或者自己的測試或者自己的見解。4.換一身乾淨的衣服，洗個頭，第一印象很重要。謝邀。
企業考核員工是立體的、多維度的，會考察溝通能力、協調能力、學習能力和知識技能等方面。個人感覺，關於知識技能，前端面試比較看重--基礎知識和項目經驗。基礎知識
||目前的水平是基本上線上的企業站都能臨摹下來，如淘寶，華為，小米，一般網站有的輪播等動態效果能做出來，但無計算機基礎，完全不懂後台運作，也不懂什麼優化之類的……- 沒有計算機基礎這個比較致命，計算機基礎是非常重要的，除非你只想當個初級碼農。由於你的專業離計算機太遠，更是缺乏相關知識（數據結構與演算法、計算機組成原理、計算機網路、編譯原理等）儲備，如果想要有長遠發展，需要在這方面多下功夫。
- 很多前端面試官也會考察性能優化（推薦書籍：高性能JavaScript、高性能網站進階指南、Web性能實踐日誌、Web性能權威指南等）方面的知識，畢竟一個不斷追求高質量代碼的程序猿才是一位有前途的程序猿。
- 不少招聘要求上也要求有後端知識儲備，這樣進入團隊之後可以減少很多溝通成本。可以學習一下PHP或者Node.js。
既然知道自己的薄弱環節，希望題主加強一下這方面的儲備。
（附：2015騰訊暑期實習--前端工程師--應聘經驗，常見前端面試題及答案）項目經驗
把自己寫的代碼託管到git或者其他平台就好，簡歷上註明地址。不要寫給自己挖坑的項目，要寫上有代表性的，能體現自己水平的。如果有個人項目，最好寫個人項目，這個更能證明你的個人能力；自己模仿的其他項目，只能說明你的有一些實踐基礎。最好是自己獨立完成的、已經上線的項目，代碼一定要規範，有些面試官會看你源代碼的。
具體，究竟該側重知識儲備還是項目實踐，這個仁者見仁智者見智。不同的面試官及不同的面試環節側重點都不同，個人推薦你側重知識儲備。前面有各種長篇大論的回答，我來個簡短的。帶兩個：
- 一個精心優化的作品
- 一個踏踏實實的人
作品不要多，多了別人也沒時間看。一個就夠了，但是要是精心優化的。比如標籤語義化，減少不必要的元素，包裝好js代碼，做好瀏覽器兼容，優化載入時間（圖片換成svg或者iconfont，優化瀑布流），移動端適配。這些一定要是自己提前用心做好的，跟面試官交流的時候可以說說自己做這些的過程，讓他深入了解你的技術水平。
另外就是一個踏踏實實的人，不用把自己吹的天花亂墜，放心面試官能看出來你水平到底有多少。如果看不出來，那樣的公司你也別去了，因為面試官的水平一定程度上能反應公司的水平，公司整體水平不行，去了得不到提升。會就是會，不會就說不會，但是你可以說如果你在工作中遇到了，會怎麼思考分析，怎麼去搜索。這樣可以讓對方覺得你很踏實，又有解決問題的能力。這恰恰是面試官最看重的。
點贊加關注，幹活持續分享中
- 帶二維碼吧，效果其實也挺好的
- github都成標配了，有博客大部分都會加分
- 線上已運營的網站，給面試官show注釋裡面自己的簽名也是酷酷的
- 還有可以帶塊平板，面試時有wifi當然好，沒有起碼有個離線版本或者APP在平板上可以展示
- 自己的網站選擇新浪sae或者github pages也好，最好買個自己的域名，綁定自己的獨立域名會高一點逼格的~
- 有什麼好的平台的賬號也可以選擇性寫上去，效果不比博客差
- 刷刷面試題
最後，帶上一個好的心態去吧，沒有好作品不要緊，沒有好的實力也不要緊，最要緊是要別人看到你的潛力~祝成功~
前端自學後找個實習工作還是挺簡單的，只要向公司表明你的對前端的熱愛就好啦~
這是我去年找工作寫的個人簡歷網站:web前端工程師簡歷 現在在百度搜"前端工程師簡歷"還排在一二位的，哈哈哈，雖然寫的超級簡陋，但還是把我現在公司的前端負責人打動了，收留了我----------2016.08.13更新------------
不好意思天天搬磚太忙，沒時間回復各位的評論。現在前端已入職一年，薪資翻倍，有了自己的一些心得體會。現在回來給自學的同學一點點我的經驗吧^_^
1.每一個企業都想招有兩三年經驗的人，可以直接出活；或者招985,211的應屆生，企業相信他們學習能力強，也能快速的跟上；然而像我這樣，野雞大學非科班畢業，零經驗，在競爭中那必然處於劣勢，所以自己必須要滿足兩點：一有拿得出手的作品，二有對前端的熱情。要知道面試你的人一般都是前端負責人，如果你的態度端正，對前端非常喜歡，對薪資要求符合自身水平的話，他會說服老闆為你的潛力買單的。
2.選擇好的團隊。如果你去的公司前端團隊只可能就你一個人或兩三個的話，那就不要去了。環境很重要，抱團交流競爭互助成長才更快。盡量往大神堆裡面去，要有寧願在鶴群里當雞，也不要在雞群裡面當鶴的思想（誒怎麼感覺怪怪的）。
3.團隊交流很重要，但自學必須是前端（或者整個IT）的必備技能，特別前端這個行業更新快，需要更強的自學能力，但也不要被什麼angular，react，vue這些看似高大上的mvvm框架，或者gulp webpack require AMD CMD之類的 模塊化，自動化，工程化弄懵逼了，稍微了解下他們的大體思想就可以了，畢竟自己只是一個初級的前端，框架都是看公司的選型，公司用什麼，進去之後自然會學習的，至於你學的快不快，全靠你的基礎牢不牢了。
4.只要你喜歡，認真對待，前端找個初級工作真的不難，要對自己有信心！
----------2016.03.25更新------------
答主最近要換個工作環境啦~所以正在重構這個簡歷的代碼，用的是angularJS1.5，less，ES6，webpack，gulp來構建開發，已經上線。
開源地址：zhaoky/flqin
歡迎初學者clone我的簡歷代碼，喜歡的話請賜我一個star吧~~
精心準備的作品，一個就夠。
東拼西湊的作品，一百個都沒用。
不好說啊 你只要能展示出自己能力的作品就好，剩下的得看公司了。
懂行的公司，一般不看作品，聊會天就知道你什麼水平；一點也不懂行的公司一看你作品一般兩種反應：你的作品他從來沒見過——哇，這是個高手啊！你的作品是基於bootstrap做的，他一看——都是上網抄人家的，技術不行心還壞；多少懂點的才會認真看你作品，然後在作品上指指點點，他倒不是為了考你，而是展示他自己：我可是懂行的啊，你別騙我，你別問我瞎要高薪！就醬。分享下我的經歷：我當時轉行的技術水平和題主你描述的差不多，我主要投的中小型公司，有一個給縣級政府做外包的公司讓我去面試，因為我沒什麼作品，所以就把我平時練習的所有demo打包帶去了，然後很誠懇的給負責人說我是自學的，切圖寫網頁肯定沒問題，一般的javascript動效也還行。他們當時正好缺人，可能感覺我也很實誠（待遇要的低），所以就給我了一張psd設計圖，2天時間內做成網頁交給他們。最後我當然按時完成了任務，進入他們公司轉行到了前端。總結下，我覺得題主要對自己有一個清晰的定位，開始可以瞄準中小型公司，這些公司一般前端不太正規，面試也不難，你說明自己的情況，待遇稍微低點，剩下的交給他們就行了。再多說點，進了公司之後多學多做多問，熟悉你手上的工作之後，如果感覺公司不行，就可以準備跳槽，這時候你就可以往更專業的互聯網公司投簡歷了。
上年九月份秋招那段時間，前前後後也去參加了十幾二十場面試，也說兩句自己的感受吧。
面試開發崗，我覺得要帶到面試現場的，就5張A4彩打簡歷，1支筆，幾張草稿紙就好了（簡歷帶多幾張是因為有些面試官會收走你簡歷做筆記，預防進入下一輪沒簡歷了）。但在面試過程中時，你做過的作品/項目，其實是非常非常重要的！面試官會根據你對所做過的作品/項目的描述，判斷你的技術接觸面有多廣，如果在實現過程中有難點，你又是怎麼樣解決的。我遇到的面試官，有時甚至會花一半有多的時間，跟我討論我自己以前做過的作品。
而為了向面試官更好地展示你的作品，最好的方式，絕對就是在簡歷上扔他一臉的作品在線鏈接！（當然每一個都要配上簡短的文字介紹）一方面證明你是很用心地做過許多東西的，另一方面技術崗面試官肯定會有部手提在手上的，聊到哪個作品，他先瀏覽器上去看一輪，也更一目了然。在這裡，很建議在自己作品那裡，可加上自己搭建的個人博客這東西（當然要做的美美的……）。對於前端崗，一來可以展示你頁面重構展現美感的功力，二來也能寫些技術博客說說你學過前端哪些東西，或者前端學習道路之類的。
最後再推薦幾個，把自己作品上線，讓面試官一輸簡歷上地址就能看的方式：
1. github。這個是最大眾化最方便的，一來可以用n個倉庫把你做過的項目全扔上去，二來類似剛剛說的個人博客，用gh-pages一放，面試時面試官一輸就看到你頁面效果了。當然這個缺點也很明顯只能做靜態頁面，沒有後台沒有資料庫可用。2. 上網租伺服器。 這個自然是最強大的方式，當然成本也最高，可能還要自己配置伺服器。可以用國內阿里雲，也可以找一些外國的伺服器提供商。找外國的好處是你還能配個 vpn shadowsocks之類，從此翻qiang什麼的也爽爽噠?*? (ˊ?ˋ*) ?*?
3.新浪的SAE。這個非常推薦！他面向的開發者搗鼓的一些小型應用（當然新浪說也有不少創業團隊的較大網站也是用他們的）。伺服器什麼的人家都配好了，你需要做的就是把代碼扔上去，在按照他的文檔，稍微改一下資料庫的地址埠之類的，很簡單的。SAE的計費模式是消耗雲豆，然後你一註冊+實名驗證就會送你個兩三千雲豆的。如果我們寫的網站訪問量pv什麼的很低，消耗速度也會非常非常慢（我那裡好像寫是50多年才消耗完……）但也有一個缺點，就是後台他好像限制死了只能用幾種語言（php，java，python沒記錯是這幾個）所以如果是用其他後台的就跑不了。群主你好，希望看見的大神給我指點一下，本人15年畢業的，16年在南京北大青鳥培訓被騙，一直想做web前端開發，但只會html,css,能夠熟練使用JavaScript中DOM操作和簡單的特效，熟練使用JQ來完成一些輪播圖，二級菜單等，會點H5中canvas畫布，沒有做過這一行，但是真的想入行，奈何找不到公司，沒有工作經驗，沒有一家要，我想問一下，這樣我有沒有可能會有公司要我？或者是我的面試方式不對？還是我根本就幹不了這一行
拿了個surface3…給面試官看了一眼我的個人網站...真的只看了一眼...早知道什麼都不拿了。面另一家的時候二面面試官倒是仔細問了問我的代碼。有在線項目的，什麼都不用拿，面試官會拿張A4紙給你寫寫畫畫的，沒有的就拿自己電腦吧，看看自己寫的項目代碼什麼的
女的 長得好看 比什麼都重要 謝謝