從零開始徒手擼乙個vue的toast彈窗元件

2022-08-01 13:12:10 字數 407 閱讀 2716

相信普通的vue元件大家都會寫,定義 -> 引入 -> 註冊 -> 使用,行雲流水,一氣呵成,但是如果我們今天是要自定義乙個彈窗元件呢?

首先,我們來分析一下彈窗元件的特性(需求): 

0. 輕量 –乙個元件小於 1kib (實際打包完不到0.8k) 

1. 一般都是多處使用 –需要解決每個頁面重複引用+註冊 

2. 一般都是跟js互動的 –無需 在裡面寫

今天,我們就抱著上面2個需求點,來實現乙個基於vue的toast彈窗元件,下圖是最終完成的效果圖.

檔案位置/src/toast/toast.vue

我是彈窗div>

template>

從零開始擼乙個ajax框架

寫這篇文章的初衷 寫了5年 發現每天的工作都是在像拼積木一樣,拼湊著乙個又乙個功能,但是基本的實現原理可能就那幾把刷子,想著想著就乾脆整理成乙個自己風格的公共庫,既然說了,那就幹唄 框架的封裝是乙個開發者綜合能力的乙個體現,因為框架的封裝不僅關係到怎麼讓使用者更方便的去使用你封裝的這個方法,更需要乙...

從零開始擼乙個Fresco之總結

fresco是乙個比較大的開源專案,類的總數超過450個。經過乙個來月的翻譯,終於將絕大部分fresco的原始碼翻譯完畢了,也寫了幾篇fresco各個模組的分析部落格。fresco的源 是乙個巨大的寶庫,讓我能夠一窺android高階開發者開發乙個專案的方式與思路。之後如果有時間我還會帶來更多的an...

徒手擼乙個簡單的IOC

spring框架中最經典的兩個就是ioc和aop,其中ioc inversion of control 是什麼呢?控制反轉,簡單來說就是將控制實體bean的動作交給了spring容器進行管理。再簡單點來說就是例如之前想用乙個類,必須new乙個,但是使用了spring那麼直接用 autowired註解...