基礎篇

273個問題

第一部分：基礎篇
    1、HTML、HTTP、web綜合問題
        1 前端須要注意哪些SEO
        2 <img>的title和alt有什麼區別
        3 HTTP的幾種請求方法用途
        4 從瀏覽器地址欄輸入url到顯示頁面的步驟
        5 如何進行網站性能優化
        6 HTTP狀態碼及其含義
        7 語義化的理解
        8 介紹一下你對瀏覽器內核的理解？
        9 html5有哪些新特性、移除了那些元素？
        10 HTML5的離線儲存怎麼使用，工做原理能不能解釋一下？
        11 瀏覽器是怎麼對HTML5的離線儲存資源進行管理和加載的呢
        12 請描述一下 cookies，sessionStorage 和 localStorage 的區別？
        13 iframe有那些缺點？
        14 WEB標準以及W3C標準是什麼?
        15 xhtml和html有什麼區別?
        16 Doctype做用? 嚴格模式與混雜模式如何區分？它們有何意義?
        17 行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？行內元素和塊級元素有什麼區別？
        18 HTML全局屬性(global attribute)有哪些
        19 Canvas和SVG有什麼區別？
        20 HTML5 爲何只須要寫
        21 如何在頁面上實現一個圓形的可點擊區域？
        22 網頁驗證碼是幹嗎的，是爲了解決什麼安全問題
        23 viewport
        24 渲染優化
        25 meta viewport相關
        26 你作的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什麼?
        27 div+css的佈局較table佈局有什麼優勢？
        28 a：img的alt與title有何異同？b：strong與em的異同？
        29 你能描述一下漸進加強和優雅降級之間的不一樣嗎
        30 爲何利用多個域名來存儲網站資源會更有效？
        31 簡述一下src與href的區別
        32 知道的網頁製做會用到的圖片格式有哪些？
        33 在css/js代碼上線以後開發人員常常會優化性能，從用戶刷新網頁開始，一次js請求通常狀況下有哪些地方會有緩存處理？
        33 一個頁面上有大量的圖片（大型電商網站），加載很慢，你有哪些方法優化這些圖片的加載，給用戶更好的體驗。
        34 常見排序算法的時間複雜度,空間複雜度
        35 web開發中會話跟蹤的方法有哪些
        36 HTTP request報文結構是怎樣的
        37 HTTP response報文結構是怎樣的
    2、CSS部分
        1 css sprite是什麼,有什麼優缺點
        2 display: none;與visibility: hidden;的區別
        3 link與@import的區別
        4 什麼是FOUC?如何避免
        5 如何建立塊級格式化上下文(block formatting context),BFC有什麼用
        6 display、float、position的關係
        7 清除浮動的幾種方式，各自的優缺點
        8 爲何要初始化CSS樣式?
        9 css3有哪些新特性
        10 display有哪些值？說明他們的做用
        11 介紹一下標準的CSS的盒子模型？低版本IE的盒子模型有什麼不一樣的？
        12 CSS優先級算法如何計算？
        13 對BFC規範的理解？
        14 談談浮動和清除浮動
        15 position的值， relative和absolute定位原點是
        16 display:inline-block 何時不會顯示間隙？(攜程)
        17 PNG\GIF\JPG的區別及如何選
        18 行內元素float:left後是否變爲塊級元素？
        19 在網頁中的應該使用奇數仍是偶數的字體？爲何呢？
        20 ::before 和 :after中雙冒號和單冒號 有什麼區別？解釋一下這2個僞元素的做用
        21 若是須要手動寫動畫，你認爲最小時間間隔是多久，爲何？（阿里）
        22 CSS合併方法
        23 CSS不一樣選擇器的權重(CSS層疊的規則)
        24 列出你所知道能夠改變頁面佈局的屬性
        25 CSS在性能優化方面的實踐
        26 CSS3動畫（簡單動畫的實現，如旋轉等）
        27 base64的原理及優缺點
        28 幾種常見的CSS佈局
        29 stylus/sass/less區別
        30 postcss的做用
        31 css樣式（選擇器）的優先級
        32 自定義字體的使用場景
        33 如何美化CheckBox
        34 僞類和僞元素的區別
        35 base64的使用
        36 自適應佈局
        37 請用CSS寫一個簡單的幻燈片效果頁面
        38 什麼是外邊距重疊？重疊的結果是什麼？
        39 rgba()和opacity的透明效果有什麼不一樣？
        40 css中可讓文字在垂直和水平方向上重疊的兩個屬性是什麼？
        41 如何垂直居中一個浮動元素？
        42 px和em的區別
        43 Sass、LESS是什麼？你們爲何要使用他們？
        44 知道css有個content屬性嗎？有什麼做用？有什麼應用？
        45 水平居中的方法
        46 垂直居中的方法
        47 如何使用CSS實現硬件加速？
        48 重繪和迴流（重排）是什麼，如何避免？
        49 說一說css3的animation
        50 左邊寬度固定，右邊自適應
        51 兩種以上方式實現已知或者未知寬度的垂直水平居中
        52 如何實現小於12px的字體效果
    3、JavaScript
        1 閉包
        2 說說你對做用域鏈的理解
        3 JavaScript原型，原型鏈 ? 有什麼特色？
        4 請解釋什麼是事件代理
        5 Javascript如何實現繼承？
        6 談談This對象的理解
        7 事件模型
        8 new操做符具體幹了什麼呢?
        9 Ajax原理
        10 如何解決跨域問題?
        11 模塊化開發怎麼作？
        12 異步加載JS的方式有哪些？
        13 那些操做會形成內存泄漏？
        14 XML和JSON的區別？
        15 談談你對webpack的見解
        16 說說你對AMD和Commonjs的理解
        17 常見web安全及防禦原理
        18 用過哪些設計模式？
        19 爲何要有同源限制？
        20 offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區別
        21 javascript有哪些方法定義對象
        22 常見兼容性問題？
        23 說說你對promise的瞭解
        24 你以爲jQuery源碼有哪些寫的好的地方
        25 vue、react、angular
        26 Node的應用場景
        27 談談你對AMD、CMD的理解
        28 那些操做會形成內存泄漏
        29 web開發中會話跟蹤的方法有哪些
        30 介紹js的基本數據類型
        31 介紹js有哪些內置對象
        32 說幾條寫JavaScript的基本規範
        33 JavaScript有幾種類型的值
        34 javascript建立對象的幾種方式
        35 eval是作什麼的
        36 null，undefined 的區別
        37 ["1", "2", "3"].map(parseInt) 答案是多少
        38 javascript 代碼中的"use strict";是什麼意思
        39 JSON 的瞭解
        40 js延遲加載的方式有哪些
        41 同步和異步的區別
        42 漸進加強和優雅降級
        43 defer和async
        44 說說嚴格模式的限制
        45 attribute和property的區別是什麼
        46 談談你對ES6的理解
        47 ECMAScript6 怎麼寫class麼
        48 什麼是面向對象編程及面向過程編程，它們的異同和優缺點
        49 面向對象編程思想
        50 對web標準、可用性、可訪問性的理解
        51 如何經過JS判斷一個數組
        52 談一談let與var的區別
        53 map與forEach的區別
        54 談一談你理解的函數式編程
        55 談一談箭頭函數與普通函數的區別？
        56 談一談函數中this的指向
        57 異步編程的實現方式
        58 對原生Javascript瞭解程度
        59 Js動畫與CSS動畫區別及相應實現
        60 JS 數組和對象的遍歷方式，以及幾種方式的比較
        61 gulp是什麼
        62 說一下Vue的雙向綁定數據的原理
        63 事件的各個階段
        64 let var const
        65 快速的讓一個數組亂序
        66 如何渲染幾萬條數據並不卡住界面
        67 但願獲取到頁面中全部的checkbox怎麼作？
        68 怎樣添加、移除、移動、複製、建立和查找節點
        69 正則表達式
        70 Javascript中callee和caller的做用？
        71 window.onload和$(document).ready
        72 addEventListener()和attachEvent()的區別
        73 獲取頁面全部的checkbox
        74 數組去重方法總結
        75 （設計題）想實現一個對頁面某個節點的拖曳？如何作？（使用原生JS）
        76 Javascript全局函數和全局變量
        77 使用js實現一個持續的動畫效果
        78 封裝一個函數，參數是定時器的時間，.then執行回調函數
        79 怎麼判斷兩個對象相等？
        80 項目作過哪些性能優化？
        81 瀏覽器緩存
        82 WebSocket
        83 儘量多的說出你對 Electron 的理解
        84 深淺拷貝
        85 防抖/節流
        86 談談變量提高？
        87 什麼是單線程，和異步的關係
        88 是否用過 jQuery 的 Deferred
        89 前端面試之hybrid
        90 前端面試之組件化
        91 前端面試之MVVM淺析
        92 實現效果，點擊容器內的圖標，圖標邊框變成border 1px solid red，點擊空白處重置
        93 請簡單實現雙向數據綁定mvvm
        94 實現Storage，使得該對象爲單例，並對localStorage進行封裝設置值setItem(key,value)和getItem(key)
        95 說說event loop
        96 說說事件流
        97 爲何canvas的圖片爲何過有跨域問題
        98 我如今有一個canvas，上面隨機布着一些黑塊，請實現方法，計算canvas上有多少個黑塊
        99 請手寫實現一個promise
        100 說說從輸入URL到看到頁面發生的全過程，越詳細越好
        101 描述一下this
        102 說一下瀏覽器的緩存機制
        103 如今要你完成一個Dialog組件，說說你設計的思路？它應該有什麼功能？
        104 caller和callee的區別
        105 ajax、axios、fetch區別
    4、jQuery
        1 你以爲jQuery或zepto源碼有哪些寫的好的地方
        2 jQuery 的實現原理
        3 jQuery.fn 的 init 方法返回的 this 指的是什麼對象
        4 jQuery.extend 與 jQuery.fn.extend 的區別
        5 jQuery 的屬性拷貝(extend)的實現原理是什麼，如何實現深拷貝
        6 jQuery 的隊列是如何實現的
        7 jQuery 中的 bind(), live(), delegate(), on()的區別
        8 是否知道自定義事件
        9 jQuery 經過哪一個方法和 Sizzle 選擇器結合的
        10 jQuery 中如何將數組轉化爲 JSON 字符串，而後再轉化回來
        11 jQuery 一個對象能夠同時綁定多個事件，這是如何實現的
        12 針對 jQuery 的優化方法
        13 jQuery 的 slideUp 動畫，當鼠標快速連續觸發, 動畫會滯後反覆執行，該如何處理呢
        14 jQuery UI 如何自定義組件
        15 jQuery 與 jQuery UI、jQuery Mobile 區別
        16 jQuery 和 Zepto 的區別？ 各自的使用場景
        17 jQuery對象的特色
    5、Bootstrap
        1 什麼是Bootstrap？以及爲何要使用Bootstrap？
        2 使用Bootstrap時，要聲明的文檔類型是什麼？以及爲何要這樣聲明？
        3 什麼是Bootstrap網格系統
        4 Bootstrap 網格系統（Grid System）的工做原理
        5 對於各種尺寸的設備，Bootstrap設置的class前綴分別是什麼
        6 Bootstrap 網格系統列與列之間的間隙寬度是多少
        7 若是須要在一個標題的旁邊建立副標題，能夠怎樣操做
        8 用Bootstrap，如何設置文字的對齊方式？
        9 Bootstrap如何設置響應式表格？
        10 使用Bootstrap建立垂直表單的基本步驟？
        11 使用Bootstrap建立水平表單的基本步驟？
        12 使用Bootstrap如何建立表單控件的幫助文本？
        13 使用Bootstrap激活或禁用按鈕要如何操做？
        14 Bootstrap有哪些關於的class？
        15 Bootstrap中有關元素浮動及清除浮動的class？
        16 除了屏幕閱讀器外，其餘設備上隱藏元素的class？
        17 Bootstrap如何製做下拉菜單？
        18 Bootstrap如何製做按鈕組？以及水平按鈕組和垂直按鈕組的優先級？
        19 Bootstrap如何設置按鈕的下拉菜單？
        20 Bootstrap中的輸入框組如何製做？
        21 Bootstrap中的導航都有哪些？
        22 Bootstrap中設置分頁的class？
        23 Bootstrap中顯示標籤的class？
        24 Bootstrap中如何製做徽章？
        25 Bootstrap中超大屏幕的做用是什麼？
    6、微信小程序
        1 微信小程序有幾個文件
        2 微信小程序怎樣跟事件傳值
        3 小程序的 wxss 和 css 有哪些不同的地方？
        4 小程序關聯微信公衆號如何肯定用戶的惟一性
        5 微信小程序與vue區別
    7、webpack相關
        1 打包體積 優化思路
        2 打包效率
        3 Loader
        4 說一下webpack的一些plugin，怎麼使用webpack對項目進行優化
    8、編程題
        1 寫一個通用的事件偵聽器函數
        2 如何判斷一個對象是否爲數組
        3 冒泡排序
        4 快速排序
        5 編寫一個方法 求一個字符串的字節長度
        6 bind的用法，以及如何實現bind的函數和須要注意的點
        7 實現一個函數clone
        8 下面這個ul，如何點擊每一列的時候alert其index
        9 定義一個log方法，讓它能夠代理console.log的方法
        10 輸出今天的日期
        11 用js實現隨機選取10–100之間的10個數字，存入一個數組，並排序
        12 寫一段JS程序提取URL中的各個GET參數
        13 寫一個function，清除字符串先後的空格
        14 實現每隔一秒鐘輸出1,2,3...數字
        15 實現一個函數，判斷輸入是否是迴文字符串
        1六、數組扁平化處理
    9、其餘
        1 負載均衡
        2 CDN
        3 內存泄漏
        4 babel原理
        5 js自定義事件
        6 先後端路由差異
    10、綜合
        1 談談你對重構的理解
        2 什麼樣的前端代碼是好的
        3 對前端工程師這個職位是怎麼樣理解的？它的前景會怎麼樣
        4 你以爲前端工程的價值體如今哪
        5 平時如何管理你的項目
        6 組件封裝
    11、一些常見的問題