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

鍍金池/ 問答/ HTML5問答
旖襯 回答

在subpages 和頁面上的a標(biāo)簽不能有本頁面的路徑：index.html這個要去掉。

法克魷 回答

class加呀

 <div class="box">
            <p></p>
            <p></p>
</div>
        
         var btns = document.querySelectorAll('input.buttons'),
        text = document.querySelectorAll('.box p'),
        arr = [],
        Result;
        [].slice.call(btns).forEach(function(element) {
            element.onclick = function(){                                     
               if(this.value === '='){
                Result = eval('('+arr.join('')+')');
                arr  = []; 
                text[1].innerText = Result;  
               }else{
                    text[0].innerText = '';
                    if(this.value === 'C'){
                        arr = [];
                        return; 
                    }    
                    if(this.value === 'Back'){
                        arr.pop();
                    }else{
                        arr.push(this.value);
                    }                                             
                    arr.map(function(num){
                        text[0].innerText += num;
                    });
               }
            }
        });

有其余的特殊鍵，你判斷一下this.value處理一下就行了

因為你的路由配置里沒有 :index 參數(shù)。你點(diǎn)擊鏈接的時候是可以傳多余的參數(shù)的，刷新頁面 vue-router 就只會從當(dāng)前的 url 根據(jù)你的路由配置來取參數(shù)了。

舊城人 回答

首先listView繼承于scrollView，scrollView又是繼承于view，view對于tap的響應(yīng)是有阻攔性的，不像web中的冒泡，所以滑動沖突基本不存在 你試下就知道了。然后再說性能，沒有感覺到有什么性能差異，倒是全塞到listView的header里這個想法，不太好。無論是代碼可讀性還是代碼功能的職責(zé)行上都欠缺考慮

賤人曾 回答

CSRF（Cross Site Request Forgery, 跨站域請求偽造）就是使用類似的漏洞進(jìn)行攻擊的。

攻擊實例

  1. 用戶A使用瀏覽器b訪問網(wǎng)站w1，w1跟b建立會話s
  2. A點(diǎn)擊w2，w2會在A沒有感知的情況下利用s向w1發(fā)送請求r
  3. 請求r可以是刪除A在w1上的資料、轉(zhuǎn)移A在w1上的虛擬資產(chǎn)
浪蕩不羈 回答

訪問 gyxyl.com:8080 試試？

listen 后跟的一般是 端口號，你這里就相當(dāng)于創(chuàng)建了一個8080端口的監(jiān)聽，具體可以參考下 配置介紹

我甘愿 回答

是不是權(quán)限問題導(dǎo)致的？可以檢查下設(shè)置里面的app權(quán)限是不是打開了網(wǎng)絡(luò)。

大兄弟， 他們提供了一個nzGutter屬性來處理柵格之間的間隔啊。

柵格常常需要和間隔進(jìn)行配合，你可以使用 nz-row 的 nzGutter 屬性，我們推薦使用 (16+8n)px 作為柵格間隔。
背叛者 回答

因為ionic用的是隱式路由, 使用的并不是angular的路由

嘟尛嘴 回答

py不熟，給思路吧。

SVG和Canvas的區(qū)別，我覺得前者更偏重于聲明式（或者可以說類似于HTML標(biāo)簽），而后者則更多的是命令式的（對應(yīng)Javascript語言）。這就導(dǎo)致了它們在應(yīng)用上，SVG使用固定/已有圖像、以及相對“固化”的動畫效果時，會更有優(yōu)勢一些；而Canvas則足夠動態(tài)，適用于一些需要復(fù)雜邏輯控制（舉個例子，比如繪制根據(jù)聲波變化的連續(xù)的正弦曲線）或者在2D/3D或者需要復(fù)雜圖形學(xué)參與的場合。至于矢量還是位圖，由于它們都具有操作位圖的能力，所以其實都無所謂。
題目中這個我覺得還是SVG更適合，前邊說了SVG和HTML相對的會比較親和，所以如果不是特別大的文件，去掉頂部的XML和Doctype聲明之后，是可以直接嵌入到HTML之中的，比如我之前寫過的一個H5里，有幾張小圖都是單獨(dú)出現(xiàn)的，我為了避免逐個去定位，就把它們直接寫到了一個SVG容器里：

<svg id="awardOuter" version="1.1" baseProfile="full" width="540" height="541" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <g id="first" width="150" height="175">
            <image xlink:href="xxx.png" x="0" y="35" width="150" height="75"></image>
            <text font-size="20" fill="white" x="75" y="130" text-anchor="middle">第一</text>
        </g>
        <g id="second" width="150" height="175" transform="rotate(120 75 87)">
            <image xlink:href="yyy.png" x="0" y="35" width="150" height="75"></image>
            <text font-size="20" fill="white" x="75" y="130" text-anchor="middle">第二</text>
        </g>
        <g id="third" width="150" height="175" transform="rotate(240 75 87)">
            <image xlink:href="zzz.png" x="0" y="35" width="150" height="75"></image>
            <text font-size="20" fill="white" x="75" y="130" text-anchor="middle">第三</text>
        </g>
    </defs>
    <image xlink:href="img/temp.png" x="0" y="0" width="540" height="541"></image>
    <use xlink:href="#first" x="195" y="20"></use>
    <use xlink:href="#second" x="334" y="264"></use>
    <use xlink:href="#third" x="50" y="264"></use>
</svg>

這段我是直接寫到HTML里的，可以看到SVG主標(biāo)簽上其實就只有SVG命名空間（xmlns="http://www.w3.org/2000/svg"）、版本信息（版本號version="1.1"和相應(yīng)的語言集baseProfile="full"），然后再加個寬高就可以了（當(dāng)然如果有復(fù)雜縮放可以加上SVG視口屬性），定位直接用CSS定位就行。矢量的話也是一樣的思路，看你已經(jīng)寫了Demo，可以套進(jìn)去試試。

乞許 回答

之前寫過一個用百度智能提示練習(xí)jsonp的，里面有上下鍵選擇功能，僅供參考。

<!DOCTYPE html>
<html>
<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></title>
    <style>
        * { padding: 0; margin: 0; }
        html, body { height: 100%; width: 100%; text-align: center;background:url(images/bg.jpg) center center no-repeat;background-size:cover; }
        input { width: 800px; height: 40px; border: 1px solid #ccc; outline: none; padding: 5px 10px; margin-top: 300px; font-size: 16px; font-family: 'Microsoft YaHei'; background: rgba(255,255,255,0.8); }
        ul { width: 820px; margin: 0 auto; list-style: none; margin-top: -1px;background:rgba(255,255,255,0.8); }
            ul.border { border: 1px solid #ccc; }
        li { line-height: 40px; text-align: left; padding: 0 10px; cursor: pointer; }
            li.active { background: #0094ff; color: #fff; }
    </style>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script>
        function getData(data) {
            var list = data.s;
            var html = '';
            $.each(list, function (index, item) {
                html += "<li>" + item + "</li>";
            });
            $("ul").addClass("border").html(html);
        }

        function search(kw) {
            window.location. + encodeURIComponent(kw);
        }

        $(function () {
            $("input").focus().keyup(function (e) {
                var kw = $(this).val();
                if (!kw) {
                    $("ul").removeClass("border").html("");
                    return;
                }

                if (e.keyCode == 13) {
                    var kw = $(this).val();
                    if (!kw) {
                        return;
                    }
                    search(kw);
                }
                else if (e.keyCode == 38) {
                    var active = $("li.active");
                    if (active.length) {
                        var prev = active.prev();
                        if (prev.length) {
                            prev.addClass("active").siblings().removeClass("active");
                        }
                        else {
                            $("li:last").addClass("active").siblings().removeClass("active");
                        }
                    }
                    else {
                        $("li:last").addClass("active");
                    }
                    $("input").val($("li.active").text());
                }
                else if (e.keyCode == 40) {
                    var active = $("li.active");
                    if (active.length) {
                        var next = active.next();
                        if (next.length) {
                            next.addClass("active").siblings().removeClass("active");
                        }
                        else {
                            $("li:first").addClass("active").siblings().removeClass("active");
                        }
                    }
                    else {
                        $("li:first").addClass("active");
                    }
                    $("input").val($("li.active").text());
                }
                else {
                    $.ajax({
                        type: "get",
                        url: "http://suggestion.baidu.com/su",
                        data: { 'wd': kw, 'p': '3', 'cb': 'getData', 't': new Date().getMilliseconds().toString() },
                        dataType: "jsonp",
                        success: function (data) { },
                        error: function () { }
                    });
                }
            });

            $("ul").on("click", "li", function () {
                search($(this).text());
            });
        });
    </script>
</head>
<body>
    <input type="text" placeholder="百度一下" />
    <ul></ul>
</body>
</html>
浪婳 回答

net::ERR_FILE_NOT_FOUND 文件未找到，應(yīng)該是路徑問題。其次，body前面多了個".",你確定要用body命名一個class嗎

柒槿年 回答

1.首先錯誤提示的最后一行已經(jīng)告訴你怎么做了，npm install --save
2.看你的錯誤提示不是因為你沒有按照px2rem這個依賴，而是因為找不到webpack-hot-middleware的client.js文件，估計是熱加載的配置出了問題

鹿惑 回答

首先你要清楚的知道，打印樣式和瀏覽器對CSS的兼容性是不一樣，就好像最新版chrome和IE8對css的兼容性一樣。

所以你別奢望打印的樣式會跟你瀏覽器看到的一致

這里有一篇打印樣式CSS的技巧和要點(diǎn)， 希望對你有幫助

修改 - 1

不知道的你代碼是怎樣的，應(yīng)該是兼容問題。

下面這段代碼是可以在打印界面預(yù)覽的

<style>

.temp{  
    width:100px;  
    height:0;  
    border-width:0 25px 50px 25px;  
    border-style:none solid solid;  
    border-color:transparent transparent red;  
}  
</style>

<div class="temp">Hello</div>

圖片描述

修改 - 2

既然已經(jīng)實現(xiàn)梯形在打印視圖上了，那么靈活變動下就可以實現(xiàn)的你的要求了。

demo1 利用div模擬四條邊

<style>
.app{
    margin-bottom: 20px;
    height: 50px;
    width: 200px;
    text-align: center;
    position: relative;
}
.top{
    margin: 0 25px;
    height: 0px;
    border-width:0 2px 2px 2px;  
    border-style:none solid solid;  
    border-color:transparent transparent red;  
}

.center{
    height: 46px;
    line-height: 50px;
    text-align: center;
    width: 200px;
}
.bottom{
    height: 0px;
    border-width:0 2px 2px 2px;  
    border-style:none solid solid;  
    border-color:transparent transparent red;  
}

.left{
    position: absolute;
    top: 0;
    left: 12px;
    height: 47.5px;
    border: 1.2px solid red;
    transform: skewX(-28deg);
    
}

.right{
    position: absolute;
    top: 0;
    right: 12px;
    height: 47.5px;
    border: 1.2px solid red;
    transform: skewX(28deg);
    
}
</style>
<div class="app">
    <div class="top"></div>
    <div class="center">Demo 1</div>
    <div class="bottom"></div>
    <div class="left"></div>
    <div class="right"></div>
</div>

demo2 兩個梯形重疊

<style>
.app{
    margin-bottom: 20px;
    height: 50px;
    width: 200px;
    text-align: center;
    position: relative;
}
.temp{  
    width:150px;  
    height:0;  
    border-width:0 25px 50px 25px;  
    border-style:none solid solid;  
    border-color:transparent transparent red;  
}  

.temp1{  
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 148px;
    height: 0;
    border-width: 0 23px 46px 23px;
    border-style:none solid solid;  
    border-color:transparent transparent #fff;  
}  

</style>
<div class="app">
    <div class="temp"></div>
    <div class="temp1">
        Demo 2
    </div>    
        
</div>

圖片描述

flex

大盒子
{
flexWrap: "wrap";
}
小盒子
{
   flex:1 0 33%;
}

會自動換行，試試

首頁 上一頁 104 105 106 107 108 109 110 111 112 下一頁 尾頁