web前端小白經常出現“四”個錯誤
錯誤一轉件所謂“應該能行”的程式碼
錯誤:無論是JavaScript,還是在伺服器上執行的程式碼,開發人員都需要測試並確認它是否可以正常工作,而不是在部署了之後,就認為它應該就能從一而終地執行。
影響:不經過適當錯誤檢查的網站就是對終端使用者耍流氓。不僅會極大地影響使用者體驗,而且其錯誤訊息內容的型別可能會給黑客線索來滲透這個站點。
如何避免:是人都會犯錯,這個哲理同樣適用於編碼。使用JavaScript,一定要實施好的技術來防止並抓住錯誤。雖然這篇文章描繪了用JavaScript編碼Windows應用程式,但是大部分的內容也適用於web開發,許多提示都很不錯!另一種能讓程式碼變得可靠又能在未來變化中存活下來的方法是單元測試。
如果我們夠仔細,那麼就能捕捉到伺服器端的程式碼失敗,而不被使用者發現。只顯示必要的資訊,並且一定要確保設定友好的錯誤頁面,如HTTP 404s。
錯誤二寫分叉程式碼
錯誤:本著支援所有瀏覽器和版本的崇高理念,開發人員立志建立可對任意可能情況作出迴應的程式碼。程式碼中if語句成堆,所有方向都有分叉。
影響:隨著瀏覽器新版本的更新,程式碼檔案會變得越來越笨拙和難以管理。
如何避免:實現程式碼的功能檢測和瀏覽器/版本檢測。功能檢測技術不僅可以顯著減少程式碼量,還更易於閱讀和管理。不妨考慮使用如Modernizr這樣的庫,不僅有助於功能檢測,還能自動幫助提供不能跟上HTML5和CSS3速度的舊版瀏覽器的反饋支援。
錯誤三非響應式設計
錯誤:假設開發/設計人員在相同尺寸的顯示器上開發網站。
影響:當在移動裝置或在非常大的螢幕檢視網站時,使用者體驗要麼很難看到頁面的重要方面,要麼甚至要時刻注意著不導航至其他網頁。
如何避免:響應式的思維方式。在網站中使用響應式設計。這裡有一些關於這方面的實用教程,包括響應式圖片,還有一個非常受歡迎的庫,那就是Bootstrap。
錯誤四網站過多重新整理
錯誤:建立的網站需要為每一個互動而全面重新整理頁面。
影響:類似於頁面臃腫,頁面載入時間的效能會受到影響。使用者體驗缺乏流暢性,並且每次互動都可能導致網頁短暫(或長時間)的復位。
如何避免:快速避免這種情況的一個方法就是,通過測定回發到伺服器的內容是否是真正需要的。例如,當不依賴伺服器端資源的時候,客戶端指令碼可用於提供直接結果。你也可以應用AJAX技術或進一步使用單頁的應用程式“SPA”方法。流行的JavaScript庫/框架,如JQuery、KnockoutJS和AngularJS,能讓這些方法的採用變得容易得多。
總結:在學習與工作中,總是會遇到不同的挫折。雖然有些錯誤與某一個具體的行為相關,但有些錯誤卻是所有Web開發人員都需要面對的挑戰。
自己是一個6年的前端開發工程師
這裡推薦一下我們的前端學習交流群:784783012 ,裡面都是學習前端的,從最基礎的HTML+CSS+JS【炫酷特效,遊戲,外掛封裝,設計模式】到移動端HTML5的專案實戰的學習資料都有整理,送給每一位前端小夥伴。2019最新技術,從企業招聘人才需求 到怎麼學習前端開發,和學習什麼內容都有免費系統分享。好友都在裡面學習交流,每天都會有大牛定時講解前端技術!
點選: 加入
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2660809/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- web前端之異常/錯誤監控Web前端
- windows故障轉移叢集 “群集事件” 經常出現 1135 錯誤的解決Windows事件
- macOS小白容易犯的24個錯誤Mac
- 學習Web前端需要避免哪些錯誤Web前端
- 做個前端錯誤監控前端
- web前端小白科普集Web前端
- 識別這5個錯誤,進階高階web前端工程師!Web前端工程師
- 那些常見的Web前端學習誤區分享!Web前端
- Laravel 出現 419 錯誤Laravel
- Opencv出現detecMultiScale錯誤OpenCV
- ORA-07445: 出現異常錯誤: 核心轉儲 [kkqstcrf()+1355]CRF
- 在使用海外IP代理時會經常出現哪些誤解?
- 前端錯誤前端
- 【常見錯誤】--Nltk使用錯誤
- 前端錯誤收集以及統一異常處理前端
- win10系統中流放之路經常彈出異常錯誤的解決方法Win10
- AS打包出現app:transformClassesAndResourcesWithProguardForRelease錯誤APPORM
- 使用 sudo 命令出現錯誤
- SSH出現Connection refused錯誤
- 好程式設計師web前端培訓分享小白學web常見的問題程式設計師Web前端
- 一些學Web前端最常見的錯誤分享!Web前端
- Camstar 登入時出現單個Error的錯誤提示Error
- Code Review 常見的5個錯誤模式View模式
- Golang開發常見的57個錯誤Golang
- 使用Python時常見的9個錯誤Python
- 讓小白不走彎路:學習web前端流程,以及學習誤區Web前端
- golang中經常會犯的一些錯誤Golang
- android 打包出現錯誤Error: ResourceNameAndroidError
- Flutter 最常出現的典型錯誤Flutter
- thinkphp原始碼分析(四)—錯誤及異常處理篇PHP原始碼
- SSH常見錯誤
- MySQL 常見錯誤MySql
- Web前端工程師的一些常見誤區介紹!Web前端工程師
- Qt 載入 libjpeg 庫出現“長跳轉已經執行”錯誤QT
- Web 前端開發之小白入門Web前端
- 5個常見的JavaScript記憶體錯誤JavaScript記憶體
- 高年薪的Web前端工程師經常思考哪些問題?Web前端工程師
- git push出現Permission denied (publickey)錯誤Git