TODO
發(fā)簡(jiǎn)信
IP屬地：云南
-
vue-cli3打包后上傳服務(wù)器，瀏覽器刷新報(bào)nginx 404的問(wèn)題
項(xiàng)目完成之后好港，npm run build打包上傳服務(wù)器，從頁(yè)面正常跳轉(zhuǎn)沒(méi)有問(wèn)題，一刷新就會(huì)發(fā)現(xiàn)vue項(xiàng)目會(huì)報(bào)nginx404的報(bào)錯(cuò)。 解決方案如下惯悠，配置nginx
-
記與后臺(tái)對(duì)接項(xiàng)目時(shí)遇到的 net::ERR_CERT_COMMON_NAME_INVALID
和后臺(tái)對(duì)接一個(gè)項(xiàng)目時(shí)，遇到一個(gè)問(wèn)題困擾了我很久 請(qǐng)求接口一直會(huì)報(bào) 這個(gè)錯(cuò) 問(wèn)題： 加了https之后還使用服務(wù)器地址去請(qǐng)求接口 解決方法： 要么換成 http:// 服務(wù)器請(qǐng)...
-
Nuxt中按需引入element-UI
完整組件列表和引入方式（完整組件列表以 components.json 為準(zhǔn)） 一竣况、安裝 二克婶、在plugins下新建elementUI.js文件 按需引入： 三、在根目錄下的...
-
Vue丹泉、Nuxt中的頁(yè)面性能優(yōu)化方案其實(shí)我做項(xiàng)目最有感觸的一點(diǎn)就是：不要等最后項(xiàng)目做出來(lái)之后老想著從技術(shù)角度去優(yōu)化他鸠补，改善他，要從項(xiàng)目一開(kāi)始設(shè)計(jì)的時(shí)候想的更長(zhǎng)遠(yuǎn)一些去規(guī)避這些問(wèn)題嘀掸。 以下以谷歌瀏覽器為例： 一紫岩、...
-
記在Vue/nuxt中代替原導(dǎo)航欄，實(shí)現(xiàn)一個(gè)炫酷的右側(cè)導(dǎo)航欄（DOM和數(shù)據(jù)渲染完成之后執(zhí)行）
實(shí)現(xiàn)效果如圖： 實(shí)現(xiàn)原理： 1. 將原右側(cè)導(dǎo)航欄樣式在全局css中改為常顯示以及寬度為零睬塌。 2. 在后綴為.vue的文件中或者在自定義的布局（nuxt中的layouts）中...
-
記在nuxt.js中引入一個(gè)萌噠噠的看板娘（Live2d模型）在vue中引入看板娘很簡(jiǎn)單泉蝌，網(wǎng)上資源也很多那么在nuxt中如何引入呢？這個(gè)問(wèn)題我試了好多好多方法揩晴，像vue一樣引入全局組件勋陪。。硫兰。都不行诅愚，最后找到了一個(gè)方法。 其實(shí)就是運(yùn)用nu...
-
記Vue中即時(shí)頁(yè)面填充內(nèi)容不夠劫映，底部欄也可在瀏覽器最底端顯示方法在寫(xiě)項(xiàng)目的時(shí)候遇到這樣一個(gè)問(wèn)題违孝，自定義的底部欄footer組件，當(dāng)頁(yè)面主內(nèi)容不多時(shí)泳赋，底部欄不會(huì)在瀏覽器的低端雌桑，而是隨頁(yè)面到了中間甚至更靠上的位置。如圖： 如何解決哩： 一般網(wǎng)...
-
記在vue中引入2D模型（老板娘）祖今，可以隨鼠標(biāo)移動(dòng)而動(dòng)的人物模型（live2d ）首先把需要的文件先下載下來(lái) 鏈接：https://pan.baidu.com/s/1tAfecHdTSzXX7mkPeRGEdA提取碼：l0kx復(fù)制這段內(nèi)容后打開(kāi)百度網(wǎng)盤(pán)手機(jī)...
-
記vue中自定義一個(gè)tags校坑，實(shí)現(xiàn)局部?jī)?nèi)容的切換
原理： 在data中記錄一個(gè)tags。 標(biāo)簽中通過(guò)判斷:class="{active:middletags(0)}"來(lái)判斷正處于的子頁(yè)面千诬，@click="changetags...
-
記vue中自定義實(shí)現(xiàn)輪播圖（不引用插件）
原文鏈接 所用方法和思想跟上面原文一樣耍目，就是增加了樣式，以及記錄如何修改里面的屬性徐绑。 實(shí)現(xiàn)原理：圖片滑動(dòng)即margin-left或者left的改變（和圖片滑動(dòng)方向有關(guān)）邪驮，點(diǎn)擊...
-
記vue中頭部導(dǎo)航欄點(diǎn)擊常亮（設(shè)置路由的active樣式）
在vue中寫(xiě)導(dǎo)航欄的時(shí)候比如點(diǎn)擊某個(gè)標(biāo)題鏈接，通常的點(diǎn)擊之后這個(gè)標(biāo)題會(huì)呈現(xiàn)一個(gè)常亮的狀態(tài)泵三。 vue里面因?yàn)轭^部是組件化的一個(gè)狀態(tài)耕捞，我一開(kāi)始想用監(jiān)測(cè)路由來(lái)實(shí)現(xiàn)，后來(lái)發(fā)現(xiàn)太麻煩不...
-
記Vue后臺(tái)管理中權(quán)限分配顯示對(duì)應(yīng)菜單欄（動(dòng)態(tài)路由顯示）
在項(xiàng)目做后臺(tái)管理系統(tǒng)時(shí)候烫幕，發(fā)現(xiàn)一個(gè)動(dòng)態(tài)路由顯示權(quán)限分配問(wèn)題俺抽。就是根據(jù)登陸賬號(hào)權(quán)限的不同，給他顯示不同的側(cè)邊菜單欄较曼。簡(jiǎn)單來(lái)說(shuō)實(shí)現(xiàn)方式就是后臺(tái)傳遞路由磷斧，前端拿到并生成側(cè)邊欄。 TODO
-
Vue六捷犹、可迅速上手的項(xiàng)目整體vue模板項(xiàng)目地址 因?yàn)橛胿ue-cli3生成的 eslint 代碼檢測(cè)方式跟大家常用的有所不同弛饭，大家初始化項(xiàng)目之后應(yīng)該也會(huì)遇到一直報(bào)warning的情況。因此萍歉，需要把.es...
-
NUXT.js服務(wù)端渲染 (SSR) 及SEO方面的探索之路nuxt.js官網(wǎng)調(diào)漸變色的網(wǎng)站，非常好用蔑舞！ nuxt特性 基于 Vue.js 自動(dòng)代碼分層 服務(wù)端渲染 強(qiáng)大的路由功能拒担，支持異步數(shù)據(jù) 靜態(tài)文件服務(wù) ES2015+ 語(yǔ)法支持...
