&

分類:

推薦最新等你回答

vue項目，頂部導(dǎo)航欄怎么引入實時天氣

陪她鬧回答

1 需要天氣api接口請百度
2 需要根據(jù)天氣數(shù)據(jù)寫樣式
3 完成

指定安裝Angular cli 版本，安裝失敗

怪痞回答

可能你項目中也裝了cli，卸載掉

桌面端（非移動端）設(shè)置一個彈出框，給body設(shè)置overflow:hidden頁面上移。

懷中人回答

給彈窗后面加一個模態(tài)層，

如何獲取隱藏div元素的高度

笑浮塵回答

使用Element.getBoundingClientRect()來獲取相對于viewport的位置，
2個元素top位置的差就是偏移量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            padding: 0;
            margin: 0;
            width: 100vw;
            height: 100vh;
        }
        .container{
            position: absolute;
            left:10px;
            top:10px;
            width: 500px;
            height: 500px;
            background-color: #ffffff;
            box-sizing: border-box;
            border:1px solid #cccccc;

            overflow: hidden;
        }

        .child{
            width: 100%;
            height: 200%;
            background-color: red;
            border: 1px solid red;
            box-sizing: border-box;
        }

        .calcButton{
            position: absolute;
            left:0;
            bottom:0;
            width: 100px;
            height: 50px;
            box-sizing: border-box;
        }
        .child-wrapper{
            position: absolute;
            left:0;
            right: 0;
            top:0;
            bottom:50px;
            overflow-x: hidden;
            overflow-y: auto;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="child-wrapper">
            <div class="child"></div>
        </div>
        <button type="button" class="calcButton">計算</button>
    </div>
    <script>
        document.querySelector(".calcButton").addEventListener("click",function(){
            var childWrapperRect=document.querySelector(".child-wrapper") .getBoundingClientRect();
            var childRect=document.querySelector(".child") .getBoundingClientRect();
            this.innerText="當(dāng)前偏移-"+(childWrapperRect.top-childRect.top);
        });
    </script>
</body>
</html>

怎么解決table使用了border-collapse：collapse屬性后，table周圍邊框消失的問題？

浪蕩不羈回答

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;     
        }
    #tableWrap{width: 488px;height: 300px;margin: 0 auto;  
                border-top-left-radius: 20px;
               border-top-right-radius: 20px;
               overflow: hidden;
               }
#tableWrap table{
               width: 100%;height: 100%;             
               border-collapse: collapse;
              border: 1px solid #000;    
                     
  }
#tableWrap tr{height: 35px;}
#tableWrap tbody>tr>td{
    border: 1px solid #000;
}
#tableWrap td{
             width: 80px;
            text-align: center;
            font-size: 14px;
            color: #000;
     }
#tableWrap thead>tr{background: #f00;border: 1px solid #f00}  
    </style>
</head>
<body>
        <div id="tableWrap">
                <table cellspacing="0" cellpadding="0">
                    <thead>
                        <tr style="color: #fff;">
                            <th align="center" class="one">排名</th>
                            <th align="center" class="two">用戶</th>
                            <th align="center" class="three">手機(jī)號</th>
                            <th align="center" class="four">投資金額</th>
                            <th align="center" class="five">獎勵</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td align="center" class="one num">dd</td>
                            <td align="center" class="one num">dd</td>
                            <td align="center" class="one num">dd</td>
                            <td align="center" class="one num">dd</td>
                            <td align="center" class="one num">dd</td>
                        </tr>
                 </tbody>
                </table>
            </div>
                              
</body>
</html>

angular2 需要遍歷接口中的每一條數(shù)據(jù)，怎么用rxjs操作符優(yōu)雅改寫。

替身回答

我的建議是后臺提供新的接口，返回所有項目的同時也返回其統(tǒng)計數(shù)據(jù)。

請教一下H5文件下載的問題

厭惡我回答

所用用戶都會有這個路徑？

Chrome控制臺在很多網(wǎng)站都會自己自動刷新

怣人回答

如果很多網(wǎng)站都有這個現(xiàn)象，那估計是你chrome的某個插件導(dǎo)致的，插件是可以注入js代碼的，所以有可能在你打開的每個網(wǎng)站上都做一些操作，你可以挨個禁用chrome插件看看是哪個插件導(dǎo)致的。

如圖示紅色邊框，選擇input的效果該怎么寫

情殺回答

四個角定各位個定位一個透明的方塊，方塊各加兩條邊

    <style>
        .item{
            height: 50px;
            width: 250px;
            background: #ccc;
            position: relative;
        }
        .item-horn{
            position: absolute;
            width: 20px;
            height: 20px;
        }
        .item-left-top{
            top: 0;
            left: 0;
            border-top: 2px solid red;
            border-left: 2px solid red;
        }
        .item-right-top{
            top: 0;
            right: 0;
            border-top: 2px solid red;
            border-right: 2px solid red;
        }
        .item-left-bottom{
            bottom: 0;
            left: 0;
            border-bottom: 2px solid red;
            border-left: 2px solid red;
        }
        .item-right-bottom{
            bottom: 0;
            right: 0;
            border-bottom: 2px solid red;
            border-right: 2px solid red;
        }
    </style>
    
    
        
    <div class="item">
        <div class="item-horn item-left-top"></div>
        <div class="item-horn item-right-top"></div>
        <div class="item-horn item-left-bottom"></div>
        <div class="item-horn item-right-bottom"></div>
    </div>

el-upload上傳時報了這個錯誤Avoid using non-primitive value as key

焚音回答

看一下你代碼呢，應(yīng)該是綁定了一個對象作為key

想要移動一整列，現(xiàn)在碰撞時是一個一個彈回來，該如何修改代碼？

壞脾滊回答

  this.move = function () {
            this.clears();
            this.draw();
            var first = this.enemys[0];
            var end = this.enemys[this.enemys.length - 1];
            var speedX = 1;
            if (this.enemys.length > 0 && (end.x + 50 + first.speedX > canvas.width
                || first.x + first.speedX < 0)) {
                speedX *= -1;
            }
            for (let i = 0, leg = this.enemys.length; i < leg; i++) {
                var enemy = this.enemys[i];
                enemy.x += enemy.speedX;
                enemy.speedX *= speedX;
            }
            requestAnimationFrame(this.move.bind(this));
        }

H5做頁面，設(shè)計師切圖給我2x和3x兩個版本，應(yīng)該用哪個呢

有點(diǎn)壞回答

隨便，都按手機(jī)端來做，2x就除以2，3x就除以3。
圖標(biāo)盡量用矢量的，其它能用 CSS 的就不要切圖

HTML的放上bilibili的視頻后無法觀看

陌顏回答

應(yīng)該是可以的啊

頂端和低端都是用fixed布局的，滾動瀏覽器的滾動條到最低端，主體內(nèi)容不能完全顯示完，并出現(xiàn)空白部分。

風(fēng)清揚(yáng) 回答

container為什么要設(shè)1000px的高度

ionic3 創(chuàng)建項目報錯 read ECONNRESET

痞性回答

https://juejin.im/post/5ad541...

如何捕獲vuex中的錯誤信息。

壞脾滊回答

安裝個vue-devtools：http://www.cnblogs.com/aaron-...

類似朋友圈的圖片上傳及展示的問題

誮惜顏回答

我猜是等比例縮放，
長圖大圖是顯示中間

在angular2內(nèi)用observable.fromEvent(window.'resize')傳過來的event怎么用?

壞脾滊回答

我剛才試了一下是可以的啊。。。

 Observable.fromEvent(window, "resize")
    .debounceTime(100)
    .subscribe((event: any) => console.warn(event.target.innerWidth));

你再檢查一下是不是哪里代碼寫的有問題？

這樣加載html模板的方法的優(yōu)缺點(diǎn)

爆扎回答

好不好？不太好，容易帶來潛在問題。就好比標(biāo)準(zhǔn)里寫明</body>后邊不要再加頁面內(nèi)容了，但是強(qiáng)行加上的話，也不是說瀏覽器就不給渲染了，但總歸還是不能這么搞的不是？
怎么解決？兩種寫法。第一種，把模板里不想干的全刪了；第二種，.load()可以加載HTML片段，你要加載的部分包起來加個ID，然后寫成.load('template.html #app')這種格式試試。
……問題太大了答不了，建議可以找js模板和js的mvc框架(三大的先驅(qū))看看，另外還可以看看司徒老師那本書～

react-router 3.0.1 跳轉(zhuǎn)失敗，頁面url地址變了，可是視圖不變，瀏覽器也沒有報錯

北城荒回答

<Route path="goods" component={Goods} />
<Route path="goods/:id" component={Goods} />
兩個路由對應(yīng)的component是一樣的啊，所以路由變了頁面內(nèi)容一樣