Web App開發(fā)需要了解哪些事情
來源:m.7n7k.cn 作者:東方智啟科技 時間:2016-04-25 09:09 閱讀:
Html5技術(shù)帶來的良好的跨平臺體驗和低成本的開發(fā)優(yōu)勢,使得Web App開發(fā)服務(wù)受到創(chuàng)業(yè)者的熱捧,但是在開發(fā)中需要重視Web App的安全性和用戶體驗,才能吸引用戶的關(guān)注。
Html5技術(shù)帶來的良好的跨平臺體驗和低成本的開發(fā)優(yōu)勢,使得Web App開發(fā)服務(wù)受到創(chuàng)業(yè)者的熱捧,但是在開發(fā)中需要重視產(chǎn)品的安全性和用戶體驗,才能夠吸引更多目標(biāo)用戶的關(guān)注。
安全性主要的影響因素
確認(rèn)電子郵件:在用戶注冊之后,系統(tǒng)應(yīng)該以郵件的形式,為用戶發(fā)送確認(rèn)連接,用戶在確認(rèn)之后,才能夠進入進一步的操作。在變更郵箱的時候也需要有同樣的操作流程。
身份管理:在存儲密碼時,先用廣泛使用的加密庫將密碼加密。
加密:對Web的所有證書問題,可以使用SSL或者HSTS技術(shù)。
工程:動畫
在動畫方面,盡量不要將APP上的所有的元素都做成動畫,因為大部分CSS動畫都會觸發(fā)布局重繪,所以最好是限制一下,盡可能用變換和opacity。
用戶體驗主要的影響因素
表單:當(dāng)提交表單時,需要為用戶提供相應(yīng)的反饋信息,讓用戶知道他們是提交成功了還是失敗了。
登陸重定向:用戶在未登陸的情況下,系統(tǒng)應(yīng)該為用戶提供登陸引導(dǎo)。如果在用戶登陸的過程中出現(xiàn)輸入了錯誤的密碼的情況,應(yīng)該給以提示,并引導(dǎo)用戶忘記密碼操作,選擇重新設(shè)置新密。
JS與CSS:合并和壓縮:用戶需要在APP上特定的JavaScript和CSS集中放到一個文件中(一個存JS、一個存CSS),才能夠進一步減小產(chǎn)品自身的大小,才能夠進一步提升加載效率,進而提升用戶的體驗,一般可以使用的工具并包括Grunt-contrib-concat、Grunt-contrib-cssmin或Grunt-contrib-uglify。

確認(rèn)電子郵件:在用戶注冊之后,系統(tǒng)應(yīng)該以郵件的形式,為用戶發(fā)送確認(rèn)連接,用戶在確認(rèn)之后,才能夠進入進一步的操作。在變更郵箱的時候也需要有同樣的操作流程。
身份管理:在存儲密碼時,先用廣泛使用的加密庫將密碼加密。
加密:對Web的所有證書問題,可以使用SSL或者HSTS技術(shù)。
工程:動畫
在動畫方面,盡量不要將APP上的所有的元素都做成動畫,因為大部分CSS動畫都會觸發(fā)布局重繪,所以最好是限制一下,盡可能用變換和opacity。
用戶體驗主要的影響因素
表單:當(dāng)提交表單時,需要為用戶提供相應(yīng)的反饋信息,讓用戶知道他們是提交成功了還是失敗了。
登陸重定向:用戶在未登陸的情況下,系統(tǒng)應(yīng)該為用戶提供登陸引導(dǎo)。如果在用戶登陸的過程中出現(xiàn)輸入了錯誤的密碼的情況,應(yīng)該給以提示,并引導(dǎo)用戶忘記密碼操作,選擇重新設(shè)置新密。
JS與CSS:合并和壓縮:用戶需要在APP上特定的JavaScript和CSS集中放到一個文件中(一個存JS、一個存CSS),才能夠進一步減小產(chǎn)品自身的大小,才能夠進一步提升加載效率,進而提升用戶的體驗,一般可以使用的工具并包括Grunt-contrib-concat、Grunt-contrib-cssmin或Grunt-contrib-uglify。
tag標(biāo)簽:web app開發(fā)HTML5開發(fā)
熱門點評()