鍍金池/ 問答/ HTML問答
安若晴 回答

開發(fā)者工具, Performance -> record -> stop 當(dāng)前瀏覽器的運行狀態(tài)信息都在了

心悲涼 回答

setState到變量值改變是有一個過程的,并不是同步執(zhí)行。就一個計時器的秒數(shù),沒必要放到state中?;蛘吣阍?code>componentDidMount中把秒數(shù)緩存(即需要多少秒),直接基于這個緩存變量修改。如:

let {countDown} = this.state;

//...
-countDown;
舊顏 回答

看下大佬的文章就知道了 手摸手,帶你用vue擼后臺 系列二(登錄權(quán)限篇)

沒啥特殊需求老老實實把路由寫到前端吧,寫到接口里面就是自己跟自己搞事情。

遲月 回答

這個原因就是受控組件與非受控組件的問題。你在初始的時候?qū)alue的值設(shè)置為undefined了。
所以修改為:

<input onChange={e => handleChange('user', e)} value={this.state.data.name || ''} />
純妹 回答

這就是典型的 webpack 應(yīng)用場景,你好好看下文檔,關(guān)于模板和輸出的那部分。

扯機薄 回答

私有包多半是不能同步的,私有把是你自己的別人看不見,怎么同步

念舊 回答
  1. Google準(zhǔn)確率確實優(yōu)于百度,說明該猿有一定追求;
  2. 由于眾所周知的原因,訪問Google有一定難度,說明該猿不僅有追求,還有一定的動手能力;
  3. Google的搜索結(jié)果,可能會包含更多的英文結(jié)果,說明該猿不僅有追求、有動手能力,很可能也具有一定的語言能力;
  4. ……編不下去了,以上純屬虛構(gòu),如有雷同,嗯,應(yīng)該能說明在下的策劃與文案能力俱佳吧。
使勁操 回答

問題略多,一點點說。

  1. </body>后邊除了</html>,其它什么都不要放。
  2. script標(biāo)簽請放到</body>之前。
  3. style標(biāo)簽盡量放到head里。雖然新標(biāo)準(zhǔn)是可以放到body里的,但考慮渲染流程,還是推薦先放到head里吧。
  4. 考慮到你引用的是3.x版本的jQ,.delegate()已經(jīng)是標(biāo)記作廢的API就別再用了。文檔可以先參考jQuery API 中文文檔
  5. $().ready(function(){})推薦用$(function(){})代替。
  6. readonly屬性可以使用.prop()操作。
  7. 新建數(shù)組不要用new Array(),直接用字面量即[]就好。
  8. 自定義data-屬性里咋就放了個標(biāo)簽名?好浪費……jQ里可以用它存東西的,而且也有相應(yīng)的API可以調(diào)取(其實原生里也有,既然講jQ這里就不發(fā)散了),你可以在每組img的父類里存上選的是哪個,然后加個id以便拿到j(luò)Q的DOM句柄(其實直接用data-標(biāo)簽也行但我嫌麻煩。。嘿嘿)~

(說太多好像不放代碼不好……)


HTML:

<div class="panel panel-default">
    <div class="panel-body">
        <div class="row" style="height:100%;background: #EEE;">
            <div id='group1' data-selected='' style="float: left;">
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img1" data-name="img1" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img1" data-name="img2" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img1" data-name="img3" src="timg.jpeg" style="width:100%">
                </div>
            </div>

            <div id='group2' data-selected='' style="float: left;">
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img2" data-name="img1" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img2" data-name="img2" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img2" data-name="img3" src="timg.jpeg" style="width:100%">
                </div>
             </div>

        </div>
    </div>
</div>

JS:

function updateText(jQdom) {
    var sel1 = $('#group1').data('selected'),
        sel2 = $('#group2').data('selected');
    jQdom.val(sel1 + ', ' + sel2);
}
$(function(){
    var $selText = $('.questionClass').children('input[type="text"]');
        $selText.prop('readonly', true);
    $(body)
        .on('click', '.user-img1', function () {
            $('.user-img1').removeClass('selected');
            $(this).addClass('selected');
            var name = $(this).data('name');
            $('#group1').data('selected', name);
            updateText($selText);
        })
        .on('click', '.user-img1', function () {
            $('.user-img2').removeClass('selected');
            $(this).addClass('selected');
            var name = $(this).data('name');
            $('#group2').data('selected', name);
            updateText($selText);
        })
    //后邊那段anwser沒看懂就不寫了……
})
詆毀你 回答

這個rewrite沒有用處。
因為#及其后面的字符在rewrite前就已經(jīng)被刪掉了。

寫這規(guī)則的不懂HTTP協(xié)議,#只能在前端處理。

落殤 回答

先說一下思路:
第一步:先利用canvas視頻截圖,生成圖片并創(chuàng)建DOM;
第二步:當(dāng)被創(chuàng)建的DOM被按下鼠標(biāo)時,開始創(chuàng)建文字輸入的DOM,并跟隨鼠標(biāo)拖動改變該DOM大?。?br>第三步:當(dāng)鼠標(biāo)松開時使文字DOM獲得焦點;
第四部:輸入完成,再次截圖保存;

關(guān)于第四步截圖會有點麻煩,這里有一個庫比較好用
html2canvas

我不懂 回答

這么理解,CommonsChunkPlugin 是為了提取出公共的模塊,那么 minChunks 就是說提取出的公共模塊必須(至少)在哪些 chunks 中。

在 webpack 中 chunk 會組成 bundle(bundle 就是最后輸出的文件)。一般兩者是一一對應(yīng)的關(guān)系,但也不一定,一些插件可以改變,比如這個 CommonsChunkPlugin 。

模塊就是 import、require 的東西,一個 chunk 里一般會有多個模塊。

可以給 minChunks 傳數(shù)字和數(shù)組,這個好理解。而傳函數(shù)的時候 webpack 會用它來檢驗每個模塊。

module.resource 是指正在被處理的文件。

                return (
                    module.resource &&
                    /\.js$/.test(module.resource) &&
                    module.resource.indexOf(path.join(__dirname, '../node_modules')) === 0
                )

就是“有正在處理文件” + “這個文件是 .js 后綴” + “這個文件是在 node_modules 中”

愿如初 回答

拿到數(shù)據(jù)后沒有給顯示表格的數(shù)組賦值吧,請求之前先置可以顯示loading的狀態(tài)isLoading(假設(shè))為true,請求成功之后置這個isLoading=false,最初isLoading為false

墻頭草 回答

1、本地運行是可以的,npm start.
2、本地node服務(wù)器也是有相對應(yīng)的樣式,serve -s dist(本地服務(wù)器可以,外網(wǎng)不行)
3、打包build后查看文件,樣式是被打包進(jìn)去的。
4、把組件樣式less轉(zhuǎn)換換成css,同樣是不行,排除less編譯問題。

有2個疑惑,可能是外網(wǎng)服務(wù)器問題,更大可能是webpack打包問題~

//11:50
最新發(fā)現(xiàn),線上的樣式手動添加個空格,就可以顯示~

clipboard.png

clipboard.png

clipboard.png

//12.11 2:09
是nginx解析css要特殊處理,服務(wù)端問題。

念舊 回答

1、你看下package.json里的 name 是不是 iview-project 修改再重新run dev試試
2、第一個開發(fā),第二個正式,第三個測試

裸橙 回答

Ueditor服務(wù)器端的代碼部署了嗎