項(xiàng)目中需要一個(gè)請(qǐng)求進(jìn)度效果役纹，嘗試了下自己用 canvas 來(lái)繪制一個(gè)環(huán)形進(jìn)度條，動(dòng)效直接用的休眠函數(shù)加隨機(jī)數(shù)來(lái)模擬稽鞭。用到了 es6 里的 class 類(lèi)避除，用單例模式的懶漢模式...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
用es6的class類(lèi)單例模式封裝canvas環(huán)形進(jìn)度條
-
javascript中用reduce高階函數(shù)組裝查詢(xún)表單分隔字符數(shù)據(jù)
查詢(xún)表單，一次輸入多個(gè)參數(shù)翘盖，一般是從網(wǎng)站或者excel中復(fù)制滤否，要求前端用空格、逗號(hào)或者回車(chē)切割參數(shù)最仑，傳給后端藐俺。 這個(gè)需求也很常見(jiàn)，之前是先用 split 分隔成數(shù)組泥彤，再用 m...
-
toFixed和Math.round既不是四舍五入也不是銀行家舍入法
toFixed 介紹 JavaScript 的 toFixed 方法使用定點(diǎn)表示法來(lái)格式化一個(gè)數(shù)值欲芹，數(shù)字.toFixed(要保留幾位小數(shù))，參數(shù)為小數(shù)點(diǎn)后數(shù)字的個(gè)數(shù)吟吝，介于 0...
-
vue項(xiàng)目中webpack-dev-server的open和host0.0.0.0配置沖突一個(gè)比較老的公司項(xiàng)目菱父，webpack 用的 v3 版本，為了實(shí)現(xiàn)localhost剑逃、127.0.0.1和本機(jī)ip可以同時(shí)訪(fǎng)問(wèn)浙宜，webpack的devServer里的 host...
-
@思無(wú)邪_458e ，因?yàn)閁I框架的 modal 基本都是用 display 去控制的顯示/隱藏狀態(tài)蛹磺，也就是頁(yè)面一渲染所有引入的modal都已經(jīng)在頁(yè)面中了粟瞬，只不過(guò)用 display: none 在視覺(jué)上隱藏了，此時(shí)modal的created生命周期就已經(jīng)執(zhí)行了萤捆。你在頁(yè)面中點(diǎn)擊按鈕去讓modal顯示出來(lái)裙品，UI框架只是去把 modal 的 display 改成 block 而已，所以我一般在項(xiàng)目中直接用 modal 去二次封裝業(yè)務(wù)組件俗或，在封裝的組件里用 watch 去監(jiān)聽(tīng)父組件的 v-model 傳進(jìn)來(lái)的 value市怎，為 true 也就是彈窗顯示去做一些初始化的獲取數(shù)據(jù)...還有這樣用要在彈窗的關(guān)閉 on-cancel 里 this.$emit（‘input’, false）去同步更改父組件的 v-model，否則就會(huì)出現(xiàn)第二次再去點(diǎn)彈窗不彈出來(lái)的問(wèn)題
iview-原創(chuàng)-《iview modal解決各種問(wèn)題后的最佳實(shí)踐》
工作中使用了iview-admin作為系統(tǒng)UI框架辛慰，在進(jìn)行表單處理時(shí)区匠，不可避免的大量使用到了modal組件。過(guò)程中遇到問(wèn)題： 新建和編輯時(shí)應(yīng)該使用同一個(gè)組件作為基礎(chǔ)帅腌，這樣在代...
-
video視頻高度設(shè)置百分比在微信小程序中直接不顯示下面的視頻標(biāo)簽height設(shè)置成百分比驰弄，在微信小程序中解析出來(lái)壓根不顯示蝠筑，直接審查元素發(fā)現(xiàn)video的高度是0： 微信小程序video組件默認(rèn)是 width:300px，he...
-
uni-app開(kāi)發(fā)字節(jié)抖音小程序采坑記用uni-app開(kāi)發(fā)多端應(yīng)用揩懒，之前打包的微x小程序好好的什乙，打包成字節(jié)的就各種兼容問(wèn)題，UI框架用的uView的1.x版本已球，也是各種兼容問(wèn)題： 1臣镣、上傳圖片上傳不了 上傳圖片用...
-
微慕小程序字體圖標(biāo)使用教程字體圖標(biāo)：顧名思義就是可以像字體一樣使用的圖標(biāo)，可以隨意修改大小和顏色智亮。事實(shí)上也確實(shí)如此忆某，開(kāi)發(fā)者通過(guò)css里的字體屬性：font-size 和 color 就可以控制圖標(biāo)的大...
-
用emit還要去父組件里多寫(xiě)一個(gè)事件呀，而且如果彈窗有初始數(shù)據(jù)需要調(diào)用接口你用emit就不好處理了阔蛉，直接watch顯示隱藏狀態(tài)弃舒，拿來(lái)當(dāng)created生命周期用（modal彈窗一開(kāi)始就渲染到頁(yè)面中了，你直接在modal你用它的created這些生命周期會(huì)有很多問(wèn)題）
iview-原創(chuàng)-《iview modal解決各種問(wèn)題后的最佳實(shí)踐》
工作中使用了iview-admin作為系統(tǒng)UI框架状原，在進(jìn)行表單處理時(shí)聋呢，不可避免的大量使用到了modal組件。過(guò)程中遇到問(wèn)題： 新建和編輯時(shí)應(yīng)該使用同一個(gè)組件作為基礎(chǔ)颠区，這樣在代...
-
是的削锰，我剛試了是function，他搞錯(cuò)了毕莱，對(duì)象器贩、數(shù)組和null返回的才是object
typeof與instanceof區(qū)別
曾幾何時(shí)，一個(gè)HR問(wèn)我朋截，typeof可以判斷數(shù)據(jù)類(lèi)型蛹稍，但是無(wú)法判斷array和object，如何解決部服，我天真的想到了極為復(fù)雜的循環(huán)方法解決這一問(wèn)題唆姐，最終失敗告終，誰(shuí)知饲宿，ins...
-
可能是你這談得太深了厦酬，一點(diǎn)都不淺談。瘫想。。
HTTP協(xié)議淺談
在雞年的最后一天完成了這篇文章昌讲。表示愉悅的同時(shí)国夜，更要祝福大家狗年大吉吧....下方是一根不正經(jīng)的分割線(xiàn)... 重新學(xué)習(xí)前端知識(shí)，自己整理總結(jié)了些內(nèi)容...所以想分享給大家短绸。在...
-
找到原因了车吹，奶奶個(gè)腿兒筹裕，是cssnano那個(gè)插件造成的，還要安裝這個(gè)npm i cssnano-preset-advanced --save-dev
如何在Vue項(xiàng)目中使用vw實(shí)現(xiàn)移動(dòng)端適配(轉(zhuǎn))
有關(guān)于移動(dòng)端的適配布局一直以來(lái)都是眾說(shuō)紛紜窄驹，對(duì)應(yīng)的解決方案也是有很多種朝卒。在《使用Flexible實(shí)現(xiàn)手淘H5頁(yè)面的終端適配》提出了Flexible的布局方案，隨著viewpo...
-
我也報(bào)這錯(cuò)乐埠，我是在vue里用PostCSS抗斤，各種插件都裝好了，一修改了.postcsssrc.js文件里的配置就報(bào)這個(gè)錯(cuò)丈咐，改回默認(rèn)的又不報(bào)錯(cuò)了瑞眼，愁死我了
Vue踩坑-because it violates the following Content Security Policy directive
在學(xué)習(xí)或者開(kāi)發(fā)項(xiàng)目的過(guò)程中，我會(huì)遇到控制臺(tái)的各種報(bào)錯(cuò)棵逊，每次報(bào)錯(cuò)的時(shí)候伤疙，都會(huì)截圖，然后記錄一下報(bào)錯(cuò)的原因和解決的辦法辆影，下次再次遇到徒像，很快就知道是什么原因了，這無(wú)形中就給自己增加...
-
改了.postcsssrc.js文件一運(yùn)行就報(bào)錯(cuò)蛙讥，愁死我了：Refused to load the image 'http://localhost:8080/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.
如何在Vue項(xiàng)目中使用vw實(shí)現(xiàn)移動(dòng)端適配(轉(zhuǎn))
有關(guān)于移動(dòng)端的適配布局一直以來(lái)都是眾說(shuō)紛紜厨姚，對(duì)應(yīng)的解決方案也是有很多種。在《使用Flexible實(shí)現(xiàn)手淘H5頁(yè)面的終端適配》提出了Flexible的布局方案键菱，隨著viewpo...
個(gè)人介紹