使用過ReactJs、VueJs做過中大型項(xiàng)目遂唧、芙代。。對(duì)比下來還是vue使用得優(yōu)雅和官方API閱讀得舒心盖彭,至于Angular纹烹。。個(gè)人不是很喜歡它的臟檢查機(jī)制召边,一旦單頁面里寫得多就會(huì)有一定的性能問題(現(xiàn)在出2.0不知道有沒好一點(diǎn))铺呵。。
這次因?yàn)榘l(fā)現(xiàn)項(xiàng)目長(zhǎng)期常需要一個(gè)日期控件~~可是在網(wǎng)上找了多個(gè)日期控件都不滿意隧熙。要么是顏值太丑和體驗(yàn)不佳 要么是和Vue耦合使用地不暢片挂。多了一大堆的媒介代碼來橋聯(lián)數(shù)據(jù)、最主要的是大多控件都是基于JQ來實(shí)現(xiàn)的!音念! 要實(shí)現(xiàn)動(dòng)態(tài)控件非常麻煩W探!極大影響生產(chǎn)力和維護(hù)成本V⒒琛随闽!無形中萌生了自己動(dòng)手寫一個(gè)組件的想法!
廢話不多說肝谭,直接上效果圖
騰訊視頻
以上實(shí)現(xiàn)核心代碼完全基于vue掘宪、利用自動(dòng)計(jì)算屬性。交互效果小量css3攘烛、jq魏滚、兼容火狐、谷歌坟漱、Safari鼠次、IE等廠商。vue可以模塊化開發(fā)芋齿。完全把這個(gè)控件寫成一個(gè)組件腥寇。嵌入我們的業(yè)務(wù)頁面只需一行html代碼進(jìn)行雙綁定足矣。從而實(shí)現(xiàn)高度解耦觅捆、性能更高赦役。需要用時(shí)只需要引入這個(gè)組件的js就行(無需則不引)、維護(hù)更簡(jiǎn)單栅炒。 ? 另外掂摔。。上傳組件赢赊、下拉單選選擇器乙漓、下拉多選選擇器組件慢慢整理出來貢獻(xiàn)給大家哈