鍍金池/ 問答/ HTML問答
礙你眼 回答

vue跳轉(zhuǎn)用的是vue-router吧 你在router/index.js注冊好路由 就可以啊

憶當年 回答

webpack resolve.alias
別名

祉小皓 回答

從時間復(fù)雜度來看，for的復(fù)雜度是O(n)。
如果name是不重復(fù)的，可以先轉(zhuǎn)成Hash結(jié)構(gòu)存儲，如：

let nameMap = {'麻辣香鍋': 20, ...};

這樣每次用name來查找age的時間復(fù)雜度就只有O(1)了。

掛念你 回答

你已經(jīng)用了redux了，為什么還要這么麻煩。你把要傳遞給子組件的狀態(tài)放在store上傳遞下去，子組件就會自動根據(jù)數(shù)據(jù)進行渲染了。state在組件控制自己本身的狀態(tài)的時候再使用。

黑與白 回答

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

clipboard.png

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

半心人 回答

主要你是開發(fā)aps單頁面，還是CDN那種引入開發(fā)，要是單頁面我，你看一下這個項目用戶中心。

悶騷型 回答

1、state
redux中只維護一個store樹，這個樹下存儲各個模塊的state
2、dispatch
表明觸發(fā)了一個修改state的操作，且只能通過dispatch觸發(fā)修改。它的參數(shù)是一個action，看下面
3、action
action表示當前dispatch（操作）的類型和載荷（數(shù)據(jù)）（payload），比方說我要修改系統(tǒng)主題色，那這個action可能就這么定義了{type: 'CHANGE_THEME', color: 'red'}，其中type是約定俗成的參數(shù)，且必填
4、reducer
是一個純函數(shù)，用來修改state的，接收兩個參數(shù) state和action，生成一個新的state返回

補充
先了解redux基礎(chǔ)實現(xiàn)，暫不用管react-redux，react-redux只是redux在react下的應(yīng)用，redux也可以和angular、原生js結(jié)合使用。所以有時候你看到的provider、connect只是在react下應(yīng)用而已，不屬于redux核心概念的范疇。
1、provider
要了解provider必須知道react中context的概念，通過context可以將組件狀態(tài)store傳遞到各個子組件，而不需要顯示的props一層一層傳遞下去。react-redux中就是將store存在了context中
2、connect
顧名思義，起到了鏈接的作用。store傳遞到子組件需要通過connect鏈接來建立prop和state、prop和dispatch的對應(yīng)關(guān)系。它會統(tǒng)一的從context中取出store， 然后store中的數(shù)據(jù)都是通過mapStateToProps "傳"到props，你就可以拿來顯示啦；你修改store的操作，也通過mapDispatchToProps "傳" 到props，你就可以修改數(shù)據(jù)啦

陌離殤 回答

config 文件夾的 index.js，修改 build 配置項：

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

這是網(wǎng)絡(luò)慢導(dǎo)致的警告 并不是什么錯誤...

陌如玉 回答

router/index.js文件下的path路徑指的是路由路徑，你改為/pages/mine試試

笨笨噠 回答

不需要，插件放在dev依賴下

不將就 回答

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

圖片描述

這個是一開始的webpack配置
圖片描述
圖片描述

這個是在sass中引用到的圖片
圖片描述

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

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

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

圖片描述

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

重點來了,publicPath說是自定義發(fā)布的目錄，其實就是將你打包后的css中引用的文件路徑給替換成publicPath的值，并且因為publicPath與name這兩個屬性可以是函數(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/',
                }
            }
        }

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

一次是看不出什么的，我們再來一次

{
            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文件夾下多了個QAQ，file是引用圖片的絕對路徑，并且url就是這個name函數(shù)返回的值（我們假裝它是真的QAQ/test.png），那么接下來我們就可以繼續(xù)進行下一步

{
            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中提取出對應(yīng)的文件夾比如'QAQ/',拼合成打包圖片的路徑返回，這樣子根據(jù)圖片生產(chǎn)對應(yīng)的文件夾這個問題就解決了，然后在publicPath這邊根據(jù)傳進來的url進行路徑拼接，得到打包后的圖片位置，并返回出去，結(jié)果如下圖
圖片描述
可以看到這已經(jīng)得到了我預(yù)期的效果，并且打包后的css中圖片引用路徑也是沒問題的。
希望這個能給樓主提供一些幫助，另外如果有錯誤的話還請各位指出，畢竟第一次寫東西語言有點混亂（躺）

別瞎鬧 回答

如果拿不掉，就減少js文件請求的數(shù)量：發(fā)布到生產(chǎn)環(huán)境前，使用Gulp或Webpack自動將這些js合并一個或多個，并且壓縮。

傻丟丟 回答

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

法克魷 回答

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

愚念 回答

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

卟乖 回答

你的銷毀應(yīng)該是把video標簽給移除了

未命名 回答

你可以這樣來做

做個下拉列表框

分別有 手機、座機、郵箱 三個選項

這樣就實現(xiàn)了三選一了

后面跟一個文本框、根據(jù)客戶選擇的驗證那一項就OK了

舊言 回答

前端移動端適配方案之rem之小白解惑
移動端適配的話用rem，vw,vh在項目中一般是個別地方才會使用。

首頁 上一頁 1214 1215 1216 1217 1218 1219 1220 1221 1222 下一頁 尾頁