目前hips采用的單測組合是jest + Vue-Test-Utils,前端單元測試,就是要在項(xiàng)目里加上這兩個(gè)配置。 采用 jest + Vue Test Utils進(jìn)行單元...
我們使用uploader組件來進(jìn)行測試,用ios手機(jī)去拍照,手機(jī)豎著去拍照時(shí),得到的圖片會逆時(shí)針旋轉(zhuǎn)90度,橫著拍沒問題。下面圖中的左一即為橫拍,右邊的兩個(gè)豎拍就很明顯不對勁...
想象一個(gè)場景,子組件依賴父組件傳遞的props,如果有多個(gè)這樣的props,其實(shí)已經(jīng)很煩了,當(dāng)有多個(gè)子組件,或者孫組件也依賴于由上至下的props時(shí),寫那么多props簡直是...
不知啥時(shí)候起,對nextTick的理解出現(xiàn)了偏差,感覺變成了setTimeout一樣的延時(shí)操作了,好像就一定會在代碼執(zhí)行完成之后執(zhí)行。有多少人和我一樣,當(dāng)需要等到dom渲染完...
某天,當(dāng)我安安靜靜的在敲代碼,突然業(yè)務(wù)同事問我,-‘hi,我們可以做公司公告的子應(yīng)用嗎?’-‘當(dāng)然可以’-‘那,可以發(fā)布公告嗎?有圖有文字的那種!’-‘你讓我想想’ 劃重點(diǎn),...
先描述一個(gè)場景:當(dāng)我們在本地開發(fā)一個(gè)移動端的功能時(shí),有時(shí)會面臨一個(gè)困境,即某些原生功能瀏覽器無法給予我們響應(yīng),必須要將代碼置身于真機(jī)環(huán)境,比如微信或自開發(fā)的app等。這就需要...
懶人成就世界 最近總是忙于幫別人解決問題,大家隔著電腦屏幕聊啊聊,總是不夠真實(shí),驢頭不對馬嘴,浪費(fèi)時(shí)間。得,還是請對方把代碼端上來,跑一跑看看啥錯(cuò)誤。服務(wù)到位的朋友會去掉no...
1.新建plugins、msg文件夾以及相關(guān)文件 src/plugins/index.js src/plugins/msg/msg.vue 2.在msg.vue中實(shí)現(xiàn)消息通知...
管理頁面我們通常能看到一連串的卡片,以很明顯的方式對用戶進(jìn)行提示,也可以是圖表嵌在卡片的形式直觀展示。那就會存在一個(gè)需求,用戶可以自定義自己想要的卡片布局,其實(shí)也就是自定義寬...
“ less is more!” 寫代碼到現(xiàn)在,越來越喜歡這一句話。以少量的代碼,實(shí)現(xiàn)好的功能,這應(yīng)該是我們所追求的,寫出優(yōu)雅的代碼。 Vue的mixin大部分人應(yīng)該是知道...
最近在開發(fā)的時(shí)候遇到了一個(gè)環(huán)形進(jìn)度條的需求,設(shè)計(jì)師希望這個(gè)進(jìn)度條是漸變色的,并且能有對應(yīng)的動畫。具體效果如圖 下面開始講解整體的思路我們需要什么? 一個(gè)環(huán)形進(jìn)度條 漸變色 動...