前端項目筆記經驗-001

做項目有一段時間了,利用下班或者零碎時間的功夫,想分享一些個人心得和感受。與君共勉。

前端應該具備的幾個能力:

(1)準備假數據(模擬數據)的能力,因為后端有時候接口沒有準備好,前端沒有數據,但是排期比較緊,不能等待后端,前端要有造模擬數據的能力

(2)有跳過某一個業務邏輯的能力,假如一個閉環的業務需要5步可以完成,如果2卡住了,那么345就不能繼續推進,當然麻煩后端改數據庫確實是一個好辦法,簡單粗暴。如果是不得已的情況下,又是在開發環境我想也行吧。

(3)數據處理的能力,有時候數據后端處理好,前端直接渲染比較輕松,但如果接口返回的數據并不能直接使用就需要前端在渲染頁面之前要進行一些數據處理,有時候數據處理的工作量還比較大。這是一個比較模糊的問題,需要考慮好這個數據處理的工作是誰來做比較好?

(4)校驗的問題。前端的校驗可以替代后端省去不少校驗工作,但是如果直接用postman接口工具去測試就會存在問題。校驗的問題在一些場景是前端做比較好,例如表單校驗;另一些場景,例如數據量較大的重復性檢索的問題肯定是后端校驗。還是要根據具體場景具體分析。

(5)多個項目同時開發的情況,后端的開發環境操作,影響前端不同版本的迭代開發,應該怎么辦?

(6)代碼分支的管理,項目多的時候,或者同一個項目需要同時迭代多個版本的時候,代碼管理尤為重要。以前做的項目在這方面沒有規范,隨著越來越正規,還有就是分支寫多了,就慢慢有了新的感悟,這一塊確實有必要去維護好。如果引起代碼丟失或者項目發布沒有合并代碼的話是比較嚴重的發布事故。

(7)封裝組件的能力,這里分享一點我自己的想法,根據個人經驗,我想,前端組件可以簡單分為公共的一般功能組件和實現業務的業務組件,一般功能組件是實現系統普遍存在的一般性功能,可以方便之后的相似功能業務的開發。業務組件就是和我們的需求業務有很強的關聯,其中的數據,邏輯跟我們的業務強耦合,一般不能再放入其他頁面中使用。我們前端在封裝組件的時候確實需要也是一定要考慮的一件事情就是盡可能的不要把業務上的數據和邏輯放入到這種一般性功能的組件之中,這樣會產生一些代碼的耦合,我們的項目在逐漸健壯起來的時候,就很難再操作。所以在操作組件的時候,盡可能把數據和邏輯準備在業務組件中,假如我們不得不這樣做的時候,也最好寫好備注,并且盡量不影響以前的代碼邏輯。以前剛開始做項目的時候就確實碰到這個問題,導致本來封裝的一個table組件,其中添加了太多的if和else,我想就是因為和業務耦合性太強,不過這是一方面,另一方面就是迭代的次數頻繁,加上周期比較久,經手人多,就改起來難度變大了一些。所以針對于封裝組件這一點,我在現在的項目開發中也慢慢發現了一些可以去優化的點,那么就要在之后的項目迭代中如果要封裝組件,那么就應該盡可能規避掉一些問題,這也是如果在排期比較充足,有時間的話需要進一步優化的事情。畢竟這可以讓我們使用組件的時候更流暢一些。

to be continued...

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/43920.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/43920.shtml
英文地址,請注明出處:http://en.pswp.cn/web/43920.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

element plus 實現跨頁面+跨tab欄多選

文章目錄 element plus 層面數據層面 菜鳥好久沒寫博客了,主要是沒遇見什么很難的問題,今天碰見了一個沒有思路的問題,解決后立馬來和大家伙分享了! 菜鳥今天要實現一個需求,就是:實現跨頁面跨 tab欄 多選…

力學篤行(四)Qt 線程與信號槽

線程與信號槽 1. 主窗口(MainWindow)主線程2. 線程2.1 QThread2.2 QtConcurrent::run()2.3 thread 的調用方式 3. 信號槽3.1 connect3.2 元對象系統中注冊自定義數據類型 附錄一 信號槽機制與主線程進行通信示例 1. 主窗口(MainWindow&#x…

MySQL聯合索引最左匹配原則

MySQL中的聯合索引(也叫組合索引)遵循最左匹配原則,即在創建聯合索引時,查詢條件必須從索引的最左邊開始,否則索引不會被使用。在聯合索引的情況下,數據是按照索引第一列排序,第一列數據相同時才會按照第二列排序。 例…

CVE-2024-27292:Docassemble任意文件讀取漏洞復現 [附POC]

文章目錄 CVE-2024-27292:Docassemble任意文件讀取漏洞復現 [附POC]0x01 前言0x02 漏洞描述0x03 影響版本0x04 漏洞環境0x05 漏洞復現1.訪問漏洞環境2.構造POC3.復現 0x06 修復建議 CVE-2024-27292:Docassemble任意文件讀取漏洞復現 [附POC] 0x01 前言 …

冒泡排序與其C語言通用連續類型排序代碼

冒泡排序與其C語言通用連續類型排序代碼 冒泡排序冒泡排序為交換排序的一種:動圖展示:冒泡排序的特性總結:冒泡排序排整型數據參考代碼(VS2022C語言環境): 冒泡排序C語言通用連續類型排序代碼對比較的方式更…

法律行業守護神:知識庫+AI大模型,解鎖企業知識全周期管理

在法律行業中,搭建一個有效的知識庫并進行企業知識全生命周期管理確實是一項不小的挑戰。法律環境的復雜性和不斷變化的法規要求企業必須持續更新和維護其知識庫,以確保所有信息的準確性和實時性。 這種系統化的信息管理不僅有助于提高律師和法律顧問的…

打卡第9天-----字符串

我在自學的時候,看了卡爾的算法公開課了,有些題目我就照葫蘆畫瓢寫了一遍js代碼,差不多都寫出來了,有暴力解法,有卡爾推薦的思路和方法。話不多說,直接上題上代碼吧: 一、翻轉字符串里的單詞 leetcode題目鏈接:151. 反轉字符串中的單詞 題目描述: 給你一個字符串 s…

5個自動化面試題,助你過關斬將!

面試時,自動化是軟件測試高頻面試內容,通過學習和準備面試題,你會對可能遇到的問題有所準備,從而減輕面試時的緊張感,讓你在面試中穩操勝券! 今天,分享一些在面試中可能會遇到的自動化測試面試…

軟件架構之測評方法

軟件架構之測評方法 第 11 章:測試評審方法11.1 測試方法11.1.1 軟件測試階段11.1.2 白盒測試和黑盒測試11.1.3 缺陷的分類和級別11.1.4 調試 11.2 評審方法11.3 驗證與確認11.4 測試自動化11.5 面向對象的測試 第 11 章:測試評審方法 軟件測試與評審是…

大學生暑假“三下鄉”社會實踐工作新聞投稿指南請查收!

近年來,大學生暑期“三下鄉”社會實踐工作方興未艾,越來越多的大學生通過參與“三下鄉”實踐工作,走出校園,深入基層,體驗農村生活,服務農民,促進農村經濟社會發展,實現了理論與實踐…

算能科技,致力于成為全球領先的通用算力供應商

算能致力于成為全球領先的定制算力提供商,專注于RISC-V、TPU處理器等算力產品的研發和推廣應用。公司遵循全面開源開放的生態理念,攜手行業伙伴推動RISC-V高性能通用計算產業落地;打造覆蓋“云、邊、端”的全場景產品矩陣,為數據中…

【eNSP模擬實驗】三層交換機實現VLAN通信

實驗需求 讓PC1和PC2能夠互相通訊&#xff0c;其中PC1在vlan10中&#xff0c;PC2在vlan20中。 實驗操作 首先把PC1和PC2都配置好ip&#xff0c;配置好之后&#xff0c;點擊右下角的應用 然后&#xff0c;在S2交換機&#xff08;S3700&#xff09;上做如下配置 #進入系統 <…

mvvm模式

MVVM&#xff08;Model-View-ViewModel&#xff09;模式是一種軟件設計模式&#xff0c;特別適用于構建用戶界面&#xff08;UI&#xff09;應用程序&#xff0c;尤其是使用WPF&#xff08;Windows Presentation Foundation&#xff09;、Silverlight和其他XAML技術的應用程序。…

【Redis】Redis十大類型

文章目錄 前言一、string字符串類型二、List列表類型三、 Hash表四、 Set集合五、 ZSet有序集合六、 GEO地理空間七、 HyperLogLog基數統計八、Bitmap位圖九、bitfield位域十、 Stream流10.1 隊列指令10.2 消費組指令10.3 ACK機制 前言 redis是k-v鍵值對進行存儲&#xff0c;k…

Mac上pyenv的安裝及使用

Mac上pyenv的安裝及使用 安裝 brew update brew install pyenv 報錯 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallowgit -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow那就執行這2句 還報錯 git -C /…

【最經典的79個】軟件測試面試題(內含答案)提前備戰“金九銀十”

001.軟件的生命周期(prdctrm) 計劃階段(planning)-〉需求分析(requirement)-〉設計階段(design)-〉編碼(coding)->測試(testing)->運行與維護(running maintrnacne) 測試用例 用例編號 測試項目 測試標題 重要級別 預置條件 輸入數據 執行步驟 預期結果 0002.問&…

“論軟件維護方法及其應用”寫作框架,軟考高級論文,系統架構設計師論文

論文真題 軟件維護是指在軟件交付使用后&#xff0c;直至軟件被淘汰的整個時間范圍內&#xff0c;為了改正錯誤或滿足 新的需求而修改軟件的活動。在軟件系統運行過程中&#xff0c;軟件需要維護的原因是多種多樣的&#xff0c; 根據維護的原因不同&#xff0c;可以將軟件維護…

CVE-2024-34351 漏洞復現

CVE-2024-34351&#xff0c;由Next.js異步函數createRedirectRenderResult導致的SSRF。 影響版本&#xff1a;13.4.0< Next.js < 14.1.1 參考文章&#xff1a; Next.js Server-Side Request Forgery in Server Actions CVE-2024-34351 GitHub Advisory Database Gi…

數據庫Doris的手動分桶和自動分桶

在Doris中,分桶(Bucketing)是為了更好地管理和查詢數據,將數據分成多個小的邏輯單元。分桶可以通過手動或自動的方式進行配置,每種方式各有其特點和適用場景。 Doris 支持兩層的數據劃分。第一層是分區(Partition),支持 Range 和 List 的劃分方式。第二層是Bucket(Tab…

RK3568平臺開發系列講解(內存篇)Linux進程內存的消耗統計

??返回專欄總目錄 文章目錄 一、VSS(Virtual Set Size)二、RSS(Resident Set Size)三、PSS(Proportional Set Size)四、USS(Unique Set Size)五、其他工具Linux 提供了多種進程內存占用的度量指標, 它們反映了不同的內存使用特征: VSS 反映進程虛擬內存總需求, 包括未…