下午外面起風(fēng)了，北方的冬天說來就來国裳，好在小白的辦公室是陽面形入，還算暖和。處理完手頭工作后缝左，小白找到了老朱亿遂，正式開始學(xué)習(xí)螟蒸。
老朱：“小白，你知道什么是HTML5么崩掘？”
小白：“大概了解一些七嫌，HTML5就是使用JavaScript+CSS+HTML來做網(wǎng)頁，具體怎么做就不知道了苞慢！”
老朱：“恩诵原，原理是這樣砚蓬！大道理我就不說了恒界，說多了你也記不住纤虽，就算記住現(xiàn)在也理解不了誉碴。我大概給你說一下網(wǎng)頁制作技術(shù)的變化歷程吧邻眷÷樱”
“以前我們做網(wǎng)站的時(shí)候科吭，通常會說我的網(wǎng)站是asp囤萤、jsp纯出、.net蚯妇、php的。沒有人會說我的網(wǎng)站是HTML的暂筝，你知道箩言，網(wǎng)頁最終的呈現(xiàn)肯定是html格式的，為何他們不說呢焕襟？”
小白：“因?yàn)樗麄兙W(wǎng)頁的功能基本都是通過asp陨收、jsp、.net鸵赖、php實(shí)現(xiàn)的务漩？”
“沒錯(cuò)，那個(gè)時(shí)候做網(wǎng)站先是美工設(shè)計(jì)頁面它褪、切圖饵骨。程序員按照美工設(shè)計(jì)的頁面通過切圖和表格布局展示出來，通過vb列赎、java宏悦、c#、php等代碼把數(shù)據(jù)庫的數(shù)據(jù)提取出來放到對應(yīng)位置包吝”罚”
小白：“對，我還知道以前的網(wǎng)頁要更改網(wǎng)頁中某個(gè)位置的數(shù)據(jù)是需要重新加載網(wǎng)頁的诗越∽┣疲”
“不錯(cuò)，確實(shí)是這樣嚷狞，當(dāng)時(shí)風(fēng)靡一時(shí)的Flash完美的解決了更改頁面數(shù)據(jù)不用刷新頁面的問題块促，F(xiàn)lash在網(wǎng)頁中可以實(shí)現(xiàn)異步請求荣堰，可以通過Flash向服務(wù)器發(fā)送一個(gè)請求，當(dāng)接收到返回?cái)?shù)據(jù)后再對flash中的內(nèi)容進(jìn)行對應(yīng)的更改竭翠。不過Flash太依賴插件振坚，所以后來就有了ajax，ajax是通過JS來實(shí)現(xiàn)網(wǎng)頁的異步請求處理斋扰《砂耍”
小白：“不好意思！朱哥传货，什么是異步請求屎鳍？”。
“哦问裕！簡單說就是你發(fā)送一個(gè)post或者get請求逮壁，服務(wù)器不是立刻給你返回?cái)?shù)據(jù)的，網(wǎng)速不一樣服務(wù)器處理速度不一樣都會影響數(shù)據(jù)返回的速度粮宛，因此你需要等到數(shù)據(jù)返回以后再對數(shù)據(jù)進(jìn)行處理窥淆。這些你現(xiàn)在不用理解，以后慢慢就知道了窟勃∽嫒椋”
老朱接著說：“自從有了ajax，我們對網(wǎng)頁的處理就靈活很多秉氧，因此js開始變得越來越重要，后來就有了著名的jQuery蜒秤，通過jQuery可以對網(wǎng)頁標(biāo)簽進(jìn)行各種處理汁咏，對ajax也進(jìn)行了很好的封裝，非常方便作媚！”
“因?yàn)橛辛薺query我們在做網(wǎng)頁的時(shí)候可以很方便的在一個(gè)頁面完成大量的功能攘滩，所以經(jīng)常把前端頁面功能實(shí)現(xiàn)與數(shù)據(jù)處理完全分開，這樣前端通過js控制html標(biāo)簽實(shí)現(xiàn)頁面功能纸泡，后臺人員做數(shù)據(jù)處理漂问，分工很明確，工作效率和網(wǎng)頁功能都得到了很大的提高女揭≡榧伲”
小白接著問：“前端和后臺數(shù)據(jù)處理完全分開，前端的數(shù)據(jù)是怎么拿到的呢吧兔？”
老朱：“這個(gè)你現(xiàn)在先不用理解磷仰，你只需要知道，前端需要數(shù)據(jù)的時(shí)候會使用ajax向服務(wù)器一個(gè)處理數(shù)據(jù)的頁面發(fā)送一個(gè)請求境蔼，這個(gè)頁面會通過你的請求參數(shù)返回給你不同類型的數(shù)據(jù)灶平，拿到數(shù)據(jù)后把數(shù)據(jù)放到頁面對應(yīng)的標(biāo)簽中或者更改某些標(biāo)簽的狀態(tài)伺通。”
小白：“哦逢享，我大概理解了罐监，不過還得消化消化！”
“沒關(guān)系瞒爬，這些你只需要了解就可以弓柱，在我們真正做的時(shí)候你就慢慢理解了。明天我們繼續(xù)～～～”
想學(xué)H5的朋友可以關(guān)注老爐疮鲫，您的關(guān)注是我持續(xù)更新《小白H5成長之路》的動(dòng)力吆你！
