一、性
§確認(rèn)郵件：
當(dāng)用戶注冊(cè)時(shí)，應(yīng)向他們發(fā)送帶有點(diǎn)擊確認(rèn)
郵箱的鏈接的郵件。如果用戶更新他們的郵
箱地址，則要再次重復(fù)這個(gè)工作流程。
§身份管理：
當(dāng)存儲(chǔ)密碼時(shí)，首先對(duì)它們進(jìn)行加鹽和散列
操作，然后再用現(xiàn)在廣泛使用的crypto庫(kù)。
如果你不這樣做的話，把身份管理轉(zhuǎn)由給
/GitHub/Twitter/等，用OAuth就能
做到。
§加密：
所有證書(shū)問(wèn)題，還有什么比SSL更好。使用它
吧。還可以使用HSTS。
§憑證：
不要把服務(wù)器身份信息(API密鑰、數(shù)據(jù)庫(kù)密
碼等)放到版本控制里，否則就泄密了。
二、工程：動(dòng)畫
所有的愛(ài)，都是神圣的。但別為應(yīng)用里的所
有元素添加動(dòng)畫。因?yàn)榇蠖鄶?shù)CSS動(dòng)畫都會(huì)出
發(fā)布局重繪;盡可能地限制自己使用
transform和opacity。
避免進(jìn)行緩慢的過(guò)渡運(yùn)算，如果非要使用，
那么確保它是針對(duì)某個(gè)屬性的
(如，”transition:opacity 250ms ease-in
”，而不是”transition:all 250ms ease-
in”)。
三、用戶體驗(yàn)(UX)
§表單：
當(dāng)提交一個(gè)表單后，用戶應(yīng)收到提交后的反
饋。如果提交后不向用戶發(fā)送一個(gè)不同的頁(yè)
面，那么就應(yīng)該有彈框或alert一些信息，以
便讓用戶知道這次提交是否成功。
§登錄重定向：
如果用戶打算在你的網(wǎng)站打開(kāi)一個(gè)頁(yè)面，但
并沒(méi)有登錄，那么他們應(yīng)該首先接收到一個(gè)
能登錄的頁(yè)面，并在登錄后重定向到一個(gè)他
們?cè)鞠氪蜷_(kāi)的一個(gè)頁(yè)面(當(dāng)然，前提是已得
到授權(quán))。
如果他們嘗試登錄，但提供了一個(gè)錯(cuò)誤的密
碼，這時(shí)，用戶有可能是忘記了密碼，那我
們就應(yīng)該提供一個(gè)視覺(jué)線索來(lái)提醒他們，要
有一個(gè)重置密碼的選項(xiàng)。
四、電子郵件
訂閱設(shè)置：
任何發(fā)送到用戶的email，都應(yīng)該至少包含一
個(gè)鏈接，能鏈接到修改他們的郵箱設(shè)置的應(yīng)
用程序頁(yè)面，并且每個(gè)郵件都有一個(gè)單 獨(dú)的鏈接，能取消訂閱。 千萬(wàn)別讓用戶為了取消訂閱而向你發(fā)送郵件 。 五、移動(dòng)端 雖然你不必開(kāi)發(fā)移動(dòng)端…但不管你是否做， 你都應(yīng)該確保這是一個(gè)積極的決定，因?yàn)檫@ 會(huì)對(duì)你的應(yīng)用程序設(shè)計(jì)和工程有實(shí)質(zhì)性影響 。 下面的注意事項(xiàng)是假設(shè)你已選擇移動(dòng)端作為 你的平臺(tái)之一。我碰巧選用Grunt作為我的構(gòu) 建工具，所以我得使用一些Grunt-specific 插件，但你可能使用類似的Java構(gòu)建工具。 六、工程 單頁(yè)面應(yīng)用： 現(xiàn)今單頁(yè)面(SPA)是王道。它的主要優(yōu)勢(shì)是很 少加載整個(gè)頁(yè)面–只需加載所需資源，并且 無(wú)須反復(fù)重載相同的資源。如果你才剛剛開(kāi) 始開(kāi)發(fā)一個(gè)新的web應(yīng)用，那它很可能是SPA 。 七、用戶界面(UI) 分辨率： 當(dāng)你開(kāi)發(fā)MVP(Minimum Viable Product– 簡(jiǎn)化可實(shí)行產(chǎn)品)時(shí)，不用先急著兼容各種尺 寸的UI，那是等你的產(chǎn)品一下子火了之后才 需要去做的事情，但要確保支持主流設(shè)備(尺 寸)。 八、UX：寬帶 相對(duì)于桌面端，移動(dòng)端的一個(gè)大主題是帶寬 ，它是非常珍貴的資源。因此，不應(yīng)該放過(guò) 任何能減少請(qǐng)求的機(jī)會(huì)，讓它們盡可能地采 用異步請(qǐng)求，并減少請(qǐng)求資源的大小。 九、用戶體驗(yàn)：表單 這是一個(gè)很好的建議：保持表單和工作流程 的簡(jiǎn)易性，當(dāng)你針對(duì)移動(dòng)設(shè)備作為部署平臺(tái) 時(shí)，這點(diǎn)尤其重要。因?yàn)闆](méi)有人愿意在手機(jī) 上填滿5頁(yè)的表單。 我希望這列表對(duì)于剛開(kāi)始開(kāi)發(fā)款Web應(yīng)用 的同學(xué)們都有所幫助，甚至對(duì)那些之前不熟 悉前端的一些優(yōu)化技巧的后端或設(shè)計(jì)師。 廣州創(chuàng)優(yōu)視覺(jué)科技有限公司講述的Web應(yīng)用需要了解的事，希望能帶給你幫助