多線程是屬于并發(fā)范疇,而異步是數(shù)據(jù)請求方式的范疇,與同步相對。從具體使用場景來說，耗CPU的任務(wù)可以移到worker中處理，ajax主要是IO費(fèi)時(shí)間，為了保證不讓代碼阻塞，所以異步處理，等數(shù)據(jù)到達(dá)時(shí)再通知程序。這是在html5中的變通方法，因?yàn)閍jax是比較早實(shí)現(xiàn)的，而worker是比較新的一個(gè)概念，可以說worker的功能是覆蓋ajax的，只是由于HTML的不斷發(fā)展自然出現(xiàn)了這樣的問題。
成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元港閘做網(wǎng)站,已為上家服務(wù),為港閘各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220
在其它語言中，一般費(fèi)時(shí)任務(wù)都放在其它線程中，以避免阻塞主線程。而不管它是費(fèi)CPU還是費(fèi)IO。
總之，這都是HTML的錯(cuò)。你大可以把網(wǎng)絡(luò)請求也放在worker中處理，但不幸的是，支持worker的瀏覽器并不多。
History 對象從 HTML4 開始引入，HTML5 中增加了 pushState, replaceState 兩個(gè)方法，和 popstate 事件。下面作一些簡單的介紹。
1. pushState()方法
pushState() 的作用是往歷史記錄的堆棧中壓入一條記錄，該方法有三個(gè)參數(shù)：
state object —— 一個(gè)對象，用于保存狀態(tài)信息，當(dāng) popstate 事件被觸發(fā)時(shí)，popstate 事件對象的 state 屬性會(huì)包含相應(yīng)的 state object 的拷貝。state object 的容量很?。‵irefox 中強(qiáng)制為 640k），如果需要儲(chǔ)存較大的數(shù)據(jù)，建議使用 localStorage 或 sessionStorage。
title —— 即被壓入的歷史記錄的頁面的標(biāo)題，該屬性暫時(shí)被所有瀏覽器忽略，實(shí)際開發(fā)時(shí)可以填空字符或一個(gè)簡短的標(biāo)題。
url —— 新的歷史記錄的地址，可以是相對路徑或絕對路徑，若為相對路徑則以當(dāng)前 url 為基址。
2. replaceState()方法
replaceState() 方法與 pushState() 方法類似，參數(shù)與 pushState() 也相同，但 replaceState() 方法會(huì)修改當(dāng)前的歷史記錄而并非創(chuàng)建新的記錄，因此在需要更新當(dāng)前歷史記錄的 state object 或 URL 時(shí)，使用該方法會(huì)更加合適。
3. popstate 事件
popstate 事件會(huì)在激活的歷史記錄發(fā)生變化（如前進(jìn)、后退、調(diào)用 pushState 或 replaceState 方法）時(shí)觸發(fā)在 window 對象上。如上面所描述，如果被激活的歷史記錄由 pushState 創(chuàng)建或是被 replaceState 修改，則 popstate 事件的狀態(tài)屬性將包含相應(yīng)的 state object 的拷貝，開發(fā)者可以在 popstate 的回調(diào)中調(diào)用這些之前保存在 state object 中的信息。
值得注意的是，Chrome 會(huì)在打開頁面（包括第一次打開頁面）以及頁面刷新時(shí)產(chǎn)生 popstate 事件而 Firefox 則不會(huì)，這會(huì)為開發(fā)帶來一些麻煩，但下面會(huì)給出解決方案。
web前端開發(fā)：主要是通過html/css，js，ajax，DOM等前端技術(shù)，實(shí)現(xiàn)網(wǎng)站在客服端的正確顯示及交互功能?？煞譃椋壕W(wǎng)頁重構(gòu)，js功能開發(fā)。隨著HTML5的到來，RIA時(shí)代正在開啟，web前端的應(yīng)用功能將會(huì)更加靈活。最大的好處就是可實(shí)現(xiàn)客服端的更加友好的用戶體驗(yàn)而不會(huì)對服務(wù)器帶來過重的負(fù)擔(dān)。
而web開發(fā)，個(gè)人覺得未免說得太寬范了點(diǎn)，一般主要指后臺(tái)的程序開發(fā)方面，會(huì)用到PHP或ASP，mysql或mssql，ajax等，主要是服務(wù)器端的腳本語言及數(shù)據(jù)庫技術(shù)，這也是網(wǎng)站保證正常動(dòng)作，技術(shù)方面最核心的部分。
//H5自帶的驗(yàn)證是比較簡單的驗(yàn)證，不完美，只適合比較簡單的驗(yàn)證。具體使用方法如下：
//需求：用戶名：不能為空，長度在6至12之間，內(nèi)容為英文
//HTML
input type="text" id="user" required minlength=6 maxlength=12 pattern="^[a-zA-Z]+$"
//js
var user = document.getElementById("user");
user.onblur = function(){
if(user.validity.valueMissing){
user.setCustomValidity("用戶名為空.");
}else if(user.validity.tooShort){
user.setCustomValidity("用戶名過短.");
}else if(user.validity.tooLong){
user.setCustomValidity("用戶名過長.");
}else if(user.validity.patternMismatch){
user.setCustomValidity("用戶名輸入錯(cuò)誤.");
}
}
//required屬性：驗(yàn)證是否為空
//pattern屬性 ：匹配正則
//validity屬性：是H5底層的邏輯提供，原本已經(jīng)存在的。元素通過elem.validity獲得validityState對象
//例如可以獲得的對象有：valueMissing 驗(yàn)證是否為空 返回true或false
//再例如：patternMismatch 驗(yàn)證是否匹配正則 同樣返回 true或false
怎么使用ajax提交？
你可以將我上面的代碼封裝成一個(gè)check方法，用來檢查表單內(nèi)容是否正確，在用戶點(diǎn)擊提交按鈕的時(shí)候不是直接submit表單，而是觸發(fā)一個(gè)表單提交前驗(yàn)證方法check，驗(yàn)證通過后，將表單中的元素獲取到，保存在一個(gè)變量中下面以jquery的ajax為例：
var?jsonData={'userName':user.value}
$.ajax({
url:'接口地址'，
type：'post',
dataType:'json',
data:jsonData,
success:function(data){
//發(fā)送成功后的回調(diào)，data包含成功時(shí)后臺(tái)返回的數(shù)據(jù)
},
error:function(res){
//發(fā)送失敗時(shí)的回調(diào)，res包含失敗時(shí)的后臺(tái)返回的數(shù)據(jù)
}
})
//特別要注意一點(diǎn)的是如果要用ajax發(fā)送數(shù)據(jù)，就不要將提交按鈕的type設(shè)置為submit，否則form還是會(huì)自動(dòng)提交
重慶分公司
重慶分公司
