前端部分
1. HTML、css彰触、JavaScript在網(wǎng)頁開發(fā)中的定位
- HTML超文本標記語言梯投，定義網(wǎng)頁結(jié)構(gòu)
- css層疊樣式表，用來美化頁面
- JavaScript主要用來驗證表單况毅，做動態(tài)交互（ajax)
2. 簡單介紹一下Ajax
2.1 什么是ajax
異步的JavaScript和xml：
2.2 作用
通過ajax與服務器進行數(shù)據(jù)庫交互分蓖，ajax可以使網(wǎng)頁實現(xiàn)布局更新。
2.3 實現(xiàn)
Ajax XmlHttpRequest對象尔许，使這個對象可以異步向服務器發(fā)送請求么鹤，獲取響應，完成局部更新母债。Open Send responseText午磁、responseXml局部定位。
2.4 使用場景
登錄失敗時不跳轉(zhuǎn)頁面提示毡们，注冊時提示用戶名是否存在迅皇，二級聯(lián)動等等使用場景。
3. JS和JQuery
jQuery是一個js框架衙熔，封裝了js的屬性和方法登颓，讓用戶使用更便捷，并且增強了js的功能红氯。
原來使用原生js要處理很多兼容性問題框咙，由jQuery封裝了底層咕痛，就不用處理兼容性問題。
原生的js的DOM和事件綁定和Ajax等操作非常麻煩喇嘱，jQuery封裝以后操作非常方便茉贡。
4. JQuery的頁面加載事件
很多時候需要獲取元素，但是必須等到該元素被加載完成后才能獲取者铜，可以把js代碼放到該元素的后面腔丧，但是這樣就會造成js分布在body中存在不好管理。
所有頁面加載完畢后所有的元素當然已經(jīng)加載完畢作烟。一般獲取元素做操作都要在頁面加載完畢后操作愉粤。
4.1 jQuery的兩種頁面加載方式
-
$(document)把原生的document這個dom對象轉(zhuǎn)換為jQuery對象，轉(zhuǎn)換完成后才能調(diào)用ready方法拿撩。ready(fn)表示頁面結(jié)構(gòu)被加載完畢后執(zhí)行傳入函數(shù)fn衣厘。
$(document).ready(function(){ });
- 當頁面加載完畢后執(zhí)行里面的函數(shù)
$(function(){});
4.2 與window.onload的區(qū)別
-
jQuery中的頁面加載完畢事件，表示的是頁面結(jié)構(gòu)被加載完畢压恒。 -
window.onload表示的是頁面（包含圖片等遠程資源）被加載完畢影暴。 - 例如：
<img src="./image/1.jpg">onload必須等頁面中的圖片、聲音涎显、圖象等遠程資源被加載完畢后才調(diào)用坤检，而jQuery中只需要頁面結(jié)構(gòu)被加載完畢。
5. jQuery的Ajax與原生js實現(xiàn)Ajax的關(guān)系
jQuery中的Ajax是通過原生的js封裝的期吓，封裝完成后早歇，讓我們使用起來更加便利，不用考慮底層實現(xiàn)或兼容性等處理讨勤。
6.HTML5
html5在原來的基礎上增強了一些標簽箭跳。增加了一些像畫板、聲音潭千、視頻谱姓、web存儲等方面的高級功能。
-
HTML5太強調(diào)語義刨晴，導致在開發(fā)中都不知道要使用哪個標簽屉来。
- 例如：在做頁面布局時，無論頭部狈癞、主題茄靠、導航等模塊都使用div來表示，但是html5的規(guī)范蝶桶，需要使用不同的標簽來表示（header慨绳、footer等）。
7. CSS3
- css3增強了原來的功能脐雪，提供了一些原來在css2中實現(xiàn)起來比較困難或者不能實現(xiàn)的功能厌小，例如:
- 盒子邊框
- 盒子和文字的陰影
- 漸變
- 轉(zhuǎn)換、移動、縮放、旋轉(zhuǎn)等
- 過渡尝哆、動畫都可以使用動畫歧胁。
- 可以使用媒體查詢實現(xiàn)響應式網(wǎng)站。
- CSS3最大的缺點就是根據(jù)不同的瀏覽器處理兼容性厉碟，不過對應有一些處理兼容性的工具喊巍。
8. bootstrap
bootstrap是一個移動設備優(yōu)先的UI框架，可以不用使用任何css箍鼓、js代碼就能實現(xiàn)比較漂亮的有交互性的頁面崭参。要寫頁面的話，可以使用類似于bootstrap的UI框架款咖。
組件：
1. 模態(tài)框
2. 表單何暮、表單項
3. 布局
4. 柵格系統(tǒng)