&

分類:

熊出沒回答

loading隱藏 > 點(diǎn)擊按鈕讓loading顯示(display:block 或者切換class)同時(shí)請(qǐng)求數(shù)據(jù) > 數(shù)據(jù)加載完在回調(diào)函數(shù)里隱藏loading

對(duì)border-radius在ie的兼容

刮刮樂回答

去網(wǎng)上找找插件，IE低版本不支持border-radius(包括其它CSS3屬性)

這類問題直接去網(wǎng)上搜索比在這兒提問好且快

小程序里面如何實(shí)現(xiàn)未讀數(shù)提醒（小紅點(diǎn)）？

孤星回答

websocket

canvas做視頻截圖，怎么保證圖片和video播放窗口盡量一樣大。

薄荷糖回答

你可以這樣試試：

<div class="wrapper">
    <div class="video-box">
        <video id="video"></video>
    </div>
</div>

.wrapper{
    position: relative;
    width: 600px;
    height: 480px;
}
.video-box{
    position: absolute;
    width: 100%;
    left : 0%;
    top: 50%;
    transform: translate(0%,-50%);
    background: #000;
}
#video{
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
}

var src= "1.mp4",
    video = document.getElementById("video");

video.ondurationchange = function(){
    alert(video.width,video.height); //這里應(yīng)該就是視頻等比縮放后的實(shí)際幀寬高了
};
  
video.src = src;

css 氣泡問題

我甘愿回答

干嘛要用CSS……用矢量軟件自己畫個(gè)導(dǎo)出SVG丟到HTML里就行了啊。

小程序canvas如何導(dǎo)入網(wǎng)絡(luò)圖片并保存圖片

北城荒回答

1.資源需要https協(xié)議，手機(jī)上看不了有可能是因?yàn)檫@個(gè)；
2.都看不到是可能“畫布污染”了，你要把當(dāng)前頁面地址和圖片地址放在一個(gè)域名下，且沒有其他域名的資源也drwa這個(gè)畫布上。

如何中斷二進(jìn)制流傳輸？

不歸路回答

先放測試地址：http://123.56.16.33/element/d...

問題1：異步加載，肯定要提到ajax了，可以打開network看，不會(huì)終止頁面導(dǎo)致無反應(yīng)。進(jìn)度的話onprogress可以獲取到，測試地址看控制臺(tái)就可以看到。

問題2：abort()這個(gè)方法可以終止，對(duì)象被覆蓋，你可以打開network試一下看看是不是之前的對(duì)象的size不動(dòng)了。

問題3：這個(gè)我就不太明白了。默認(rèn)的video也是會(huì)自己截圖的吧?？蚣芪乙矝]用過

css 怎么在第二行顯示省略號(hào) (兼容火狐/IE)

熊出沒回答

display: -webkit-box;這個(gè)屬性firefox和ie是不兼容的，
如果要做第二行超出省略，建議使用js控制。

網(wǎng)站在pc版微信瀏覽器打不開

浪蕩不羈回答

老哥，我發(fā)現(xiàn)問題了，是你沒兼容Safari ....,

canvas繪圖拖拽問題

黑與白回答

因?yàn)檫吙虬?。邊框?qū)挾瓤紤]了嗎？

spring是否能在其它bean完成init之后才創(chuàng)建另外一個(gè)bean的實(shí)例?

淺時(shí)光回答

你這樣子寫相當(dāng)于建了一個(gè)Bean：fooUtils，但是你調(diào)用的是FooUtils，這兩個(gè)不是同一個(gè)實(shí)例。

如何解決。

將調(diào)用改成fooUtils
在FooUtils的create方法里面使用getBean拿到想要使用的Bean
改變實(shí)現(xiàn)工具類的思路，避免在工具類中引用Bean

Javascript 中 requestAnimationFrame() 的應(yīng)用問題

賤人曾回答

requestAnimationFrame(ani);表示的是瀏覽器每刷新一幀的時(shí)候就調(diào)用ani方法一次，以達(dá)到連續(xù)調(diào)用ani方法的目的（嚴(yán)格來說不“連續(xù)”，但是肉眼一般無感知）。
在下面這段代碼里你已經(jīng)調(diào)用了ani方法：

        ani(red, 100, function() {
            ani(green, 200, function() {
                ani(blue, 150, function() {
                    ani(red, 150);
                    ani(green, 150)
                })
            })
        })

你要連續(xù)調(diào)用的并不是ani，而是ani方法體里面的控制移動(dòng)的部分，這就是為什么你方法一是可以成功運(yùn)行的。
方法二不可以運(yùn)行是因?yàn)?.你并不需要連續(xù)運(yùn)行ani 2.ani是有參數(shù)的但是你沒有傳，相當(dāng)于運(yùn)行的是ani()，所以會(huì)報(bào)錯(cuò)。

angularjs中怎么保證一個(gè)directive一定是在一個(gè)run方法執(zhí)行完成之后再加載？

澐染回答

可以內(nèi)部給個(gè)初始化的值舒大哥

iview Select組件的option選項(xiàng)高度無法展開

你的瞳回答

八成就是樣式問題了，檢查下ul，li的樣式

svg的path畫出來的路徑太糙了，怎么修改才能讓其相對(duì)光滑點(diǎn)？

朕略萌回答

關(guān)于線的末端銳角問題，設(shè)置stroke-linecap="round"解決。
關(guān)于線的連線過程銳角問題，設(shè)置stroke-linejoin="round"解決。

事件不在<form></form>內(nèi)部如何解決無法驗(yàn)證的問題？

詆毀你回答

button有個(gè)form屬性可以指定屬于那個(gè)form。不知道能不能解決你的問題。

echart 引入儀表盤類型的數(shù)據(jù)為什么失真呢？

玄鳥回答

canvas的尺寸不能通過CSS來調(diào)整，可以直接在Html頁面上設(shè)置Canvas元素的大小。這個(gè)問題不是echarts的問題，是canvas調(diào)整尺寸的問題。

使用grid layout布局的疑問?

伐木累回答

html

<div class="container">
  <div class="left">
  </div>
  <div class="right-1">
  </div>
  <div class="right-2">
  </div>
  <div class="right-3">
  </div>
  <div class="right-4">
  </div>
  <div class="right-5">
  </div>
  <div class="right-6">
  </div>
  <div class="right-7">
  </div>
  <div class="right-8">
  </div>
  <div class="right-9">
  </div>
  <div class="right-10">
  </div>
  <div class="right-11">
  </div>
</div>

css

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: 50px;
}

.container div {
  background-color: #1c78d0;
}

.left {
  grid-column: 1 / 2;
  grid-row: 1 / 18;
}

.right-1 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

.right-2 {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}

.right-3 {
  grid-column: 4 / 5;
  grid-row: 1 / 3;
}

.right-4 {
  grid-column: 2 / 5;
  grid-row: 3 / 4;
}

.right-5 {
  grid-column: 2 / 5;
  grid-row: 4 / 6;
}

.right-6 {
  grid-column: 2 / 5;
  grid-row: 6 / 8;
}

.right-7 {
  grid-column: 2 / 5;
  grid-row: 8 / 10;
}

.right-8 {
  grid-column: 2 / 5;
  grid-row: 10 / 12;
}

.right-9 {
  grid-column: 2 / 5;
  grid-row: 12 / 14;
}

.right-10 {
  grid-column: 2 / 5;
  grid-row: 14 / 16;
}

.right-11 {
  grid-column: 2 / 5;
  grid-row: 16 / 18;
}

說明

grid-column以及grid-row后面的2 / 3，不是三分之二的意思，是指從第2列開始，到第3列結(jié)束。搞明白這個(gè)意思，就知道grid該怎么做了。

效果

https://codepen.io/fengerzh/p...

正則表達(dá)式修改日期格式

玄鳥回答

"7-10".replace(/(\d+)-(\d+)/g, '$1月$2日'); 10-10同樣方式

ios 移動(dòng)端頁面 audio無法暫停

貓小柒回答

<!DOCTYPE html>
<html>
<body>


<audio id="myAudio" autoplay controls loop>
  <source src="/i/horse.ogg" type="audio/ogg">
  <source src="/i/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


<p id="demo"></p>

<button onclick="myFunction()">切換</button>

<script>
function myFunction()
{
 var audio = document.getElementById("myAudio");
   if(audio.paused){
     audio.play(); 
  }else{
     audio.pause();
}
}
</script>

</body>
</html>

這個(gè)代碼粘貼到這里 http://www.w3school.com.cn/ti...。