&

分類:

還吻回答

Vuejs單頁應(yīng)用需要開啟Router的 history功能.才能更好的去實現(xiàn)前進后退

angular里面那些函數(shù)的寫法，看不太懂，請懂得提點一下

葬愛回答

指定了返回值是個object，
key是string類型的，可以是任意string值。
value是any任意類型。

信用評級半環(huán)形進度條該怎么做？

雨蝶回答

css3的transform屬性可以做到

Vue中引入公共方法顯示未定義

淡墨回答

bV74qi?w=1276&h=62

這個值是直接暴露出來的，在使用的時候直接調(diào)用就可以了，你調(diào)用的位置this所指的是所在組件的vm

為什么觸發(fā)bfc后，原本不能包裹子元素的父元素就可以包裹子元素了呢

我甘愿回答

BFC的特點之一就是計算高度的時候會計算內(nèi)部的float元素

大佬，canvas怎么加文字水印啊？

凝雅回答

看來你對前端一無所知，改成下面：

PS: 請把你的script放到canvas元素的下方

<script>
function watermark(str){
   var img = document.getElementById("img");
   var canvas=document.getElementById("cvs");
   var ctx=canvas.getContext("2d");
   ctx.drawImage(img,0,0);
   ctx.font="20px microsoft yahei";
   ctx.fillStyle = "rgba(255,255,255,0.5)";
   ctx.fillText(str,100,100);
}
watermark('Hello world')
</script>

在線demo地址： https://codepen.io/zhipenglu/...

搜索框上下鍵盤選擇聯(lián)想結(jié)果？

乞許回答

之前寫過一個用百度智能提示練習(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>

移動端：css3的animation執(zhí)行時影響fixed定位到它上層的元素

拽很帥回答

emmm...也是挺無語的，當懟著這個問題來找原因的時候反而找不到，在解決別的問題的時候卻湊巧解決了這個問題。
解決方法如下：
因為fixed定位的按鈕是屬于nav標簽的內(nèi)容，而在它下面的div是屬于另外一個父標簽。當在做動畫的過程中div所在層級被提高了，恰巧大于了nav的層級，所以按鈕標簽也就被div蓋住了。解決方法可以是給nav標簽添加屬性z-index，只要保證它的值大于div動畫時的值即可解決這個問題。
也不知道解釋的對不對，如果說錯了希望大家指正。

ionic3 ionic cordova build android --prod 打包報錯，如何處理Gradle 5.0

裸橙回答

我也遇到這個問題，請問解決了嗎

vue-cli火狐瀏覽器兼容問題

萌二代回答

取的字段是province_list？

MUI寫APP里面的滾動插件在有很多輸入框的頁面，點擊輸入框后，頁面滑不上去

歆久回答

先在body添加onresize事件監(jiān)聽軟鍵盤是否彈出，軟鍵盤彈出時mui('.mui-scroll-wrapper').scroll().element.scrollTop值會增加但是軟鍵盤收回該值并不能歸零導(dǎo)致頁面無法滑動至最頂端，可在軟鍵盤收回時設(shè)置mui('.mui-scroll-wrapper').scroll().element.scrollTop=0;可恢復(fù)正?；瑒印?/p>

簡單的邏輯條件問題，關(guān)于左右兩邊觸發(fā)判斷條件的問題

何蘇葉回答

看了一下你的代碼，并不需要判斷

這里

if(ex < (line.x)){ //重點就是這個判斷條件 ， 左右兩邊不知道如何設(shè)置 觸發(fā)的判斷條件
    moveX = ex - line.x; // 相對 原始x 的位置 偏移
}

直接寫成 moveX = ex - line.x; 就可以了

test

如何用three.js實現(xiàn)無縫輪播橫幅效果（有網(wǎng)站示例）？

怪痞回答

答非所問了，點進題主給的鏈接是404，所以忽略

css的，在主流瀏覽器中試試

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{margin:0;padding:0}
        .show{
            text-transform: uppercase;
            font-size: 84px;
            line-height: 96px;
            opacity: .1;
            color: #fff;
            width:300px;
        }
        #spotlight{
            display: block;
            width: 150px;
            height: 150px;
            position:absolute;
            top:50px;
            left:0;
            opacity: 1;
            overflow: hidden;
            border-radius: 50%;
        }
        #spotlightHelper{
            width: 150px;
            height: 150px;
            position:absolute;
            top:-50px;
        }
    </style>
</head>
<body style="background: #0c0a15">
<div>
    <div class="show">
        <span>Page</span>
        <span>Not</span>
        <span>Found</span>
    </div>
    <div class="show" id="spotlight">
        <div id="spotlightHelper">
            <span>Page</span>
            <span>Not</span>
            <span>Found</span>
        </div>
    </div>
</div>
<script>
    let sl=document.getElementById('spotlight'),
      slAttr=sl.getBoundingClientRect(),
      slW=slAttr.width,
      slH=slAttr.height;
    let slHelper=document.getElementById('spotlightHelper')
    document.onmousemove=function (e) {
      let curX=e.clientX-slW/2,curY=e.clientY-slH/2
      sl.style.cssText=`top:${curY}px;left:${curX}px;`
      slHelper.style.cssText=`top:${-curY}px;left:${-curX}px;`
    }
</script>
</body>
</html>

Electron如何隱藏窗口邊框而顯示控制按鈕？

安淺陌回答

如下代碼所示：frame: false 參數(shù)用來設(shè)置無邊框；
const {BrowserWindow} = require('electron')
let win = new BrowserWindow({width: 800, height: 600, frame: false})
win.show()
1
2
3
以下代碼用于在Html元素中設(shè)置可拖動區(qū)域；
其中，style=”-webkit-app-region: drag;” 用于設(shè)定該部分為可拖動區(qū)域；
而， style=”-webkit-app-region: no-drag;” 用于設(shè)定該部分為不可拖動區(qū)域；
這兩種樣式可分別加載嵌套的Html元素中，以便實現(xiàn)可拖動區(qū)域與不可拖動區(qū)域(功能區(qū)域)的精準劃分。
<header style="-webkit-app-region: drag">

<section style="-webkit-app-region: no-drag">
    <!--html代碼-->
</section>
<section>
    <!--html代碼-->
</section>
<section style="-webkit-app-region: no-drag">
    <!--html代碼-->
</section>

</header>

layui 自定義數(shù)據(jù)格式不生效版本2.2.6

懷中人回答

http://fly.layui.com/jie/28176/
fly社區(qū)@歲月小偷解釋的很詳細！

angularJs的過濾器

嫑吢丕回答

不知道你的 convertUTCDateService 是如何實現(xiàn)的。
如果是以兩個 Date Object 為基準，那可能用原生的 getTime() 獲取 unix 時間戳更容易操作。

如果可以，詳細描述一下你的問題

html里面怎么設(shè)置ul，li里 hover第一個初始是被選中狀態(tài)，求解

忘了我回答

1是用js去設(shè)置ul:first-child的hover為選中狀態(tài)，不過你的選中狀態(tài)是什么，是一個樣式還是一個鼠標移上去展示的樣式，如果是鼠標移動上去才展示的樣式，直接樣式給一個class名，在html第一個li中加上class,當鼠標移動到不同的li上，給選中的li加上class其他的移除class，用siblings()去除去其他li的class就行了

angular2自動化測試報加載錯誤

涼汐回答

這個錯誤的原因有很多種，能提供一下詳細的代碼片段嗎？

element-ui的upload組件上傳文件時最大是多大

陌如玉回答

沒有在源碼中看到有對file.size做判斷限制，如果你沒有在before-upload限制大小，上傳文件最大是多大取決于后端限制

react-router v4版本怎么在router一個文件內(nèi)配置嵌套路由？

失魂人回答

看官方文檔啊。就這么用，不過感覺有點小bug