主題分享 業務功能互動實現之 精簡模式開發

2022-07-25 09:30:10 字數 1322 閱讀 2793

今天和公司前端同事分進行了一場主題分享會,特將會議內容些許有營養的東西與大家公開分享和總結一下。

1.主題釋義

精簡 --- 業務互動通過精煉的**和簡思維實現。

精 --- 提煉過的、優質的**(精品精心設計編寫的、擴充套件性伸縮性強的業務互動元件和**)。

簡 --- 簡單的思維模式、**設計模式、簡單的使用方式、 (將業務功能梳理後的產物)。

2、 以資金計畫專案為例講解

觀察原型設計發現互動規律 (自定義固定列**功能)

梳理業務互動並將功能分析,轉換為程式設計思維 (日曆元件的業務互動功能)

3、其他元件例項

匯出功能優化實現、流程步驟卡片元件、公用的方法 等講解

4、 元件的開發需考慮的幾點:

組建的可復用性

**可讀性、使用性,(元件中引數定義注釋、方法注釋等)

功能方面可擴充套件性(橫向功能可擴充套件,縱向可匹配多種業務進行復用)

5、元件的開發規範事項:

隔離性     

css,js,dom都是很平直的東西。都可以直接影響。如果要做元件,那麼需要將元件進行隔離。樣式需要隔離,dom需要隔離。這樣元件與元件之間才不會產生干擾。

快速定位性、

巢狀元件與組合元件的測試尤其重要。好的框架應該能快速定位元件,以及方法。很好的展示當前元件的結構,便於修改問題。

擴充套件融合性:

新的元件放在舊的業務,要保證融合,這樣的框架才能滿足現有的需求,如果每次公升級都要徹底拋棄舊的東西,這樣對開發來說也是巨大的工作量。

劃分性、分類性

公用基礎元件、面向業務的元件、重構新的元件; 

6、總結:

1、元件化僅僅只是前端邁向標準化的乙個開始!

2、業務互動實現理念:

觀察原型設計發現互動規律;

梳理業務互動並將功能分析,轉換為程式設計思維 ;

3、如何將業務互動效果轉換為程式設計思維,最後形成邏輯**。

整個過程是程式設計思維和演算法,以及模型設計能力的體現。

更是體現程式設計的「智慧型」。它**於工作中的經驗積累和總結。

4、產品的某個功能的使用率、產品是否好用是由好的互動體驗和細節決定的,

產品想獲得使用者的青睞,體驗和細節還是決定產品成敗的關鍵因素!

7、 呼籲

"千里馬常有,而伯樂不常有",美好的事物都需要會賞識的人才覺得珍貴。

隱藏的千里馬們與其默默敲**,還不如藉此舞台與大家展現你的風采!!~~

與君分享自己寫的**/元件,一同享用共歡樂、共進步!!~~

今此,望可以拋磚引玉!

主題色切換功能實現

1.使用window全域性變數,把當前 名稱變數寫入全域性,const colorlist default red green 全域性變數 window.themecolor colorlist 0 寫入window物件2.使用less生成對應 的樣式,使用less中的變數函式,通過不同的顏色引數生...

Social 實現分享功能

首先,先宣告一點,這裡的分享平台包括以下幾個 slservicetypetwitter slservicetypefacebook slservicetypesinaweibo slservicetypetencentweibo slservicetypelinkedin 兩個是國內的,其他都是國外...

ios ShareSDK 分享 登陸功能的實現

配置環境 分享 第三方登陸 必須真機除錯 真機需要 設定自己ios證書 和 setting 裡的 bitcode yes import 第三方平台的sdk標頭檔案,根據需要的平台匯入。import wxapi.h import weibosdk.h import import self initia...