4k.blacked.com,&

分類:

推薦最新等你回答

維她命回答

<!DOCTYPE html>
<html>
<head>

<title></title>
<meta charset="utf-8">
<style type="text/css">
    
    *{
        margin:0;
        padding:0;
    }

    #box{
        width:800px;
        height:100px;
        position:relative;
        overflow: hidden;
    }

    ul{
        list-style: none;
        position:absolute;
        width:2000px;
        left:0; 
        top:10px;
    }

    ul li{
        width:200px;
        height:100px;
        background:#ccc;
        float: left;
        margin:5px;
    }

    .red{
        background:red;
    }

    .blue{
        background: blue;
    }

    .green{
        background: green;
    }

</style>

</head>
<body>


<ul id="ul">
    <li></li>
    <li class="red"></li>
    <li class="blue"></li>
    <li class="green"></li>
</ul>

</div>

var ul = document.getElementById("ul");
var lis = ul.getElementsByTagName("li");
var len = lis.length;
var width = len 2 210; // li的寬度+margin
var html = ul.innerHTML; // ul的內(nèi)容

// 動態(tài)設(shè)置ul內(nèi)容和width
html += html;
ul.innerHTML = html;
ul.style.width = width + 'px';

setInterval(function(){

var left = ul.offsetLeft;

if(-left == width - 800){
    left = -(width / 2 - 800);
}

ul.style.left = --left + "px";

},1000 / 60)

</script>

</body>
</html>
這是我的例子，你可以參考一下

js 后臺傳過來的數(shù)值，小于100 變成1 小于200變成2. 。。以此類推沒有上限

哎呦喂回答

如下所示(負(fù)數(shù)處理)：

var arr = [-10, 250, 850, 5000];
//對負(fù)數(shù)進(jìn)行了處理，負(fù)數(shù)也小于100，所以顯示為1，其它都是同理的
console.log(Math.ceil(arr[0] / 100) >= 1 ? Math.ceil(arr[0] / 100) : 1); 
console.log(Math.ceil(arr[1] / 100));
console.log(Math.ceil(arr[2] / 100));
console.log(Math.ceil(arr[3] / 100));

css 怎么將一個div做成高斯模糊

冷眸回答

.filtered {
    -webkit-filter: blur(5px);
    /* Chrome, Safari, Opera */
    filter: blur(5px);
    background: black;
    width: 200px;
    height: 200px;
}

</style>
<div class="filtered"></div>

vue項(xiàng)目，axios的data配置，請求失敗

呆萌傻回答

1.加入配置：axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
2.引入：import Qs from 'qs'
3.post請求中，需要將數(shù)據(jù)序列化：data: Qs.stringify(params),

abcd四個方法。這幾個方法每個執(zhí)行五秒，順序隨機(jī)不停的循環(huán)，如何實(shí)現(xiàn)

獨(dú)特范回答

你的意思是在5秒內(nèi)不停執(zhí)行a,b,c,d中的一個，然后下一個5秒又隨機(jī)換一個，不停循環(huán)？
這個一般控制一些展示效果，要求a,b,c,d等均能隨便打斷，且又可以進(jìn)入。

fns=[a,b,c,d];
t=5*1000;
while(true){
    var datein=Date().now();
    fn=fns[ Math.floor(Math.random()*4) ];
    while(Date.now()-datein < t){
        (fn)();
    }    
}

有關(guān)于在angular框架的項(xiàng)目中使用video.js作為視頻播放插件的問題（在線等

幼梔回答

不要寫video標(biāo)簽，寫成自定義指令試試

列表中如何實(shí)現(xiàn)圓點(diǎn)與數(shù)字的疊加

替身回答

<span style="display:inline-block;height:20px;width:20px;border-radius:50%;padding:1px;background:#ABC;text-align:center"> 
1
</span>

請大牛幫忙看看better-scroll插件，自動輪播的問題

命于你回答

_play()方法下面的let pageIndex = _this.currentPageIndex +1 去掉就好了

發(fā)現(xiàn)iview 輪播組件一個很奇怪的問題，在輪播的時候，會交替出現(xiàn) 寫在輪播中的@click事件無法執(zhí)行

別傷我回答

我也重現(xiàn)了你的問題，我找到原因了。
iview的這個輪播圖，實(shí)例化的時候，會生成兩個div，且一模一樣的。

然鵝，你綁定的點(diǎn)擊事件只在第一個div里面的某個節(jié)點(diǎn)上，而在另外一個div的那個節(jié)點(diǎn)上并沒有綁定，所以說又一次點(diǎn)擊是生效的，另外一次就不會生效

我試了下，你把loop屬性去掉就可以了，你試試看。

<Carousel v-model="value1" loop @on-change="change"></Carousel>

這里這個loop去掉

看到源碼這里，作者是直接復(fù)制的innerHTML這樣做是復(fù)制不了對應(yīng)節(jié)點(diǎn)綁定的事件的，所以這個應(yīng)該是iview自身的bug。建議題主不要用iview的這個輪播圖了，推薦用vue-awesome-swiper。

node.js怎么發(fā)帶請求頭的get請求?

墨染殤回答

請看文檔：

options里設(shè)置headers對象

const options = {
     url:'xxxx'
     headers:{
         a:'asdsaf',
         fsa:'asioduioasd'
     }
}

snsapi_base和snsapi_userinfo明明一樣的??！文檔為什么說不一樣？？

網(wǎng)妓回答

1.文檔里說的如果是snsapi_base就給你openid是什么意思？？？snsapi_userinfo也給的?。。?！
兩種都給，沒說snsapi_userinfo不給。
2.snsapi_base是靜默授權(quán)，而且也可以獲得用來換取用戶信息code，這對用戶來說豈不是很危險(xiǎn)？？？
snsapi_base不可以獲取用戶信息。
3.《snsapi_base式的網(wǎng)頁授權(quán)流程即到此為止》是什么意思？？？我明明還想獲取用戶信息，為什么讓我到此為止？？？
到此為止是因?yàn)槟阋呀?jīng)拿到了openid，再往下走就是獲取用戶信息了，和snsapi_base沒關(guān)系，所以結(jié)束了。
想要獲取用戶信息需要用snsapi_userinfo參數(shù)。
好好用心看文檔。

mac上雙指縮放頁面和ctrl+‘+/-‘縮放頁面表現(xiàn)不一樣？

款爺回答

雙指放大就像用放大鏡來看一樣, ctrl++/-縮放頁面將引起頁面的重排重繪與媒體查詢

JS事件循環(huán)問題

淺時光回答

不是呀，這個是正常的呀，你看 第1份 post已經(jīng)發(fā)出 是在第2塊JSON開始之前呀，post發(fā)出和 http.requset并列，JSON開始是讀完文件之后，所以發(fā)送數(shù)據(jù)是在文件讀完之前，只是讀后面塊的時候前面的請求還沒有執(zhí)行完，所以并沒有 第n份數(shù)據(jù)返回。網(wǎng)絡(luò)延時比讀取文件大的多，所以文件讀完之前不會返回呀。

感覺，這段代碼不至于在 12 的時候內(nèi)存溢出呀。

nodejs 上傳文件的話用管道更好一點(diǎn)兒吧。

微信瀏覽器 flex兼容性問題 flex-wrap: wrap;不換行

蔚藍(lán)色回答

flex-wrap換行，控制flex是單行或者多行。同時橫軸的方式?jīng)Q定了新行堆疊的方向

vue+element 在表格中動態(tài)顯示圖片,偶爾不顯示求解! 求幫忙

敢試回答

這樣很難找到問題所在，希望可以有個demo，這樣大家才能幫你debug。

H5音樂如何在移動端上自動播放，還能自動循環(huán)播放

別傷我回答

1.你這是要在微信里自動播放嗎？自動播放要加上autoplay="autoplay"
2.要看你js代碼的位置，你如果放在head里是沒法生效的
3.微信的ready現(xiàn)在不知道還是不是這樣判斷的，你可以在ready事件里加一些代碼看看ready事件有沒有觸發(fā)

待兩個接口都返回再操作的情況，怎么處理，有哪些解決方法

誮惜顏回答

提問前，代碼請勿使用圖片

假設(shè)你的兩個promise分別是 Func1() 和 Func2()

let pr_task = [Func1,Func2];
Promise.all(pr_task).then(function(){
    //Here,code  After All Promise
})

根據(jù)問題的補(bǔ)充

fetch('http://10.3.134.173/jsonp-test/data/dish_getbypage.php?start=1',
    ).then((response)=>
        response.json()
    ).then((res)=>{
        console.log(res[0].name);
    });
fetch('http://10.3.134.173/jsonp-test/data/dish_getbypage.php?start=2',
    ).then((response)=>
        response.json()
    ).then((res)=>{
        console.log(res[0].name);
    })

如果你是想等 fetch('http://10.3.134.173/jsonp-test/data/dish_getbypage.php?start=1'),那么直接

let pr_task = [];
pr_task.push(fetch('http://10.3.134.173/jsonp-test/data/dish_getbypage.php?start=1'))
pr_task.push(fetch('http://10.3.134.173/jsonp-test/data/dish_getbypage.php?start=2'))

Promise.all(pr_task).then(function(){
    //Here,code  After All Promise
})

只要保證pr_task這個數(shù)組的值都是一個promise，那么Promise.all()就會等待所有的數(shù)據(jù)，并且按照原數(shù)組的順序給出resolve的結(jié)果組成的一個數(shù)組

為什么range表單綁定onchange后，第一次事件觸發(fā)賦值成功，隨后事件觸發(fā)賦值失?。?/a>

做不到回答

<div class="a">
    <img src="圖片圖片圖片.jpg" alt="JOJO">
</div>
<div class="b">
    <div class="b1">
        <span>色相</span>
        <input type="range" min="0" max="359" step="1" class="b11" value="0"><!-- value="0"給色相賦默認(rèn)值 -->
        <input type="checkbox"> 
    </div>
    <div class="b1">
        <span>飽和度</span>
        <input type="range" min="0" max="100" step="1" class="b11" value="100"><!-- value="100"給飽和度賦默認(rèn)值 -->
        <input type="checkbox">
    </div>
    <div class="b1">
        <span>亮度</span>
        <input type="range" min="0" max="100" step="1" class="b11" value="100"><!-- value="100"給亮度賦默認(rèn)值 -->
        <input type="checkbox">
    </div>
</div>

var pictureNode = document.querySelector(".a").firstElementChild;
var slideBoxNode = document.querySelectorAll(".b1");

function bindInput() {
    var i = 0
    var blls = document.querySelectorAll(".b11")
    var hueDom = blls[0] // 把dom保存下來
    var saturateDom = blls[1]
    var brightnessDom = blls[2]
    var slideNode = 0;

    for(;i<slideBoxNode.length;i++){
        slideNode = document.querySelectorAll(".b11")[i];
        slideNode.addEventListener("change", function () {
            return (function () {
                var hueRotate = "hue-rotate(" + hueDom.value + "deg)"; // 事件觸發(fā)的時候求值
                var saturate = "saturate(" + saturateDom.value + "%)";
                var brightness = "brightness(" + brightnessDom.value + "%)";
                pictureNode.style.filter = hueRotate + " " + saturate + " " + brightness;
                console.log(pictureNode.style.filter);
            })(i)
        });
    }
}
window.bindInput();

less搭配jQuery時怎么使用?

遲月回答

使用less.cmd生成css

vue-cli中在main.js中引用和XX.vue文件引用JS有什么區(qū)別

涼心人回答

你可以理解為，在main.js中引入是全局引用，在xx.vue引入是局部引用。
局部引入為空，應(yīng)該是你沒有把變量export出來。