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