鍍金池/ 問答/ HTML問答
喵小咪 回答

NavMenu.js, props里面就沒有history相關(guān)的屬性 ， 是因為 NavMenu.js 不是路由組件
通過react-router 4 的 withRouter 來使非路由組件具有路由組件的屬性
用法如下

import { withRouter } from 'react-router-dom'

@withRouter
class NavLinkBar extends React.Component {
}
我以為 回答

貼出使用上下文代碼

艷骨 回答

參考CSS選擇器

建議把整個教程過一遍

焚音 回答

看場景，不要為了用框架而用框架。

React、Vue這種的對DOM進(jìn)行封裝的框架，如果要大量的處理DOM，本身就不是一件什么好事兒。

獨特范 回答

多行輸入 form 可以放在一個對象中比方說

data () {
 return {
     inputForm: {
        a: 1,
        b: 2
    }
  }
}

在 form 中使用 v-model = inputForm.a
你可以直接使用 JSON.stringify(this.inputForm) 轉(zhuǎn)換為JSON格式
具體可以參考 MDN JSON

當(dāng)然，像 axios 這樣的 庫 直接會把你的對象 轉(zhuǎn)為json 直接 把inputForm 傳入即可
修改問題回答 代碼如下

"list":[
        {
            "user_id":[100, 200,300],
            "group_number":"1"
        },
        {
            "user_id":[400,500],
            "group_number":"2"
        }
    ]

這樣寫

<div v-for="l in list">
    <input v-model="l.user_id">
    <input v-model="l.group_number">    
</div>

這會有 key 問題 可以參考 我的 博客 利用 WeakMap 對 Vue 新建數(shù)組中的對象賦予 :key
如果確定有兩個且不會變的話

<input v-model="list[0].userId">

也可以，還是建議上面那一種
因為 userId 是字符串，你用的也是input
所以 再上傳的時候先改一下代碼

 form = list.map(x =>({
    group_number: x.group_number
    // 先分割 ， 字符串 然后 過濾掉空字符串。
    // 因為如果本身是空字符串 的話 會生成一個長度是1的空字符串列表
    user_id: x.user_id.split('，').filter(x => x.trim())
    }))

最后 JSON.stringify 按照你需要的格式，可能還要再 {list} 這樣做
這個看你需要傳遞的數(shù)據(jù)是 這個數(shù)組還是 對象中 的數(shù)組，甚至說 在model 中還要加一層
v-model="ob.list[0].user_id" 了

這也是一種間接的默認(rèn)標(biāo)準(zhǔn)吧，太少了不行(太少有可能嘗試出正確數(shù))，太多了也不行，4~6為最好，6位最佳，你看支付寶支付、微信支付6位，銀行卡密碼6位

心沉 回答

clipboard.png
報錯寫的很清楚了 不存在iconImg屬性

 // 手動添加
 let data= [
            {
                title:"考點得分篇",
                content:"內(nèi)容1",
                point:["勾股定理","反比例函數(shù)圖像性質(zhì)"]
                iconImg: ''
            }
        ]
  //或者自定義一個接口
    interface T {
        title: string,
        content: string,
        point: array,
        iconImg?: string
    };
    let data: T = [
            {
                title:"考點得分篇",
                content:"內(nèi)容1",
                point:["勾股定理","反比例函數(shù)圖像性質(zhì)"]
            },
            {
                title:"考點得分篇",
                content:"內(nèi)容2",
                point:["勾股定理","反比例函數(shù)圖像性質(zhì)"]
            },
            {
                title:"考點得分篇",
                content:"內(nèi)容3",
                point:["勾股定理","反比例函數(shù)圖像性質(zhì)"]
            }
        ]
墨小白 回答

Vue 基于 Object.defineProperty，通過把屬性替換成 getter/setter 來實現(xiàn)近乎無痛的狀態(tài)偵聽。這個過程在組件初始化時進(jìn)行，所有你定義的變量的屬性，都被替換了。

所以如果你在實例化完成后在賦值，就真的只是賦值，而不是調(diào)用 setter，所以就會失去響應(yīng)式。

解決方案是使用 Vue.set，或者賦值整個對象。

青黛色 回答

就相當(dāng)于git clone下載的內(nèi)容。
路徑后邊加#指定branch/commit/tag

尋仙 回答

請問樓主這個問題最后怎么解決的

孤巷 回答

事實就是不能實現(xiàn)的，如果是下面這兩種情況，都是綁定在構(gòu)造函數(shù)中的，阮一峰那種方法很明顯不能用。

class A {
    age = 20;
    getAge = () => {
        return this.age;
    }
}

這種寫法其實等價于:

function A() {
    this.age = 20;
    this.getAge = function() {
        return this.age;
    }
}

這種情況下是無法拿到age和getAge的，我最近也在想這個多重繼承的問題，我能想到的是手動實現(xiàn)extends，實現(xiàn)Child -> Parent1 -> Parent2 -> Parent3這樣的原型鏈，我參考了babel后的extends的實現(xiàn)。

class Child {
    name = "111"
    constructor() {
        Child.__proto__.apply(this, arguments);
    }
}
class Parent1 {
    name = "222"
    constructor() {
        Parent1.__proto__.apply(this, arguments);
    }
}
class Parent2 {
    name = "333"
    constructor() {
        Parent2.__proto__.apply(this, arguments);
    }
}
Child.__proto__ = Parent1;
Parent1.__proto__ = Parent2;
Child.prototype.__proto__ = Parent1.prototype;
Parent1.prototype__proto__ = Parent2.prototype;

這里可以實現(xiàn)一個Mixin的方法，通過reduce實現(xiàn)上面繁瑣的步驟。
但是有兩個問題，一個是要在類的constructor里面使用apply，另一個是父類的屬性會覆蓋子類的屬性，比如上面的name屬性，除非把name手動的在constructor里面寫到apply后面，這個其實就是《js高級程序設(shè)計》里面組合繼承的借用構(gòu)造函數(shù)。
如果全部使用ES5的寫法，這個多重繼承是沒啥問題的，但是用ES6這樣寫的話會很不優(yōu)雅，也不完美，我目前還沒想到好的解決方案。

賤人曾 回答

var reg = /#(Dd+)#/g;//正則寫的不是很規(guī)范，如果你的編號是你給出的DEMO那樣，還是可以用的
answer.content = answer.content.replace(reg,function($1,$2){return answer.lawitems[$2];})

clipboard.png

黑與白 回答

http://mp.weixin.qq.com/s?__b... 仔細(xì)閱讀下這篇文章，你應(yīng)該就能理解了

初念 回答

一般都會用異步的setStorage。

同步的setStorageSync會卡死進(jìn)程，因為js是單線程的，所以一旦卡死進(jìn)程，頁面就會卡住，用戶體驗不好。

貓小柒 回答

你可以照我下面寫的這段代碼換成你的路徑和資源試試，我測試過時OK的。

<div id="content">
    <video id="rtmpVideo" class="video-js vjs-default-skin vjs-big-play-centered" width="100%" height="100%">
        <source src="rtmp://10.129.4.250/live/2d783dfd1f0c5557bb8154a43a88191428d" type="rtmp/flv">
        <p class="vjs-no-js">
            您的瀏覽器不支持HTML5，請升級瀏覽器。
        </p>
    </video>
</div>

<script>
    videojs.options.flash.swf = "/js/video-js-5.8.2/video-js.swf";
    // 初始化視頻，設(shè)為全局變量
    var myPlayer = videojs('rtmpVideo', {
        autoplay: true,
        controls: true,//控制條
        poster: "/images/camera/playStop.png",
        techOrder: ["flash"],
        muted: true,// 靜音
        preload: "auto",// 預(yù)加載
        language: "zh-CN",// 初始化語言
        playbackRates: [1, 2, 3, 4, 5, 8, 10, 20]// 播放速度
    }, function () {
        console.log("--------------成功初始化視頻--------------");
        myPlayer.one("playing", function () {         // 監(jiān)聽播放
            console.log("開始播放");
        });
        myPlayer.one("error", function (error) {      // 監(jiān)聽錯誤
            console.error("監(jiān)聽到異常，錯誤信息：%o",error);
        });
    });
首頁 上一頁 1287 1288 1289 1290 1291 1292 1293 1294 1295 下一頁 尾頁