前端設計的感悟
還有一周本次叠代就結束了,和另外兩個團隊聯合開發的這樣復雜的系統。中間有很多坑。我主要負責前端的開發,發現有兩個點很重要。
一就是緩存問題,用戶可以刷新頁面,要想數據不丟失就必然用到緩存。緩存是可以被所有用戶訪問到的,可能使用緩存,和切換用戶就是兩個天生的冤家吧!
為了解決這兩種沖突,運用了兩種方式,雙管齊下:
一:每條緩存的命名都是 前綴+userId的形式,這樣就避免了緩存被共享問題。
二:每當用戶退出就清空所有的緩存,這樣就避免了緩存泄密的問題。
開始之所以在這方面踩了一些坑,現在想來主要是沒有【維護數據的思維概念】,有時後真的不能只是想著去解決問題,去實現功能,實際上開發人員更多的是一個數據管理大師!
第二問題就是一條鐵的天規:
隨時持續重構優化,重用和類似模塊一定要及時 及時 及時 抽取,不要等到覺得必要了才進行。
另外一點,就是前臺函數,及後臺功能性的方法,盡量不要涉及外面的變量(只涉及傳進來的參數和裏面臨時定義的變量)。這樣不只是可以更好的重用,還更利於從抽象層面理解你的功能!
前端設計的感悟
相關推薦
前端設計的感悟
不能 個數 丟失 前端設計 後臺 可能 沒有 抽象 訪問 還有一周本次叠代就結束了,和另外兩個團隊聯合開發的這樣復雜的系統。中間有很多坑。我主要負責前端的開發,發現有兩個點很重要。 一就是緩存問題,用戶可以刷新頁面,要想數據不丟失就必然用到緩存。緩存是可以被所有用戶訪問到的
前端設計之灰度值利用
十分 實例代碼 必須掌握 span log bsp img tle stat 在前端設計中,圖片的灰度與彩色交互變化是十分有用且必須掌握的。 充分的利用色差的變化可以給瀏覽者帶去別致的體驗。 實例代碼如下: <img class="filter" sr
大巧不工-WEB前端設計修煉之道pdf
客戶 margin post 了解 框架 前端開發 性能 round 測試 下載地址:網盤下載 大巧不工:Web前端設計修煉之道:全面探討Web前端設計的方法、原則、技巧和最佳實踐5大專業社區一致鼎力推薦!前端開發工程師、前端設計師、前端架構師和用戶體驗設計師等新興職業的
【前端GUI】—— 前端設計稿切圖通用性標準
前言:公司在前端組和視覺組交接設計稿切圖的時候,總會因為視覺組同事們對前端的實現原理不清楚而出現各種問題,在用的時候還得再次返工,前端組同事們一致覺得應該出一份《設計稿切圖通用性標準檔案》,這裡是我結合資料做出的一份總結。 1、切圖資源尺寸必須為雙數 &n
資料庫設計感悟
關於資料庫設計,首先需要明確的就是整個專案的設計是圍繞資料庫結構來實現的,也就是說資料庫一旦設計好就不能隨意改動,因為一旦改動對資料庫的訪問程式碼就很容易出現問題,相當於對整個專案需要改動,這也就意味著設計資料庫需要從拓展的角度來實現, 比如說一個使用者表,一個最簡單的使用者登陸只需要使用者與密碼
數據庫設計感悟
不必要 當前 綜合 增加 重新定義 外鍵 得到 設定 類的屬性 關於數據庫設計,首先需要明確的就是整個項目的設計是圍繞數據庫結構來實現的,也就是說數據庫一旦設計好就不能隨意改動,因為一旦改動對數據庫的訪問代碼就很容易出現問題,相當於對整個項目需要改動,這也就意味著設計數據
web前端設計基礎——HTML5、CSS3、JavaScript 簡答題整理
改版 文檔 什麽 ava 信息 http 鏈接 在哪裏 更改 web前端設計基礎——HTML5、CSS3、JavaScript 簡答題整理 (1)解釋一下名詞的含義:IP地址、URL、域名 (2)基本的web技術有哪些?web的工作原理是什麽? 基本的web技術
IC數字前端設計開發9(vim——開啟多個檔案、同時顯示多個檔案、在檔案之間切換)
開啟多個檔案: 1.vim還沒有啟動的時候: 在終端裡輸入 vim file1 file2 ... filen便可以開啟所有想要開啟的檔案 2.vim已經啟動 輸入 :open file
IC數字前端設計開發13 (Linux的mktemp命令)
mktemp 命令:用於建立暫存檔案,提供給shell指令碼安全的使用臨時檔案 引數 -d 建立一個替代目錄檔案 -p<目錄> 指定使用目錄作為生成臨時檔名時的字首 -q 不顯示錯誤資訊 -u 結束時刪除暫存檔案 Linux系統有特殊的
IC數字前端設計開發19 (Linux cat命令)
Linux cat命令 命令:cat cat 命令用於連線檔案並列印到標準輸出裝置上。 使用許可權 所有使用者 語法格式 cat [-AbeEnstTuv] [--help] [--version] fileName 引數說明: -n 或 --numb
IC數字前端設計開發23 (linux命令詳解:md5sum命令)
前言 在網路傳輸、裝置之間轉存、複製大檔案等時,可能會出現傳輸前後資料不一致的情況。這種情況在網路這種相對更不穩定的環境中,容易出現。那麼校驗檔案的完整性,也是勢在必行的。 使用說明 md5sum命令用於生成和校驗檔案的md5值。它會逐位對檔案的內容進行校
IC數字前端設計開發30 ( beyond compare 4 破解)
來自:https://blog.csdn.net/abifajhoifnof/article/details/79997565 其實 beyond compare 4這個軟體安裝完成後在 C:\Users\[計算機名]\AppData\Roaming\BCompar
IC數字前端設計開發29 (vim verilog自動化工具)
來自:http://bbs.eetop.cn/thread-335755-3-1.html Python中,怎麼在字串裡嵌入雙引號或者單引號 兩種方法: 1、在雙引號前面加個轉義符 \ ,即反斜槓。如"Hello \"W \"orld",會輸出&n
IC數字前端設計開發28 (vcs常用模擬選項)
來自:https://blog.csdn.net/bcs_01/article/details/79803304?utm_source=blogxgwz6 VCS的模擬選項分編譯(compile-time)選項和執行(run-time)選項。 1.1 VCS常用的編譯選項 表&
IC數字前端設計開發27 (VCS中使用coverage metrics進行程式碼覆蓋分析)
來自:https://blog.csdn.net/fredfei2002/article/details/5539060 VCS覆蓋率概念 vcs指令碼命令中包含六種覆蓋率分析選項:-cm line|cond|fsm|tgl|path|branch|assert,分別
IC數字前端設計開發26 (使用VCS生成覆蓋率報告)
來自:https://blog.csdn.net/limanjihe/article/details/52430286 第一部分: html檔案,想快速用瀏覽器開啟,而不是通過滑鼠點選的老套方式, 有著簡單且看上去高大上的方法: firefox瀏覽器 firef
IC數字前端設計開發25 (rtl時序圖製作工具)
timing editor http://timingeditor.sourceforge.net/ timingdesigner9.2 http://bbs.eetop.cn/thread-611436-1-1.html &
IC數字前端設計開發24 (Linux md5sum比較兩個資料夾下面檔案是否相同)
來自:https://blog.csdn.net/wengyupeng/article/details/69791404 Copy資料夾之後,檢測兩個資料夾(dir1,dir2)下檔案是否相同。logdir 是任何一個存放生成檔案的目錄 . cd dir1
IC數字前端設計開發22 (shell迴圈:for、while、until——詳解)
來自:http://blog.51cto.com/12105235/2090749 迴圈執行 :將某程式碼段重複執行多次; 重複執行多少次: 迴圈次數事先已知 ;迴圈次數事先未知 ;有進入條件和退出條件。 三種迴圈體:for、while、until。
IC數字前端設計開發21 (shell指令碼示例:批量比較多個檔案的內容是否相同)
來自:https://www.linuxidc.com/Linux/2017-08/146536.htm 要比較兩個檔案的內容是否完全一致,可以簡單地使用diff命令。例如: diff file1 file2 &>./tmp/null.txt 但是dif