第1章 面試禮儀和技巧 001
1.1 面試前的準備 001
1.1.1 了解面試企業的基本情況以及企業文化 001
1.1.2 了解應聘職位的招聘要求以及自身的優勢和劣勢 003
1.1.3 簡歷的投遞 003
1.1.4 禮貌答復面試或筆試通知 004
1.1.5 了解公司的面試流程 004
1.1.6 面試前的心理調節 006
1.1.7 儀容儀表 006
1.2 面試中的應對技巧 006
1.2.1 自我介紹 007
1.2.2 面試中的基本禮儀 007
1.2.3 如何巧妙地回答面試官的問題 008
1.2.4 如何回答技術性的問題 009
1.2.5 如何應對自己不會的題 009
1.2.6 如何回答非技術性的問題 010
1.2.7 當與面試官對某個問題持有不同觀點時,應如何應對 010
1.2.8 如何向面試官提問 011
1.2.9 明人“暗語” 011
1.3 面試結束 012
1.3.1 面試結束後是否會立即收到回復 013
1.3.2 面試沒有通過是否可以再次申請 013
1.3.3 怎樣處理錄用與被拒 013
1.3.4 錄用後的薪資談判 014
1.3.5 入職準備 014
第2章 HTML 5 015
2.1 HTML 5基礎 015
2.1.1 基本結構 015
2.1.2 HTML的發展史 016
2.1.3 HTML 5的優勢 017
2.1.4 W3C標準 018
2.2 網頁標簽 019
2.2.1 基本標簽 019
2.2.2 圖像標簽 022
2.2.3 鏈接標簽 024
2.3 常用超鏈接 026
2.3.1 頁面間鏈接 026
2.3.2 錨鏈接 026
2.4 素素 028
2.5 面試與筆試試題解析 031
2.5.1 怎樣區分HTML 5、HTML和XHTML 031
2.5.2 請闡述你對W3C的理解 032
2.5.3 HTML文檔中的DOCTYPE有什麼作用 033
2.5.4 DOCTYPE文檔類型有幾種 033
2.5.5 Quirks模式是什麼?它和Standards模式的區別 033
2.5.6 HTTP狀態碼 034
2.5.7 什麼是IP地址 036
2.5.8 瀏覽器內核 036
2.5.9 素素 037
2.5.10 link和@import 038
2.5.11 HTML 5新特性和瀏覽器兼容 039
2.5.12 如何實現瀏覽器內多個標簽頁之間的通信 039
2.5.13&nbs素的alt和title有什麼異同 040
2.5.14 CSS和JavaScript的文件和圖片 040
2.5.15 網頁中的亂碼原因 041
2.5.16 在目標窗口中打開超鏈接頁面的兩種方式是什麼 041
2.6 名企真題解析 042
2.6.1 JavaScript放在HTML的不同位置有什麼區別 042
2.6.2 HTML 5的離線存儲資源的管理和加載 042
2.6.3 封裝一個isInteger()函數,用於檢測傳入的值是整數 042
2.6.4 使用CSS實現水平垂直居中 043
2.6.5 輸完網址按Enter鍵,在這個過程中發生了什麼 043
第3章 列表、表格素和表單 044
3.1 列表 044
3.1.1 認識列表 044
3.1.2 列表的分類 045
3.2 表格 047
3.2.1 基本語法 047
3.2.2 跨行和跨列 048
3.3 HTML 5素 050
3.3.1 素 050
3.3.2 素 050
3.4 HTML 5素 051
3.5
3.6 表單 056
3.6.1 表單素 057
3.6.2 表單校驗 060
3.6.3 正則表達式 061
3.7 面試與筆試試題解析 062
3.7.1 什麼是列表以及列表的分類 063
3.7.2 常見素有哪些 063
3.7.3 表單提交的方式 064
3.7.4 制作下拉列表需要使用哪素 065
3.7.5 如何在頁面中使素素 066
3.7.6 定義列表的標簽 066
3.7.7 為什麼使用HTML 5結構標簽來布局網頁 067
3.7.8 使用什麼屬性可以達到表單的初步驗證 068
3.7.9 使用JavaScript去除字符串空格 068
3.7.10 在HTML 5中支持哪幾種列表 069
3.7.11 Web前端開發,如何提高頁面性能優化 070
3.7.12 iframe的優缺點 070
3.8 名企真題解析 071
3.8.1 JavaScript的垃圾回收機制 071
3.8.2 如何制作語義化的表單 071
3.8.3 怎樣制作一個調查問卷 072
3.8.4 如何使用表格制作流量查詢表 073
3.8.5 請說出幾種減少頁面加載時間的方法 074
第4章 認識 CSS 075
4.1 CSS簡介 075
4.2 CSS的基本語法 076
4.3 HTML中引入CSS樣式 076
4.3.1 行內樣式表 076
4.3.2 內部樣式表 077
4.3.3 鏈入外部樣式表 078
4.3.4 導入外部樣式表 078
4.4 CSS樣式優先級 079
4.5 基本選擇器 079
4.5.1 標簽選擇器 079
4.5.2 ID選擇器 080
4.5.3 類選擇器 080
4.6 高級選擇器 081
4.6.1 層次選擇器 081
4.6.2 復合選擇器 082
4.6.3 屬性選擇器 083
4.7 面試與筆試試題解析 084
4.7.1 什麼是CSS 084
4.7.2 CSS優先級算法如何計算 085
4.7.3 在HTML中引入CSS樣式的方式是什麼 085
4.7.4 CSS 3新特性有哪些 086
4.7.5 為什麼要初始化CSS樣式 087
4.7.6 CSS 3新增偽類有哪些 087
4.7.7 如何使用CSS實現一個三角形 087
4.7.8 瀏覽器怎樣解析CSS選擇器 088
4.7.9 請列舉幾素的方法 089
4.7.10 CSS 3的基本選擇器和語法規則 089
4.7.11 CSS 3的選擇符有哪些?哪些選擇符可以繼承 089
4.7.12 哪種方式可以對一個DOM設置其CSS樣式 089
4.7.13 什麼是外邊距重疊?重疊的結果是什麼 090
4.8 名企真題解析 090
4.8.1 CSS的文本替換省略號 090
4.8.2 如何使用CSS設置漸變效果 091
4.8.3 頁面實現等高布局 092
4.8.4 如何使用CSS設置背景樣式 093
第5章 CSS 3網頁制作和美化 095
5.1 span標簽 095
5.2 文本樣式 096
5.3 超鏈接偽類 100
5.4 使用CSS設置超鏈接 102
5.4.1 列表樣式 102
5.4.2 背景樣式 103
5.5 CSS 3漸變 104
5.5.1 CSS 3漸變兼容 104
5.5.2 線性漸變 105
5.6 CSS 3屬性制作動畫 105
5.6.1 CSS 3變形 106
5.6.2 CSS 3過渡 107
5.6.3 CSS 3動畫 110
5.7 面試與筆試試題解析 112
5.7.1 font屬性設置 112
5.7.2 在CSS中設置文本行高使用哪些屬性 112
5.7.3 全屏滾動的原理以及用到的CSS屬性 113
5.7.4 CSS優化、提高性能的方法有哪些 114
5.7.5 CSS 3的flexbox(彈性盒布局模型) 114
5.7.6 簡單介紹什麼是REST 115
5.7.7 使用CSS 3過渡有哪些觸發方式 115
5.7.8 圖片格式png、jpg和gif的使用 116
5.7.9 簡單闡述圖像的預加載和懶加載 116
5.7.10 字號使用奇數還是偶數 117
5.7.11 undefined和null有哪些異同 117
5.7.12 first-child和first-of-type有什麼區別 118
5.7.13 CSS中類選擇器和ID選擇器有哪些區別 118
5.7.14 CSS偽類與CSS偽對像的區別 118
5.7.15 position的absolute與fixed的共同點與不同點 118
5.8 名企真題解析 119
5.8.1 如何制作百度音樂標簽頁面 119
5.8.2 如何制作新聞資訊頁 119
5.8.3 display:none與visibility:hidden的區別 121
5.8.4 如何制作家用電器商品分類頁面 122
5.8.5 暢銷書排行榜頁面怎樣實現 123
5.8.6 margin和padding分別適合什麼場景使用 124
第6章 盒子模式和浮動 125
6.1 盒子模型 125
6.1.1 盒子模型的組成 125
6.1.2 盒子模型的特征 127
6.2 盒子陰影 128
6.3 display屬性 128
6.4 浮動 129
6.5 盒子模型的定位 130
6.6 溢出處理 131
6.7 inline-block和float的共性和區別 131
6.8 面試與筆試試題解析 132
6.8.1 position的定位屬性有哪些 132
6.8.2 什麼叫Web安全色 133
6.8.3 如何清除一素的浮動 134
6.8.4 前端為什麼提倡模塊化開發 134
6.8.5 去掉網頁中超鏈接的藍色邊框 136
6.8.6 請說素浮動float的理解 137
6.8.7 CSS中的@font-face有什麼作用 138
6.8.8 定位absolute和浮動float有哪些區別 138
6.8.9 有幾種方法可以解決父級邊框塌陷 139
6.8.10 CSS的盒子模型有哪些以及它們的區別 141
6.9 名企真題解析 141
6.9.1 如何實現一個聖杯布局 141
6.9.2 標準盒子模型和IE盒子模型的區別 144
6.9.3 如何判斷哪一年是閏年 145
6.9.4 編寫一個函數,用於清除字符串前後的空格 145
6.9.5 用伸縮盒子素的水平和垂直居中 147
第7章 定素 150
7.1 定位 150
7.1.1&nbs素的定位屬性 150
7.1.2 靜態定位 151
7.1.3 相對定位 151
7.1.4 定位 151
7.1.5 固定定位 152
7.2 z-index屬性 153
7.2.1 z-index基礎 154
7.2.2 層疊上下文和層疊層 154
7.2.3 層疊次序 154
7.2.4 層級關繫的比較 155
7.2.5 z-index規則 155
7.3 素透明度 156
7.4 面試與筆試試題解析 157
7.4.1 不同的定位方式有什麼特性 157
7.4.2 什麼是CSS Sprite 158
7.4.3 什麼是設備像素比 158
7.4.4 全局函數eval()有什麼作用 159
7.4.5 HTML中a標簽的幾大作用 160
7.4.6 什麼是錨點 162
7.4.7 z-index的用法 162
7.4.8 什麼是分區響應圖 163
7.4.9 在網頁中z-index對沒有設置定位素是否有效 163
7.4.10 設置為relative對像的z-index屬性需要遵循什麼規則 164
7.4.11 怎麼比較z-index的優先級 164
7.4.12 一個素綁定多個事件時,先執行冒泡還是捕獲 165
7.4.13&nbs素位置重疊的可能原因 165
7.4.14 素的層疊次序 166
7.4.15 IE怎麼設置頁面的透明度 167
7.4.16 怎麼解決div相互層疊覆蓋問題 168
7.4.17 哪些方式可以創建層疊上下文 168
7.5 名企真題解析 169
7.5.1 在CSS中使用什麼方式可以設素的透明度 169
7.5.2 請列舉幾個HTML 5新增的圖像相關的素 170
7.5.3 如何獲得素的背景色 170
7.5.4 如何設計一個浮素水平居中 171
7.5.5 JavaScript尋找當前頁面中的z-index值的方法 171
第8章 腳本語言 174
8.1 JavaScript 174
8.1.1 組成結構 174
8.1.2 核心語法 175
8.1.3 函數定義和調用 177
8.1.4 JavaScript操作BOM對像 177
8.1.5 JavaScript操作DOM對像 178
8.2 jQuery 180
8.2.1 jQuery工作原理 180
8.2.2 事件與動畫 181
8.2.3 使用jQuery操作DOM 183
8.2.4 jQuery HTML 184
8.3 面試與筆試試題解析 185
8.3.1 在HTML頁面中如何引用JavaScript 185
8.3.2 如何實現DOM對像和jQuery對像間的轉化 186
8.3.3 如何按層次關繫訪問節點 186
8.3.4 列出實現不同模塊之間通信的方式 188
8.3.5 如何使用jQuery實現隔行變色的效果 188
8.3.6 原生JavaScript獲取節點的方法 189
8.3.7 如何改變瀏覽器地址欄中的網址 190
8.3.8 jQuery操作select下拉框的多種方法 190
8.3.9 如何用jQuery來創建插件 191
8.3.10 在jQuery中使用什麼方法素的淡入和淡出 192
8.3.11 jQuery中.css()與.addClass()設置樣式的區別 193
8.3.12 JavaScript訪問H素的幾種方式 194
8.3.13 簡述JavaScript中的12種DOM節點類型 194
8.3.14 controller as和controller有什麼區別,能解決什麼問題? 196
8.3.15 請指出JavaScript宿主對像和原生對像的區別 196
8.3.16 請解釋JavaScript中this是如何工作的 197
8.3.17 請解釋JSONP的工作原理 197
8.4 名企真題解析 198
8.4.1 何如使用JavaScript實現冒泡排序 198
8.4.2 如何取消$timeout以及停止一個$watch() 199
8.4.3 在網頁中實現一個倒計時,能夠動態顯示“某天某時某分某秒” 199
8.4.4 在jQuery中顯示和隱藏H素的方法分別是什麼 200
第9章 前端流行框架 202
9.1 Vue.js 202
9.1.1 Vue.js簡介 202
9.1.2 基礎語法 202
9.1.3 屬性綁定 204
9.1.4 事件處理器 205
9.1.5 Vue.js組件 206
9.2 Angular JS 207
9.2.1 Angular JS表達式 207
9.2.2 Angular JS指令 207
9.2.3 Angular JS Scope 209
9.2.4 事件、模塊和表單 210
9.3 面試與筆試試題解析 211
9.3.1 Angular JS的雙向數據綁定原理是什麼 211
9.3.2 如何優化髒檢查與運行效率 211
9.3.3 談談你對Vue.js是一套漸進式框架的理解 212
9.3.4 在Vue.js中組件之間的傳值如何實現 213
9.3.5 v-if和v-show有什麼區別 213
9.3.6 什麼是$rootScrope以及和$scope有什麼區別 214
9.3.7 如何在頁面上實現前進、後退 214
9.3.8 什麼是Vue的計算屬性 215
9.3.9 在Angular中是否可以使用jQuery 216
9.3.10 請簡述$compile的用法 216
9.4 名企真題解析 217
9.4.1 Vue項目的搭建步驟 217
9.4.2 vue-router有哪幾種導航鉤子(導航守衛) 217
9.4.3 請寫出完整的vue-router導航解析流程 219
第10章 BootStrap 221
10.1 響應式布局 221
10.2 BootStrap樣式 222
10.3 BootStrap組件 224
10.4 JavaScript插件 227
10.5 精選面試與筆試題解析 228
10.5.1 簡單描述BootStrap的整體架構 228
10.5.2 什麼是BootStrap柵格繫統,為什麼要使用BootStrap 229
10.5.3 使用BootStrap的基本HTML模板必需要引入什麼文件 230
10.5.4 寫出基本下拉菜單組件的結構 231
10.5.5 BootStrap有哪些插件,分別是什麼 231
10.5.6 動畫過渡插件應用在其他的哪些插件中 232
10.5.7 如何設置模態框尺寸大 233
10.5.8 BootStrap常用的組件有哪些 233
10.5.9 旋轉輪播有哪些方法 234
10.5.10 BootStrap導航欄中有哪些功能 234
10.5.11 布局有幾種方式 236
10.5.12 Flex布局有哪幾種屬性 237
10.5.13 媒體查詢有哪些屬性 238
10.5.14 響應式布局的優點和缺點是什麼 239
10.5.15 HTML中適合做素是什麼 240
10.5.16 寫出BootStrap中基礎的表單結構 240
10.5.17 BootStrap有什麼特點 241
10.5.18 組件、控件和插件的區別 242
10.5.19 BootStrap網格繫統的實現原理 242
10.6 名企真題解析 243
10.6.1 BootStrap表格有哪些可選樣式 243
10.6.2 如果網頁內容需要支持多語言,應該怎麼做 244
10.6.3 BootStrap中Class怎麼命名 245
第11章 Web頁面開發 246
11.1 移動Web頁面開發 246
11.1.1 移動開發測試瀏覽器 246
11.1.2 移動端視口及視口標簽 247
11.1.3 移動端網頁開發 248
11.1.4 設備像素比 249
11.2 移動Web特效開發 249
11.2.1 移動端事件 249
11.2.2 zepto框架 251
11.3 面試與筆試試題解析 252
11.3.1 相對單位rem的特性是什麼 252
11.3.2 移動網頁開發與計算機網頁開發有什麼區別 252
11.3.3 移動開發測試瀏覽器有什麼差異 253
11.3.4 移動端視口有哪些 254
11.3.5 px、em和rem有什麼區別 255
11.3.6 實現Web App屏幕適配的方法有哪些 256
11.3.7 寫出CSS 3變形、過渡、動畫的語法和采用的屬性 257
11.3.8 簡述jQuery與zepto的異同 258
11.3.9 zepto的點透問題如何解決 259
11.3.10 理想視口是什麼,怎麼實現理想視口 260
11.3.11 什麼叫優雅降級和漸進增強 260
11.3.12 怎麼解決移動端300ms點擊延遲 261
11.3.13 固定定位布局時鍵盤擋住輸入框內容怎麼解決 262
11.3.14 怎麼判斷是否橫屏 263
11.3.15 移動端用過哪些meta標簽 263
11.3.16 移動端開發的兼容問題 266
11.3.17 頁面優化有哪些方法 266
11.3.18 移動端手勢操作有哪些,怎麼實現 269
11.4 名企真題解析 271
11.4.1 移動觸摸端怎麼應用幻燈片 271
11.4.2 計算機端與移動端在UI設計方面有什麼區別 272
11.4.3 視差滾動實現原理是什麼 273