[前端求職必看]前端開發面試題與答案精選_擴展問題
問題描述
你遇到過比較難的技術問題是?你是如何解決的?
常使用的庫有哪些?常用的前端開發工具?開發過什么應用或組件?
頁面重構怎么操作?
列舉IE 與其他瀏覽器不一樣的特性?
99%的網站都需要被重構是那本書上寫的?
什么叫優雅降級和漸進增強?
WEB應用從服務器主動推送Data到客戶端有那些方式?
對Node的優點和缺點提出了自己的看法?
*(優點)因為Node是基于事件驅動和無阻塞的,所以非常適合處理并發請求, 因此構建在Node上的代理服務器相比其他技術實現(如Ruby)的服務器表現要好得多。 此外,與Node代理服務器交互的客戶端代碼是由javascript語言編寫的, 因此客戶端和服務器端都用同一種語言編寫,這是非常美妙的事情。*(缺點)Node是一個相對新的開源項目,所以不太穩定,它總是一直在變, 而且缺少足夠多的第三方庫支持。看起來,就像是Ruby/Rails當年的樣子。
你有哪些性能優化的方法?
(看雅虎14條性能優化原則)。 (1) 減少http請求次數:CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適;網頁Gzip,CDN托管,data緩存 ,圖片服務器。 (2) 前端模板 JS+數據,減少由于HTML標簽導致的帶寬浪費,前端用變量保存AJAX請求結果,每次操作本地變量,不用請求,減少請求次數 (3) 用innerHTML代替DOM操作,減少DOM操作次數,優化javascript性能。 (4) 當需要設置的樣式很多時設置className而不是直接操作style。 (5) 少用全局變量、緩存DOM節點查找的結果。減少IO讀取操作。 (6) 避免使用CSS Expression(css表達式)又稱Dynamic properties(動態屬性)。 (7) 圖片預加載,將樣式表放在頂部,將腳本放在底部 加上時間戳。 (8) 避免在頁面的主體布局中使用table,table要等其中的內容完全下載之后才會顯示出來,顯示比div+css布局慢。
http狀態碼有那些?分別代表是什么意思?
100-199 用于指定客戶端應相應的某些動作。 200-299 用于表示請求成功。 300-399 用于已經移動的文件并且常被包含在定位頭信息中指定新的地址信息。 400-499 用于指出客戶端的錯誤。400 1、語義有誤,當前請求無法被服務器理解。401 當前請求需要用戶驗證 403 服務器已經理解請求,但是拒絕執行它。500-599 用于支持服務器錯誤。 503 – 服務不可用
一個頁面從輸入 URL 到頁面加載顯示完成,這個過程中都發生了什么?(流程說的越詳細越好)
查找瀏覽器緩存 DNS解析、查找該域名對應的IP地址、重定向(301)、發出第二個GET請求 進行HTTP協議會話 客戶端發送報頭(請求報頭) 服務器回饋報頭(響應報頭) html文檔開始下載 文檔樹建立,根據標記請求所需指定MIME類型的文件 文件顯示 [ 瀏覽器這邊做的工作大致分為以下幾步: 加載:根據請求的URL進行域名解析,向服務器發起請求,接收文件(HTML、JS、CSS、圖象等)。 解析:對加載到的資源(HTML、JS、CSS等)進行語法解析,建議相應的內部數據結構(比如HTML的DOM樹,JS的(對象)屬性表,CSS的樣式規則等等) }
除了前端以外還了解什么其它技術么?你最最厲害的技能是什么?
你常用的開發工具是什么,為什么?
對前端界面工程師這個職位是怎么樣理解的?它的前景會怎么樣?
前端是最貼近用戶的程序員,比后端、數據庫、產品經理、運營、安全都近。 1、實現界面交互 2、提升用戶體驗 3、有了Node.js,前端可以實現服務端的一些事情前端是最貼近用戶的程序員,前端的能力就是能讓產品從 90分進化到 100 分,甚至更好, 參與項目,快速高質量完成實現效果圖,精確到1px; 與團隊成員,UI設計,產品經理的溝通; 做好的頁面結構,頁面重構和用戶體驗; 處理hack,兼容、寫出優美的代碼格式; 針對服務器的優化、擁抱最新前端技術。
加班的看法?
加班就像借錢,原則應當是------救急不救窮
平時如何管理你的項目?
先期團隊必須確定好全局樣式(globe.css),編碼模式(utf-8) 等編寫習慣必須一致(例如都是采用繼承式的寫法,單樣式都寫成一行);標注樣式編寫人,各模塊都及時標注(標注關鍵樣式調用的地方);頁面進行標注(例如 頁面 模塊 開始和結束);CSS跟HTML 分文件夾并行存放,命名都得統一(例如style.css)JS 分文件夾存放 命民以該JS 功能為準英文翻譯;圖片采用整合的 images.png png8 格式文件使用 盡量整合在一起使用方便將來的管理
如何設計突發大規模并發架構?
說說最近最流行的一些東西吧?常去哪些網站?
Node.js、Mongodb、npm、MVVM、MEAN、three.js
移動端(Android IOS)怎么做好用戶體驗?
清晰的視覺縱線、信息的分組、極致的減法、 利用選擇代替輸入、標簽及文字的排布方式、 依靠明文確認密碼、合理的鍵盤利用、
你在現在的團隊處于什么樣的角色,起到了什么明顯的作用?
你認為怎樣才是全端工程師(Full Stack developer)?
介紹一個你最得意的作品吧?
你的優點是什么?缺點是什么?
如何管理前端團隊?
最近在學什么?能談談你未來3,5年給自己的規劃嗎?
想問公司的問題?
問公司問題: 目前關注哪些最新的Web前端技術(未來的發展方向)? 前端團隊如何工作的(實現一個產品的流程)? 公司的薪資結構是什么樣子的?
問題解答
回答1:老師原諒我問一個和這個標題無關的問題!我只是找不見可以幫到我的人,請見諒!
新企業主要是廠子的皮帶運輸機,有個軟件對機器的實時監控,數據的采集,還有單位廠區的攝像頭的監控!這些都上傳服務器,對于這樣的要求需要怎么樣的服務器配置,請推薦一下!我看上一個CPU4核心,內存8g 網速10Mbps 不知道怎么樣,請老師推薦一下,在此謝過!
相關文章:
1. mysql優化 - mysql count(id)查詢速度如何優化?2. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區別?3. angular.js - 不適用其他構建工具,怎么搭建angular1項目4. 主從備份 - 跪求mysql 高可用主從方案5. css3 - [CSS] 動畫效果 3D翻轉bug6. node.js - node_moduls太多了7. angular.js - angularjs 用ng-reapt渲染的dom 怎么獲取上面的屬性8. python如何不改動文件的情況下修改文件的 修改日期9. python - django 里自定義的 login 方法,如何使用 login_required()10. android-studio - Android 動態壁紙LayoutParams問題
![css3 - [CSS] 動畫效果 3D翻轉bug](http://www.aoyou183.cn/attached/image/news/202304/110831f073.png)