鍍金池/ 問(wèn)答/ HTML問(wèn)答
瘋子范 回答

元變量, 或元語(yǔ). 相當(dāng)于張三,李四

這里有完整的列表和使用方式:

https://en.wikipedia.org/wiki...

你圖上定義sc_timer的時(shí)候有個(gè)下劃線(xiàn)_，然后下面的又沒(méi)有這個(gè)下劃線(xiàn)_。是不是這出錯(cuò)了，不知道是不是我眼睛不好使，看出下劃線(xiàn)來(lái)了

clipboard.png
clipboard.png

陌如玉 回答

問(wèn)題解決了，把 <mt-navbar> 和 <mt-tab-container> 標(biāo)簽中的 v-model="selected" 改成 v-model="active"，然后 data 中的 return 加多一個(gè)屬性 active: "tab-container1" 就可以了。

毀與悔 回答

axios是異步請(qǐng)求，在它外面且在下面的代碼不會(huì)等待它完成，會(huì)直接開(kāi)始運(yùn)行，而異步請(qǐng)求體里面的內(nèi)容會(huì)在其請(qǐng)求成功或者失敗才執(zhí)行相應(yīng)的代碼。

獨(dú)白 回答

為何change方法要去循環(huán)遍歷數(shù)組？你想實(shí)現(xiàn)的功能是點(diǎn)擊一下，換一個(gè)，再次點(diǎn)擊，再換一個(gè)，一直到列表的最后？

瞄小懶 回答

highlight-row是boolean類(lèi)型，并不能用js指定某行高亮

尋仙 回答

兩個(gè)值是因?yàn)橐粋€(gè)是匹配完整的正則表達(dá)式, 一個(gè)是匹配小括號(hào)以?xún)?nèi)部分, 你不用前一個(gè)匹配忽略即可. RegExp.$1是你想要的結(jié)果.

綰青絲 回答

你為什么不把加個(gè)寫(xiě)在v-for里面 渲染unit呢？？

解夏 回答

clipboard.png
確實(shí)可以改變css，不過(guò)html中對(duì)應(yīng)的css名字也要替換 。 適合react的開(kāi)發(fā)者；正在尋找替換html類(lèi)名的方法

黑與白 回答

1.官網(wǎng)給的demo里是v-bind:is 的寫(xiě)法

clipboard.png

2.這里的這個(gè)組件根本沒(méi)有渲染，vue在分析template的時(shí)候會(huì)將template里的html轉(zhuǎn)化成render寫(xiě)法來(lái)生成html，你這里依然是component，vue解析器在執(zhí)行render('component',...)的時(shí)候并沒(méi)有識(shí)別到這是一個(gè)動(dòng)態(tài)組件，可能是你沒(méi)加is的原因。
3.這種時(shí)候，如果你熟悉react的jsx的話(huà)，用jsx會(huì)比較好一些，vue官方提供了這么一個(gè)插件：babel-plugin-transform-vue-jsx

陌離殤 回答

config 文件夾的 index.js，修改 build 配置項(xiàng)：

module.exports = {
    dev: {
        // ...
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        // ...
    },
    build: {
        // ...
        assetsRoot: path.resolve(__dirname, '../../dist'),
        assetsSubDirectory: 'static',
        assetsPublicPath: `${settings.cdn}/`,
        // ...
    }
}
不將就 回答

先說(shuō)一下我的問(wèn)題吧，以下是我的目錄結(jié)構(gòu)（以下用test命名的文件/文件夾就是此次測(cè)試所用）

圖片描述

這個(gè)是一開(kāi)始的webpack配置
圖片描述
圖片描述

這個(gè)是在sass中引用到的圖片
圖片描述

我希望的是打包后，src/img/test/test.png能夠變成dist/img/test/test.png，然而，當(dāng)我打包之后，卻發(fā)現(xiàn)變成了這樣子
圖片描述
圖片描述

圖片直接打包到了dist/img目錄之下，并且css之中引用的也是dist/css/img下的圖片，沒(méi)辦法，看文檔，結(jié)果我看到了這一句圖片描述

我尋思著，這應(yīng)該就是對(duì)應(yīng)目錄的配置了吧（原諒我理解有問(wèn)題），趕緊寫(xiě)上去，結(jié)果是這樣

圖片描述

毛線(xiàn)啊，只不過(guò)是多了個(gè)src的相對(duì)路徑啊，問(wèn)題根本沒(méi)變啊
之后還是到了找資料的過(guò)程，發(fā)現(xiàn)publicPath這個(gè)東西，
圖片描述

重點(diǎn)來(lái)了,publicPath說(shuō)是自定義發(fā)布的目錄，其實(shí)就是將你打包后的css中引用的文件路徑給替換成publicPath的值，并且因?yàn)閜ublicPath與name這兩個(gè)屬性可以是函數(shù)，并且兩者有一定的聯(lián)系，所以我們可以從這里下文章。

{
            test: /\.(png|jpg)$/,
            use: {
                loader: "url-loader",
                options:{
                    name: function(file){
                        console.log('----------111-------',file);
                    },
                    // name: '[name].[ext]',
                    limit: '8192',
                    publicPath: function(url){
                        console.log('----------222-------',url)
                    },
                    outputPath: 'img/',
                }
            }
        }

當(dāng)然，這樣子打包的是不完整的，打包后的圖片也是直接就在dist/img文件夾下，我們需要的是看看參數(shù)file與url是什么
圖片描述

一次是看不出什么的，我們?cè)賮?lái)一次

{
            test: /\.(png|jpg)$/,
            use: {
                loader: "url-loader",
                options:{
                    name: function(file){
                        console.log('----------111-------',file);
                        return 'QAQ/[name].[ext]'
                    },
                    // name: '[path][name].[ext]',
                    limit: '8192',
                    publicPath: function(url){
                        console.log('----------222-------',url)
                    },
                    outputPath: 'img/',
                }
            }
        }

圖片描述

emm,dist/img文件夾下多了個(gè)QAQ，file是引用圖片的絕對(duì)路徑，并且url就是這個(gè)name函數(shù)返回的值（我們假裝它是真的QAQ/test.png），那么接下來(lái)我們就可以繼續(xù)進(jìn)行下一步

{
            test: /\.(png|jpg)$/,
            use: {
                loader: "url-loader",
                options:{
                    name: function(file){
                        var reg = /img\\(.*)\\([^\\]*)\.(png|jpg)$/,
                        dirStr = reg.exec(file)[1]
                        dirStr = dirStr?dirStr.replace(/\\/g,'/')+'/':''; 
                        return dirStr + '[name].[ext]'
                    },
                    // name: '[path][name].[ext]',
                    limit: '8192',
                    publicPath: function(url){
                        return path.resolve(__dirname,'dist/img',url).replace(/\\/g,'/')
                    },
                    outputPath: 'img/',
                }
            }
        }

在name這邊我使用了正則好從file中提取出對(duì)應(yīng)的文件夾比如'QAQ/',拼合成打包圖片的路徑返回，這樣子根據(jù)圖片生產(chǎn)對(duì)應(yīng)的文件夾這個(gè)問(wèn)題就解決了，然后在publicPath這邊根據(jù)傳進(jìn)來(lái)的url進(jìn)行路徑拼接，得到打包后的圖片位置，并返回出去，結(jié)果如下圖
圖片描述
可以看到這已經(jīng)得到了我預(yù)期的效果，并且打包后的css中圖片引用路徑也是沒(méi)問(wèn)題的。
希望這個(gè)能給樓主提供一些幫助，另外如果有錯(cuò)誤的話(huà)還請(qǐng)各位指出，畢竟第一次寫(xiě)東西語(yǔ)言有點(diǎn)混亂（躺）

傻丟丟 回答

在二分屏上，如果不做viewport級(jí)別的縮放，那么一個(gè)css像素將對(duì)應(yīng)兩個(gè)物理像素。但瀏覽器對(duì)‘0.5px’的‘理解’是不穩(wěn)定，。它可能會(huì)渲染成1物理像素，也有可能渲染成0。transfrom可以看成對(duì)元素的第二次繪制，這種繪制的在圖形圖像上更加精確。scale屬性，是形變。scale(0.5)會(huì)把 22個(gè)物理像素的圖像繪制成11個(gè)物理像素。

法克魷 回答

MainCtrl 指的是你引入的一個(gè)類(lèi)，public 定義了一個(gè)變量的性質(zhì)，這里是公共的，mainCtrl是MainCtrl 的一個(gè)實(shí)例

愚念 回答

這個(gè)是 color scheme 的設(shè)置，需要自己在設(shè)置里找一找，換換不同的

首頁(yè) 上一頁(yè) 1215 1216 1217 1218 1219 1220 1221 1222 1223 下一頁(yè) 尾頁(yè)