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