原文:Vue造輪子-popover組件(上)

. popover是什么以及難點在哪 點一下出現一個卡片,也叫氣泡卡片 難點在於css的樣式 . 用戶會怎么去用 . 為什么要用用inline block,因為這樣多個popover組件才不會一行 . 優秀的前端css一定是寫的很 的 . 開始完善功能,實現點外面之后內容消失 .解決第三次點擊不行 第一步 第二步 第三步 解決點擊popover關閉的bug,實現最簡單的popover . 目前還 ...

2020-01-29 13:58 0 1318 推薦指數:

查看詳情

Vue輪子-手風琴組件

一. 大致的使用方法 二. 完成最外部的樣式 三. 進一步調節樣式 四. 默認內容折疊起來和點擊切換,基本樣式和基本功能完成 五. 完善功能第一個點開,第二個就關閉 因為結構比較簡單,就父子兩個組件,可以用父子通信來做。 六. 增加功能是否可以選擇多個 ...

Sat Feb 01 23:16:00 CST 2020 0 842
VUE輪子ui框架(上)

1.需求分析 用例圖,狀態分析 2.UI設計 我們用SKetch進行ui的設計。可以利用symbol來綁定關聯等詳細操作就不贅述了,設計效果如下圖 3.項目初始化 4.butto ...

Wed Jul 15 00:03:00 CST 2020 0 776
輪子-toast組件的實現(下)

1.解決 toast 中傳入 html 的問題,通過假的 slot 來實現 2.在 toast 中加 html 是比較危險的一個動作,所以要加一個選項默認不開啟。 3.flex-shrin ...

Mon Jan 27 06:19:00 CST 2020 0 242
論要不要重復輪子

在程序界有一句話很流行,不要重復輪子。然而,這句話被濫用了。已經漸漸淪為程序員懶惰的借口。甚至因此而盲目指責那些勤奮的人。 大多數情況下初學者很難分清楚自己是不是在重復輪子。當我頭一次聽到這句忠告的時候,我變得異常敏感,在做什么之前都要判斷一下是否在輪子。我跟大多數普通人一樣,容易受到 ...

Fri Apr 22 19:22:00 CST 2016 3 4049
輪子-ThreadPoolExecutor

以下代碼的實現邏輯出自於公眾號 碼農翻身 《你管這破玩意叫線程池?》 - PS:劉欣老師在我心中是軟件技術行業的大劉。 線程池接口 View Code 接 ...

Fri Mar 05 22:32:00 CST 2021 3 387
為什么要鼓勵重復輪子

作者:丁儀 來源:https://chengxuzhixin.com/blog/post/wei_shi_me_yao_gu_li_zhong_fu_zao_lun_zi.html “不要重復輪子”恐怕是僅次於“php是最好的語言”之后最流行的話了。各種論壇,各種文章,都在 ...

Thu Nov 26 02:55:00 CST 2020 8 835
在npm發布自己輪子

提到封裝組件,發布到npm,很多同學都會覺得很神秘。但其實,npm包無非就是我們平時寫的比較獨立且可復用的模塊。當然,想要發布,除了基礎組件的編寫外,還要進行一些包裝。下文通過一個簡單的案例,和大家一起討論組件從開發到發布的整個過程。在此承諾,包教包會! 一、封裝組件 封裝組件包共有3個步驟 ...

Wed Jul 29 22:46:00 CST 2020 4 639
vue實現一個簡易Popover組件

概述 之前寫vue的時候,對於下拉框,我是通過在組件內設置標記來控制是否彈出的,但是這樣有一個問題,就是點擊組件外部的時候,怎么也控制不了下拉框的關閉,用戶體驗非常差。 當時想到的解決方法是:給根實例創建一個標記來控制,然后一級一級的把這個標記傳進來。但是這樣每次配置都要改根組件,非常不靈 ...

Tue Nov 27 06:17:00 CST 2018 0 2801
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM