使用ref是最好的選擇.他可以有效的減少對(duì)dom操作所造成的資源消耗

能保證是數(shù)字.mp3即可
正則

/(\d+)\.mp3$/

這問題你打包一下就知道了，何必還要提問呢

getUserMedia已經(jīng)out了吧，應(yīng)該是..

后臺(tái)登錄接口實(shí)現(xiàn)，最后登錄 時(shí)間 ip 信息 持久化~

:disabled="yourVar"

yourVar可以是data或computed或props中的變量

 String str = "798>getcolsum(fmoney)>getcolavg(fmoney)";
            String pattern = "getcol\\w{3}\\([\\w.]*\\)";
            Matcher m  = Pattern.compile(pattern).matcher(str);
            List<String> result=new ArrayList<String>();
            while(m.find()){
                result.add(m.group());
            }

你是想在 component 2 組件中，當(dāng)觸發(fā)buttonClick事件時(shí)發(fā)請(qǐng)求，請(qǐng)求未返回結(jié)果時(shí)能夠顯示loading對(duì)吧 ？
那你的buttonClick方法可以這樣簡(jiǎn)單改下：

buttonClick = () => {
        this.props.qwqw([],true)
        
        // 異步：
        setTimeout(() => {
            const data = [
              {
                key: '1',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
              }, {
                key: '2',
                name: 'Jim Green',
                age: 42,
                address: 'London No. 1 Lake Park',
              }, {
                key: '3',
                name: 'Joe Black',
                age: 33,
                address: 'Sidney No. 1 Lake Park',
              },
              {
                key: '4',
                name: 'aaaaa',
                age: 72138,
                address: 'Sidney No. 1 Lake Park',
              },
            ]
            this.props.qwqw(data,false)
        })
      }

最簡(jiǎn)單實(shí)用的方案/思路（對(duì)原生來說）：給你要順序顯示的div加上關(guān)鍵字/序號(hào)（比如data-view="0"）之后塞到一個(gè)數(shù)組里面,然后for循環(huán)這個(gè)數(shù)組綁定事件，綁定的事件用setTimeout來做你的延遲顯示（第二個(gè)參數(shù)是你延遲的時(shí)間，可以用i來計(jì)算），這樣就能按照順序來顯示了，特效的話用css3的transition或者animate去實(shí)現(xiàn)會(huì)方便。

-e TZ=Aisa/Shanghai

在你的基礎(chǔ)上稍微修改了一下

var data = { value: 60540520 }
var min = 0, max = 100000000;
data.name = (data.value / (max - min) * 100).toFixed(2) + '%'

option = {
    series: [
        {
            type: 'gauge',
            min: min,
            max: max,  
            splitNumber: 10,
            axisLine: { // 坐標(biāo)軸線
                lineStyle: { // 屬性lineStyle控制線條樣式
                    color: [
                        [data.value / max, '#4F8BBF'],//根據(jù)實(shí)際數(shù)據(jù)動(dòng)態(tài)改變
                        [1, '#DCDDDD'],
                     
                    ],
                    width: 20, //半徑
                    shadowColor: '#fff', //默認(rèn)透明
                    shadowBlur: 1
                }
            },
            pointer: {
              show:false
            },
            axisLabel: {
                //show:false,
                // 坐標(biāo)軸小標(biāo)記
                textStyle: { // 屬性lineStyle控制線條樣式
                    fontWeight: 'bolder',
                    color: 'transparent', //刻度數(shù)字顏色 隱藏
                    shadowColor: '#fff', //默認(rèn)透明
                    shadowBlur: 10
                }
            },
            axisTick: { // 坐標(biāo)軸小標(biāo)記
                length: 12, // 屬性length控制線長(zhǎng)
                lineStyle: { // 屬性lineStyle控制線條樣式
                    color: 'transparent', //坐標(biāo)軸 小刻度線顏色
                    shadowColor: '#fff', //默認(rèn)透明
                    shadowBlur: 10
                }
            },
            splitLine: { // 分隔線
                length: 20, // 屬性length控制線長(zhǎng)
                lineStyle: { // 屬性lineStyle（詳見lineStyle）控制線條樣式
                    width: 3,
                    color: 'transparent', //分割線
                    shadowColor: '#fff', //默認(rèn)透明
                    shadowBlur: 10
                }
            },
            title: {
             
                textStyle: { // 其余屬性默認(rèn)使用全局文本樣式，詳見TEXTSTYLE
                    fontWeight: 'bolder',
                    fontStyle: 'italic',
                    color: '#000',
                    shadowColor: '#fff', //默認(rèn)透明
                    shadowBlur: 10
                }
            },
            detail: { //show : true ,
                borderColor: '#fff',
                shadowColor: '#fff', //默認(rèn)透明
                textStyle: { // 其余屬性默認(rèn)使用全局文本樣式，詳見TEXTSTYLE
                    fontWeight: 'bolder',
                    fontSize: 14,
                    color: '#000'
                },
                formatter: function (value) {
                    return '南京\n' + Number(value).toLocaleString()
                }
            },
            data: [
                data
            ]
        }
    
    ]
};

ie9會(huì)報(bào)這個(gè)錯(cuò)誤吧，11好像沒有，ie9原生不支持dataset,可以改下iview源碼解決下，iview里有個(gè)directives叫transfer-dom.js，涉及到這幾句代碼：
19行 inserted (el, { value }, vnode) {
改為 if (el.dataset && (el.dataset.transfer !== 'true')) return false;

41行 componentUpdated (el, { value }) {
改為 if (el.dataset && (el.dataset.transfer !== 'true')) return false;

65行 unbind (el) {
改為 if (el.dataset && (el.dataset.transfer !== 'true')) return false;

然后自己把iview重新npm run dist一下，把打包出來的復(fù)制到nodemodules下的相應(yīng)位置就好了

yield *是一個(gè)表達(dá)式，是用來在一個(gè)生成器函數(shù)里執(zhí)行另一個(gè)生成器函數(shù)的。

以你第一個(gè)代碼為例：

class Collection {
    constructor() {
            this.items = [];
        }
        *[Symbol.iterator]() {
            yield *this.items.keys();
        }
}
var collection = new Collection();
collection.items.push(1);
collection.items.push(3);
collection.items.push(2);

for (let x of collection) {
    console.log(x);
}

for (let x of collection) {}
等價(jià)于
for (let x of collection.[Symbol.iterator]()) {}
等價(jià)于
for (let x of collection.items.keys()) {}

貼個(gè)詳細(xì)地址

是通過這個(gè)URL加載的數(shù)據(jù)

http://cdi.chinaratings.com.c...

參數(shù)如下：

curl 'http://cdi.chinaratings.com.cn/smartbi/vision/RMIServlet' -H 'Cookie: JSESSIONID=DA711088E94304CAEE335B698E712F40; _ga=GA1.4.1714100648.1515147029; _gid=GA1.4.190072792.1515147029' -H 'Origin: http://cdi.chinaratings.com.cn' -H 'Accept-Encoding: gzip, deflate' -H 'Accept-Language: zh-CN,zh;q=0.9' -H 'User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/63.0.3239.84 Chrome/63.0.3239.84 Safari/537.36' -H 'Content-Type: application/x-www-form-urlencoded;charset=UTF-8' -H 'Accept: */*' -H 'Cache-Control: max-age=0' -H 'Referer: http://cdi.chinaratings.com.cn/smartbi/vision/openresource.jsp?resid=I8a8ae443015cbf9bbf9bb041015e0290e6a55f5c' -H 'Connection: keep-alive' -H 'If-Modified-Since: 0' --data $'encode=tSRp6kjp5w4kWp4gRip+-pkjp5w4kT(k(!RkIxQkQ4pc6L(-p+/JV/uuc\'(\'(pKKN71M79\'M19\'M1(K7i71M7iJiuu~~_7M9~/uu/ut1/ut/uuc\'(\'(pKKN71Ji~_m~~_m~~7K171Jp7um7pM(JJ_Ji/uu/utk4Qp/JT' --compressed

無論是輸出參數(shù)還是返回值，都做了混淆處理。

將style-lint前置即可解決該問題

{
    loader: 'postcss-loader',
    options: {
        sourceMap: true,
        plugins: [
            require('stylelint')(),
            require('postcss-import')({
                root: path.join(__dirname, './'),
                path: [path.join(__dirname, './src/common/css')]
            }),
            require('postcss-cssnext')()
           
        ]
    }
}

具體原因我也不大清楚，官方也沒見相關(guān)文檔，但是這樣做能解決該問題

可以結(jié)合工具看看，如果一長(zhǎng)條看不懂就拆分看Regexper

@rife 提供了一些管理工具，如果樓主不想用，直接把老版本刪掉，然后下載新版的就行了解壓就行了。不建議不刪除原來的版本，直接覆蓋安裝，因?yàn)闀?huì)導(dǎo)致某些文件上一版本有，這個(gè)版本沒有，然后沖突。如果改了目錄，別忘了改path。windows下的管理工具也是這么做的。如果是linux或者macOS那管理工具好一點(diǎn)，因?yàn)榛静粫?huì)報(bào)錯(cuò)，windows下管理工具很容易報(bào)各種錯(cuò)誤。

1. 不將_handleScroll直接寫在handleScroll是為了解耦

   如 @慢慢說別著急 所說， 業(yè)務(wù)和視圖分離，handleScroll負(fù)責(zé)view事件處理，_handleScroll負(fù)責(zé)業(yè)務(wù)邏輯。最簡(jiǎn)潔的舉個(gè)栗子就是，可能除了事件方式觸發(fā)_handleScroll業(yè)務(wù)，還有其他方式，這時(shí)候就可以復(fù)用該業(yè)務(wù)了。

2. _純粹是的編程習(xí)慣，標(biāo)明這是私有變量或者方法。

果然是太冷門了嗎，都沒人來踩踩

XMLHttpRequest 對(duì)象的屬性readyState和status
success：readyState==4 && status==200
readyState==4 請(qǐng)求已完成，且響應(yīng)已就緒
status==200 服務(wù)器響應(yīng)正常。
本質(zhì)上是一個(gè)if else判斷，若

if(readyState==4 && status==200){
success
}else{
error
}