問題描述

你遇到過比較難的技術(shù)問題是？你是如何解決的？

常使用的庫(kù)有哪些？常用的前端開發(fā)工具？開發(fā)過什么應(yīng)用或組件？

頁面重構(gòu)怎么操作？

列舉IE 與其他瀏覽器不一樣的特性？

99%的網(wǎng)站都需要被重構(gòu)是那本書上寫的？

什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？

WEB應(yīng)用從服務(wù)器主動(dòng)推送Data到客戶端有那些方式？

對(duì)Node的優(yōu)點(diǎn)和缺點(diǎn)提出了自己的看法？

*（優(yōu)點(diǎn)）因?yàn)镹ode是基于事件驅(qū)動(dòng)和無阻塞的，所以非常適合處理并發(fā)請(qǐng)求， 因此構(gòu)建在Node上的代理服務(wù)器相比其他技術(shù)實(shí)現(xiàn)（如Ruby）的服務(wù)器表現(xiàn)要好得多。 此外，與Node代理服務(wù)器交互的客戶端代碼是由javascript語言編寫的， 因此客戶端和服務(wù)器端都用同一種語言編寫，這是非常美妙的事情。*（缺點(diǎn)）Node是一個(gè)相對(duì)新的開源項(xiàng)目，所以不太穩(wěn)定，它總是一直在變， 而且缺少足夠多的第三方庫(kù)支持。看起來，就像是Ruby/Rails當(dāng)年的樣子。

你有哪些性能優(yōu)化的方法？

（看雅虎14條性能優(yōu)化原則）。 （1） 減少http請(qǐng)求次數(shù)：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網(wǎng)頁Gzip，CDN托管，data緩存 ，圖片服務(wù)器。 （2） 前端模板 JS+數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存AJAX請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù) （3） 用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能。 （4） 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style。 （5） 少用全局變量、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少IO讀取操作。 （6） 避免使用CSS Expression（css表達(dá)式)又稱Dynamic properties(動(dòng)態(tài)屬性)。 （7） 圖片預(yù)加載，將樣式表放在頂部，將腳本放在底部 加上時(shí)間戳。 （8） 避免在頁面的主體布局中使用table，table要等其中的內(nèi)容完全下載之后才會(huì)顯示出來，顯示比div+css布局慢。

http狀態(tài)碼有那些？分別代表是什么意思？

100-199 用于指定客戶端應(yīng)相應(yīng)的某些動(dòng)作。 200-299 用于表示請(qǐng)求成功。 300-399 用于已經(jīng)移動(dòng)的文件并且常被包含在定位頭信息中指定新的地址信息。 400-499 用于指出客戶端的錯(cuò)誤。400 1、語義有誤，當(dāng)前請(qǐng)求無法被服務(wù)器理解。401 當(dāng)前請(qǐng)求需要用戶驗(yàn)證 403 服務(wù)器已經(jīng)理解請(qǐng)求，但是拒絕執(zhí)行它。500-599 用于支持服務(wù)器錯(cuò)誤。 503 – 服務(wù)不可用

一個(gè)頁面從輸入 URL 到頁面加載顯示完成，這個(gè)過程中都發(fā)生了什么？（流程說的越詳細(xì)越好）

查找瀏覽器緩存 DNS解析、查找該域名對(duì)應(yīng)的IP地址、重定向（301）、發(fā)出第二個(gè)GET請(qǐng)求 進(jìn)行HTTP協(xié)議會(huì)話 客戶端發(fā)送報(bào)頭(請(qǐng)求報(bào)頭) 服務(wù)器回饋報(bào)頭(響應(yīng)報(bào)頭) html文檔開始下載 文檔樹建立，根據(jù)標(biāo)記請(qǐng)求所需指定MIME類型的文件 文件顯示 [ 瀏覽器這邊做的工作大致分為以下幾步： 加載：根據(jù)請(qǐng)求的URL進(jìn)行域名解析，向服務(wù)器發(fā)起請(qǐng)求，接收文件（HTML、JS、CSS、圖象等）。 解析：對(duì)加載到的資源（HTML、JS、CSS等）進(jìn)行語法解析，建議相應(yīng)的內(nèi)部數(shù)據(jù)結(jié)構(gòu)（比如HTML的DOM樹，JS的（對(duì)象）屬性表，CSS的樣式規(guī)則等等） }

除了前端以外還了解什么其它技術(shù)么？你最最厲害的技能是什么？

你常用的開發(fā)工具是什么，為什么？

對(duì)前端界面工程師這個(gè)職位是怎么樣理解的？它的前景會(huì)怎么樣？

前端是最貼近用戶的程序員，比后端、數(shù)據(jù)庫(kù)、產(chǎn)品經(jīng)理、運(yùn)營(yíng)、安全都近。 1、實(shí)現(xiàn)界面交互 2、提升用戶體驗(yàn) 3、有了Node.js，前端可以實(shí)現(xiàn)服務(wù)端的一些事情前端是最貼近用戶的程序員，前端的能力就是能讓產(chǎn)品從 90分進(jìn)化到 100 分，甚至更好， 參與項(xiàng)目，快速高質(zhì)量完成實(shí)現(xiàn)效果圖，精確到1px； 與團(tuán)隊(duì)成員，UI設(shè)計(jì)，產(chǎn)品經(jīng)理的溝通； 做好的頁面結(jié)構(gòu)，頁面重構(gòu)和用戶體驗(yàn)； 處理hack，兼容、寫出優(yōu)美的代碼格式； 針對(duì)服務(wù)器的優(yōu)化、擁抱最新前端技術(shù)。

加班的看法？

加班就像借錢，原則應(yīng)當(dāng)是------救急不救窮

平時(shí)如何管理你的項(xiàng)目？

先期團(tuán)隊(duì)必須確定好全局樣式（globe.css），編碼模式(utf-8) 等編寫習(xí)慣必須一致（例如都是采用繼承式的寫法，單樣式都寫成一行）；標(biāo)注樣式編寫人，各模塊都及時(shí)標(biāo)注（標(biāo)注關(guān)鍵樣式調(diào)用的地方）；頁面進(jìn)行標(biāo)注（例如 頁面 模塊 開始和結(jié)束）；CSS跟HTML 分文件夾并行存放，命名都得統(tǒng)一（例如style.css）JS 分文件夾存放 命民以該JS 功能為準(zhǔn)英文翻譯；圖片采用整合的 images.png png8 格式文件使用 盡量整合在一起使用方便將來的管理

如何設(shè)計(jì)突發(fā)大規(guī)模并發(fā)架構(gòu)？

說說最近最流行的一些東西吧？常去哪些網(wǎng)站？

Node.js、Mongodb、npm、MVVM、MEAN、three.js

移動(dòng)端（Android IOS）怎么做好用戶體驗(yàn)?

清晰的視覺縱線、信息的分組、極致的減法、 利用選擇代替輸入、標(biāo)簽及文字的排布方式、 依靠明文確認(rèn)密碼、合理的鍵盤利用、

你在現(xiàn)在的團(tuán)隊(duì)處于什么樣的角色，起到了什么明顯的作用？

你認(rèn)為怎樣才是全端工程師（Full Stack developer）？

介紹一個(gè)你最得意的作品吧？

你的優(yōu)點(diǎn)是什么？缺點(diǎn)是什么？

如何管理前端團(tuán)隊(duì)?

最近在學(xué)什么？能談?wù)勀阄磥?，5年給自己的規(guī)劃嗎？

想問公司的問題？

問公司問題： 目前關(guān)注哪些最新的Web前端技術(shù)（未來的發(fā)展方向）？ 前端團(tuán)隊(duì)如何工作的（實(shí)現(xiàn)一個(gè)產(chǎn)品的流程）？ 公司的薪資結(jié)構(gòu)是什么樣子的？

問題解答

老師原諒我問一個(gè)和這個(gè)標(biāo)題無關(guān)的問題！我只是找不見可以幫到我的人，請(qǐng)見諒！

新企業(yè)主要是廠子的皮帶運(yùn)輸機(jī)，有個(gè)軟件對(duì)機(jī)器的實(shí)時(shí)監(jiān)控，數(shù)據(jù)的采集，還有單位廠區(qū)的攝像頭的監(jiān)控！這些都上傳服務(wù)器，對(duì)于這樣的要求需要怎么樣的服務(wù)器配置，請(qǐng)推薦一下！我看上一個(gè)CPU4核心，內(nèi)存8g 網(wǎng)速10Mbps 不知道怎么樣，請(qǐng)老師推薦一下，在此謝過！