国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端架構涉及到哪些范圍?

dmlllll / 2484人閱讀

摘要:前后端都要關注注入攻擊跨站腳本攻擊跨站請求偽造開放重定向這些安全性問題。前端也需要構建自動化測試,包括獨立單元測試和端到端測試自動化,當然還有人工測試。

總體指導思想是前后端分離,后端同事提供線上API數據查詢接口或websocket接口,前端同事負責處理獲取到的數據、編寫展示的頁面、實現用戶交互;前后端都要考慮web開發的安全性問題,表單提交到數據庫前對用戶的輸入進行轉義、登錄避免明文傳輸密碼等。前后端都要關注SQL注入攻擊、跨站腳本攻擊、跨站請求偽造、開放重定向這些安全性問題。

最近在看《大型JavaScript應用最佳指南》,作者講到,大型web應用實際相當于一系列組件之間的互相通信,包括組件之間的組合和通信。在設計組件的時候不僅要從架構可擴展性的角度考慮,還要從功能完備性的角度考慮。有兩種構建組件的方法。其一,可以擴展已有的庫和框架,通過不斷擴展逐漸實現特定功能,其二,通過給組件傳入配置參數,告訴組件如何工作。我們要設計靈活的組件,就要把業務行為傳入組件,而不是在組件中直接編寫,這樣不同的組件就可以利用相同的無狀態業務邏輯函數。

開發的技術框架,如 vuejs, reactjs, angularjs; 還有一些腳手架,如 vue-cli; 還有一些全家桶,如vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)。

靜態資源的管理工具,包括對css/js/pictures等文件進行合并、壓縮、優化,以及自動替換。grunt/gulp 是任務管理器,引入 watch 模塊可以實現頁面的熱更新;webpack通過loaders來處理靜態文件。webpack-dev-server 可以實現熱更新。

API數據管理,后端提供完整的API文檔和使用postman提供測試數據接口,最關鍵的是確定成功或失敗時分別返回的數據結構。后端還沒開發好或者沒有測試數據時,前端可以模擬API,推薦一個工具:mockjax;一些全家桶也有配備這類工具。

前端要構造相應的通知系統,如服務器出錯、連接超時、參數無效、被退出等,前端要能優雅地報錯,并且盡量減少單點錯誤對整個系統的影響,引導用戶嘗試恢復正常,如刷新,重新登錄等,前端也需要記錄日志,這樣工程師可以快速debug。

關于跨域問題,這個暫時todo,等我有足夠多的實踐經驗再來補充,目前是使用chrome的CORS插件,因為上線后就不存在跨域的問題;如果前端需要調用第三方接口存在跨域問題,我目前的做法是找后臺調用我要的第三方接口,然后后臺再提供一個新的接口給我,這樣就不存在跨域問題,但是前后端分離的話,調用第三方接口出現跨域問題不是也應該由前端來解決嗎?前后端分離的話自己可以起一個node中間層服務器,然后本地server就可以支持代理其他域下的api的功能,即proxy,在ajax請求時突破前端同源策略的限制。

前端團隊中有多個人同時寫代碼,所有文檔規范是必須的,不然可能容易存在命名沖突,css樣式覆蓋,函數重寫,z-index互相攀比的問題。在js方面,要推薦按閉包的方式來寫,或者根據技術選型按組件模式來開發;因為我們項目中有打包工具,所以開發人員可以用ES5也可以用ES6,ES6更像是一門編程語言,適合我們養成面向對象編程的習慣。css方面,同樣因為我們項目中有打包工具,所以用純CSS/LESS/SASS寫都可以接受,看開發者決定,還要進行css代碼庫管理,css樣式命名管理,防止無意義的命名,這個建議讀一下bootstrap.css。

前端也需要構建自動化測試,包括獨立單元測試和端到端(E2E)測試自動化,當然還有人工測試。使用的工具有Jasmine和Selemium。追求開發完成后測試發現 0 個bug是我們一直追求的目標,畢竟誰也不希望每天被測試的郵件轟炸,特別是對于我這種不喜歡跟測試講話的人,整個測試過程完成到上線都沒有測試找過我,系統也沒有提示說我有bug,這是最爽的一件事。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/87160.html

相關文章

  • 前端架構涉及哪些范圍

    摘要:前后端都要關注注入攻擊跨站腳本攻擊跨站請求偽造開放重定向這些安全性問題。前端也需要構建自動化測試,包括獨立單元測試和端到端測試自動化,當然還有人工測試。 總體指導思想是前后端分離,后端同事提供線上API數據查詢接口或websocket接口,前端同事負責處理獲取到的數據、編寫展示的頁面、實現用戶交互;前后端都要考慮web開發的安全性問題,表單提交到數據庫前對用戶的輸入進行轉義、登錄避免明...

    kk_miles 評論0 收藏0
  • 做好云平臺架構需要哪些能力

    摘要:云平臺涵蓋了硬件運行時代碼庫框架服務及服務管理系統等。云平臺作為企業信息系統的底層支撐系統,更是要著眼于業務。 這兒講的平臺,是指計算平臺(conputing platform),這是一種環境,軟件在這種環境里運行。更進一步,云平臺,我們把它定義為企業級的云計算化的平臺,直接面向業務的軟件運行在這個平臺上,并且利用這個平臺環境,新的業務軟件可以迅速被開發出來。云平臺涵蓋了硬件、運行時代...

    mykurisu 評論0 收藏0

發表評論

0條評論

dmlllll

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<