在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

合不合數據庫交互不重要，只要和服務器交互就行了，你用php，或者其他都可以的，把信息存在服務器就行了，
比如json格式的信息，xml或者二進制文件都可以。

加上這個css呢：-webkit-print-color-adjust: exact;試試

computed 是你用a計算出b，a變了，他就會重新計算，
watch 是你watch的那個東西變了會觸發(fā)的方法

http://123.56.16.33/element/v... 是沒有問題的，你可以去看看

http://www.hangzhoufe.com/top...

我找到問題了，是因為被蓋住了，現在已經能顯示了，各位親，多謝~

你可以用elementui的表格組件嘛！elementui

展開行 type="expand"
參考鏈接描述
這個是來設置右面的按鈕，如果你的 remakes 沒有數據就不會顯示這個 有數據就會顯示
這是我做的項目中

使用計算屬性

$('.class').eq(index)

 <el-table
    :data="tableData"
    tooltip-effect="dark"
    :show-header = "isShow"
    style="width: 100%">              
</el-table>

export default {
  data() {
   return {
    isShow: false
   }
  }
}

1. 如果只是監(jiān)聽數組列表項的增減，直接對數組進行監(jiān)聽就好了

watch:{
  data (newVal,oldVal) {
    
  }
}

1. 如果是要對數組列表項的內容是否發(fā)生改變做監(jiān)聽，需要加上一個deep:true

data: {
    handler(newVal, oldVal) {
        console.log('深度監(jiān)聽', newVal, oldVal)
    },
    deep: true
}

圖標有問題，可以重新制作后再打包，參考iOS圖標規(guī)范
https://www.jianshu.com/p/f62...

你這循環(huán)取數組元素，數組下標都沒給加，當然遍歷不到元素。

加下標
this.order.cartCommodities[i].checked

p.s. 看到你提的一些問題真的太基礎了，抽空多看看基礎知識吧，理論知識先搞清楚了再上手實踐不遲

this.props.data 數據沒有獲取到

"["a", "b", "c"]"這個難道不報類型錯誤嗎？

個人理解應該是data-list="['a','b','c']"
然后使用Array.form(dataList)就可以了

到底是mp3還是mp4...代碼寫的mp3..

花了兩天啃了一點D3.JS的書，
基本實現過程就是繪制畫布，在畫布中確定各個點的位置，然后利用線段生成器連線，在各個點上添加p和text標簽，繪制原點，加入日期和xxxx內容。

// dataset格式
var dataset = [{
    {
        count: 0,
        data: [
            {
                fieldValue: ''
            },
            {
                fieldValue: ''
            },
            {
                fieldValue" ''
            },
            ...
        ],
        time: ''
    }]


// 繪制畫布
var svg = d3.select("#relevanceRuleConfig").append("svg")
        .attr('id','PathId')  
        .attr("width", function(){
            if(dataset.length > 6 ){
                return (80 + dataset.length * 150);        // 元素過多超出畫布時修改畫布長度
            }else{
                return 960;                                // 畫布默認寬度
            }
        })
        .attr("height", height-80)  
        .append("g")

// 線段點的數據
var lines = [];
var x = 60;
var y = 180;
for(var index in dataset){
    lines.push([x,y]);
    x += 150;        // 點與點之間間隔150px
}

// 創(chuàng)建線段生成器
var linePath = d3.svg.line();

// 添加路徑
svg.append('path')
        .attr('d', linePath(lines))        // 使用了線段生成器
        .attr('stroke', '#666')
        .attr('stroke-width', '1px')
        .attr('fill', 'none');
                        
var addNode = function(i){
    var self = this;
    var nodeData = [dataset[i]];
    var siteSave = [];
    var node = svg.selectAll()
    .data(nodeData)
    .enter()
    .append('g')
    .attr('transform',function(d){
        var x = 60 + 150 * i;
        var y = 180;
        return 'translate(' + x + ',' + y +')'
    })

    // 添加節(jié)點圖標  
    node.append("circle")
        .attr("r", 5)
        .attr('fill','#f4952d');

    // 添加日期文本
    node.append("text")
        .attr("dx", -30)        //定義文本顯示x軸偏移量  
        .attr("dy", function(d){ return i%2?-42:50})        //定義文本顯示y軸偏移量  
        .attr('fill','#f4952d')
        .style("text-anchor", 'start')//文字對齊顯示
        .style('font-family','Times New Roman')
        .text(function(d) { return d.date; });
                    
    // 添加日期外矩形
    node.append("rect")
        .attr('width',85)
        .attr('height',25)
        .attr("x", -40)        //定義矩形x軸偏移量  
        .attr("y", function(d){ return i%2?-60:31})        //定義矩形y軸偏移量
        .attr("rx", 5)        //圓角  
        .attr("ry",5)        //圓角
        .attr('fill','none')
        .attr("stroke", '#f4952d')

    for(var j in nodeData[0].name){
        //顯示前五家媒體
        node.append("text")
            .attr("dx", -30)
            .attr("dy", function(d){
                if(!(i%2)){
                    if(d.count > 5){
                        return -60 + -25 * j;
                    }else{
                        return -15 - 25 * j;
                    }
                }else{
                    return 25 + 25*j;
                }
            })
            .attr('class','siteName')
            .attr('value',function(d){ return d.date})
            .attr('class',function(d){ return d.date})
            .style("text-anchor", 'start')        //文字對齊顯示  
            .text(function(d) { return d.name[j]; })
            //這兩個交互事件是用于將同一天的所有網站統一樣式的，如果之后需要每個網站單獨添加點擊事件可以直接刪除
            .on('mouseover',function(){
                var className = $(this).attr("value");
                $('.' + className).css({'font-size':'16px','fill':'#f4952d','cursor':'pointer','transition':'all 0.5s ease','-moz-transition': 'all 0.5s ease','-webkit-transition':' all 0.5s ease','-o-transition':'all 0.5s ease'})
            })
            .on('mouseout',function(){
                var className = $(this).attr("value");
                $('.' + className).css({'font-size':'14px','fill':'#333','transition':'all 0.2s ease','-moz-transition': 'all 0.2s ease','-webkit-transition':' all 0.2s ease','-o-transition':'all 0.2s ease'})
            })
            .on('click',getData);
    }

    if(nodeData[0].count == 0){
        node.append("text")
            .attr("dx", -25)
            .attr("dy",function(){
                if(!(i%2)){
                    return -15;
                }else{
                    return 25;
                }
            })
            .text('暫無數據')
            .style('fill','#999')
            .style('font-size','14px')
            .style('font-family','Microsoft Yahei')
    }

    if(nodeData[0].count > 5){
        // 媒體大于五家加入“...”
        node.append("text")
            .attr("dx", -30)
            .attr("dy", function(d){
                if(!(i%2)){
                    return -40;
                }else{
                    return 145;
                }
            })
            .attr('value',function(d){ return d.date})
            .attr('class',function(d){ return d.date})
            .style("text-anchor", 'start')//文字對齊顯示  
            .text('...')
            .on('click',getData);
                            
        // 顯示媒體參與數量
        node.append("text")
            .attr("dx", -30)
            .attr("dy", function(d){
                if(!(i%2)){
                    return -15;
                }else{
                    return 170;
                }
            })
            .attr('fill','#666')
            .attr('class','mediaJoin')
            .attr('value',function(d){ return d.date})
            .style("text-anchor", 'start')//文字對齊顯示  
            .text(function(d) {  return ('共' + d.count + '家媒體參與'); })
            .on('click',getData);
    }

}
for(var index in dataset){
    addNode(index)
}
if (dataset.length == 1){
    svg.attr('transform','translate(400,0)')
}else if (dataset.length == 2){
    svg.attr('transform','translate(320,0)')
}else if (dataset.length == 3){
    svg.attr('transform','translate(240,0)')
}else if (dataset.length == 4){
    svg.attr('transform','translate(160,0)')
}else if (dataset.length == 5){
    svg.attr('transform','translate(80,0)')
}else{
    svg.attr('transform','translate(0,0)')
}

這是最后實現的魚骨圖效果

不要怕，webstorm會告訴你unreachable code

webstorm還會幫你把代碼優(yōu)化成這樣

String.prototype.endWith = function (str) {
  if (str == null || str === "" || this.length === 0 || str.length > this.length) {
    return false;
  }
  return !!this.substring(this.length - str.length);
}; 

如圖，先選擇一個Rules，如Google Checks，然后點擊Check Project

cache[args]在大多數情況下相當于cache.args的寫法，
但是由于args在這里是個變量名，實際指代1,2,3，如果直接使用cache.args = a的話，最后cache的值就是{args:6}(1,2,3連乘等于6)；
使用cache[args]時，args會先被轉化為變量值，即1,2,3，最后cache的值才是{1,2,3:6}，在下次碰到函數的輸入值是1,2,3時就可以直接從cache中取出6