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

是你布局的問題，你可以動(dòng)態(tài)控制左側(cè)菜單的寬度。

1. 寫一個(gè)節(jié)點(diǎn)，絕對(duì)定位并隱藏

2. 點(diǎn)擊audio

   1. 顯示圖片節(jié)點(diǎn)
   2. 通過event獲取到點(diǎn)擊的坐標(biāo)，并把坐標(biāo)作為絕對(duì)定位的left、top
3. 通過暫停、點(diǎn)擊別的audio等操作，更改節(jié)點(diǎn)的img的src、left、top、以及visible來控制

自己人坑自己人，算了，以后再也不能相信后臺(tái)姐姐了，返回的數(shù)據(jù)太假了。

應(yīng)該沒有直接處理視頻流尺寸的方法，一般處理方法是，在video標(biāo)簽外面套一個(gè)父級(jí)div，父級(jí)div尺寸固定，然后按照需要，固定video標(biāo)簽的寬度（or高度)是父級(jí)div寬度(or高度)的100%，然后另外一個(gè)屬性自適配（主要是防止視頻變形）,比如你想不同尺寸的視頻顯示的寬度一致，，那就設(shè)置寬度是父級(jí)div寬度的100%，高度自適應(yīng)；想不同尺寸的視頻顯示的高度一致，那就設(shè)置高度是父級(jí)div高度的100%，寬度自適應(yīng)；并且為了美觀，一般這個(gè)視頻標(biāo)簽要在這個(gè)父級(jí)div中水平垂直居中。

寫過一個(gè)類似的，github地址
demo地址

沒人回答，仍然感謝各位……

body加個(gè)overflow:hidden試試

兼容性

Vue 不支持 IE8 及以下版本，因?yàn)?Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器。

在移動(dòng)端基本不存在兼容問題，必要的情況下使用 babel-polyfill 即可

line-height的默認(rèn)值是normal，描述是設(shè)置合理的行間距，在不同的瀏覽器下效果是不一樣的，大概在1~1.2之間

這個(gè)如果按照?qǐng)D片上的效果把陰影也加上，不好實(shí)現(xiàn)，也沒必要(如果這么復(fù)雜，直接要美工出圖)

不加陰影的

<div class="test"></div>

.test{
    width: 800px;
    height: 200px;
    position: relative;
    background: linear-gradient(red 5%, blue 5%, blue 95%,red 95%);
    overflow: hidden;
    margin: 10px;
}
/*
 * 大圓
 留四分之一圓,90度,那么寬高為(父元素高度-20)的根2倍
 top為10 - ((父元素高度-20)的根2倍 - (父元素高度-20))/2
 left沒想公式，慢慢調(diào)的
 * */
.test:after{
    content: '';
    width: 254.55844122715712px;
    height: 254.55844122715712px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top:-27.27922061357856px;
    left:-217px;
    z-index: 1;
}
/*
 小圓
 * */
.test:before{
    content: '';
    width: 254.55844122715712px;
    height: 254.55844122715712px;
    border-radius: 50%;
    background: blue;
    position: absolute;
    top:-27.27922061357856px;
    left:-227px;
    z-index: 2;
}

背景知識(shí)：

git下操作文件，它有三個(gè)“存儲(chǔ)”文件的地方

1. 工作區(qū)
2. 暫存區(qū)
3. 版本庫

你只要已修改文件，文件就自動(dòng)出現(xiàn)在工作區(qū)，當(dāng)你修改完了，使用 git add filename命令后，文件被添加到暫存區(qū)。當(dāng)你使用git commit -m '本次修改備注'命令后，文件（改動(dòng)）被從暫存區(qū)寫入了版本庫。

回答你的問題

1. 當(dāng)你開始修改一個(gè)文件后，還沒有執(zhí)行 git add命令前(此時(shí)還在工作區(qū)）,想撤銷對(duì)這個(gè)文件的改動(dòng)，可以使用git checkout -- filename
2. 一旦你使用了 git add命令將文件添加到暫存區(qū)，此時(shí)不想改這個(gè)文件了，需要用git reset HEAD filename把文件移會(huì)到工作區(qū)，再使用第一步的git checkout -- filenmae撤銷改動(dòng)

jsBridge,跟客戶端協(xié)議好方法名就好了。

提供給你一種思路： 撤銷功能可以用棧這種數(shù)據(jù)結(jié)構(gòu)實(shí)現(xiàn)。具體這個(gè)數(shù)據(jù)結(jié)構(gòu)里面存儲(chǔ)什么數(shù)據(jù)，你根據(jù)你的程序去考慮。

IE不支持，拿東西給它蓋住吧。

嘿嘿，同樣的需求，我試過用 <canvas id="canvas"></canvas> 把視頻內(nèi)容繪制出來。
然后你想怎么的就怎么的，不用擔(dān)心，兼容問題。

1.靜態(tài)化
2.cdn加速
3.可以打開控制臺(tái)查看哪些速度比較慢

不知道你到底是怎么寫的, 一個(gè)使用unicode的demo:
https://codepen.io/kscript/pe...

你在哪里改的數(shù)據(jù)，就在那里監(jiān)聽就好了啊
比如有這么一個(gè)服務(wù)

@Injectable()
class CustomService{
    public customAttr:number=0;
    constructor(){
        setInterval(()=>this.customAttr=Math.random(),1000);
    }
}

在組件里依賴注入這個(gè)服務(wù)

constructor(public customService:CustomService){}

然后在html模版就能直接使用服務(wù)里的屬性值做渲染了

<div>{{customService.customAttr}}</div>

DOMMouseScroll 是FF支持的獨(dú)有滾輪事件，mouseWheel是以前IE和使用webkit內(nèi)核瀏覽器支持的滾輪事件，現(xiàn)在的最新的現(xiàn)代瀏覽器支持wheel事件。
下面是MDN提供的滾輪事件跨瀏覽器兼容處理：

(function(window,document) {

    var prefix = "", _addEventListener, support;

    // detect event model
    if ( window.addEventListener ) {
        _addEventListener = "addEventListener";
    } else {
        _addEventListener = "attachEvent";
        prefix = "on";
    }

    // detect available wheel event
    support = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"
              document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least "mousewheel"
              "DOMMouseScroll"; // let's assume that remaining browsers are older Firefox

    window.addWheelListener = function( elem, callback, useCapture ) {
        _addWheelListener( elem, support, callback, useCapture );

        // handle MozMousePixelScroll in older Firefox
        if( support == "DOMMouseScroll" ) {
            _addWheelListener( elem, "MozMousePixelScroll", callback, useCapture );
        }
    };

    function _addWheelListener( elem, eventName, callback, useCapture ) {
        elem[ _addEventListener ]( prefix + eventName, support == "wheel" ? callback : function( originalEvent ) {
            !originalEvent && ( originalEvent = window.event );

            // create a normalized event object
            var event = {
                // keep a ref to the original event object
                originalEvent: originalEvent,
                target: originalEvent.target || originalEvent.srcElement,
                type: "wheel",
                deltaMode: originalEvent.type == "MozMousePixelScroll" ? 0 : 1,
                deltaX: 0,
                deltaY: 0,
                deltaZ: 0,
                preventDefault: function() {
                    originalEvent.preventDefault ?
                        originalEvent.preventDefault() :
                        originalEvent.returnValue = false;
                }
            };
            
            // calculate deltaY (and deltaX) according to the event
            if ( support == "mousewheel" ) {
                event.deltaY = - 1/40 * originalEvent.wheelDelta;
                // Webkit also support wheelDeltaX
                originalEvent.wheelDeltaX && ( event.deltaX = - 1/40 * originalEvent.wheelDeltaX );
            } else {
                event.deltaY = originalEvent.deltaY || originalEvent.detail;
            }

            // it's time to fire the callback
            return callback( event );

        }, useCapture || false );
    }

})(window,document);

這塊沒深究，提供另一種方案，在組件內(nèi)部動(dòng)態(tài)修改路由配置：

export class AppComponent {
    constructor(
        private router:Router
    ){
        //這是整個(gè)項(xiàng)目的路由配置
        let config = router.config
        //這里需要自己篩選
        if(this.isPad()){
            config[0].children.push({
                path:'',
                component: PadIndexComponent
            })
        }else{
            config[0].children.push({
                path:'child',
                component:PcIndexComponent
            })
        }
        this.router.resetConfig(config)
    }

    isPad() {
        const ua = navigator.userAgent;
        return (ua.indexOf('Android') > 0 || ua.indexOf('iPhone') > 0 || ua.indexOf('iPad') > 0);
    }
}