&

分類:

久舊酒回答

margin-right ......

Dom:

<div id="father">
    <div class="btn1"></div>
    <div class="btn2"></div>
</div>

Css:
``

   #father {
      position: fixed;
      right: 20px;
      bottom: 20px;
      width: 100%;
      text-align: right;
    }
    #father div {
      height: 100px;
      display: inline-block;
    }
    .btn1 {
      background-color: red;
      width: 100px;
    }
    .btn2 {
      background-color: blue;
      min-width: 300px;
      width: 40%;
      margin-left: 10px;
    }
}``

css可以控制字體（漢字和英文）等寬嗎？

誮惜顏回答

還是換種思路把. 推薦 https://github.com/shshaw/Spl... 這個(gè)庫(kù), 可以把一段話分成單個(gè)的字符, 然后控制每個(gè)字符出現(xiàn)順序來(lái)完成動(dòng)畫(huà)吧.

nuxt項(xiàng)目部署到nginx，已在nginx配置try_files，但是路由無(wú)法跳轉(zhuǎn)

陌上花回答

你的解決了嗎？我的陷入登錄跟首頁(yè)的死循環(huán)，其他路由都訪問(wèn)不到！

promise.all 發(fā)送多個(gè)請(qǐng)求，其中有幾個(gè)請(qǐng)求報(bào)錯(cuò)，錯(cuò)誤提示消息如何只提示一次呢？

膽怯回答

if(error.response)這段寫(xiě)到 promise.all([...]).then().catch(error=>{if(error.response)...})這里面

web html點(diǎn)擊撥號(hào)提示loading content

凹凸曼回答

你是怎么寫(xiě)的
撥號(hào) a標(biāo)簽可以撥號(hào)

求2次貝賽爾曲線上任一點(diǎn)的切線的傾斜角度

念初回答

你的圖像是三階貝塞爾曲線

P0 = [0, 0]
P1 = [-1, 10]
P2 = [8, 10]
P3 = [12, 0]
//(1 - t)^3P0 + 3t(1- t)^2P1 + 3t^2(1 - t)P2 + t^3P3化簡(jiǎn)
//(P3 - 3P2 + 3P1 - P0)t^3 + (3P2 - 6P1 + 3P0)t^2 + (3P1 - 3P0)t + P0
a = P3[0] - 3 * P2[0] + 3 * P1[0] - P0[0]
b = 3 * P2[0] - 6 * P1[0] + 3 * P0[0]
c = 3 * P1[0] - 3 * P0[0]
d = P0[0]
function f(x){
    t = Math_yyz.getCubicRoot(a, b, c, d - x);
    realt = t.find((n) => n >= 0 && n <= 1 && n !== null)
    pm = f1(realt, P0, P1, P2);
    pn = f1(realt, P1, P2, P3);
    return (pm[1] - pn[1]) / (pm[0] - pn[0]);
}

function f1(t, p0, p1, p2){
    return [(1 - t) * (1 - t) * p0[0] + 2 * t * (1 - t) * p1[0] + t * t * p2[0], (1 - t) * (1 - t) * p0[1] + 2 * t * (1 - t) * p1[1] + t * t * p2[1]];
}

f(4)得到x=4的斜率

//求一元三次方程，網(wǎng)上找的
Math_yyz=(function(){ 
var module={}; 
function eqZero(x){ 
return Math.abs(x)<1e-6; 
} 
var abs=Math.abs; 
var pow=Math.pow; 
var sqrt=Math.sqrt; 
var sign=Math.sign; 
var cos=Math.cos; 
var acos=Math.acos; 
var TwoPi=Math.PI*2; 
function getCubicRoot(a,b,c,d){ 
a=a; 
b=b/(3*a); 
c=c/(6*a); 
d=d/(2*a); 

var solve=[null,null,null]; 
var Alph=-b*b*b+3*b*c-d; 
var Beta=b*b-2*c; 
var Delt=Alph*Alph-Beta*Beta*Beta; 
var R1,R2,tht; 

if (eqZero(Delt)){ 
R1=abs(pow(abs(Alph),1/3))*sign(Alph); 
if (eqZero(R1)){ 
solve[0]=-b; 
} 
else{ 
solve[0]=-b+2*R1; 
solve[1]=-b-R1; 
} 
} 
else if(Delt>0){ 
//var tht,R1,R2; 
tht=Alph+sqrt(Delt); 
R1=abs(pow(abs(tht),1/3))*sign(tht); 
tht=Alph-sqrt(Delt); 
R2=abs(pow(abs(tht),1/3))*sign(tht); 
solve[0]=-b+R1+R2; 
} 
else if(Delt<0){ 
//var tht; 
tht=acos(Alph/(sqrt(Beta)*Beta)); 
solve[0]=-b+2*sqrt(Beta)*cos(tht/3); 
solve[1]=-b+2*sqrt(Beta)*cos((tht+TwoPi)/3.0); 
solve[2]=-b+2*sqrt(Beta)*cos((tht-TwoPi)/3); 
} 
return solve; 
} 
module.getCubicRoot=getCubicRoot; 
return module; 
})();

##########
二階貝塞爾曲線
##########
根據(jù)公式：
Pm(t) = (1-t)P0 + tP1
Pn(t) = (1-t)P1 + tP2
B(t) = (1-t)Pm(t) + tPn(t) 
= (1-t)^2 P0 + 2(1-t)tP1+ t^2P2
已知X坐標(biāo)X0
Bx(t) = (1-t)^2 P0x + 2(1-t)tP1x+ t^2P2x = X0 （一元二次方程）求解出t, 并帶入Pm, Pn得到藍(lán)線，求斜率即可，暴力解法

purifycss 清理無(wú)用css時(shí)，導(dǎo)致很多有用的css被刪掉。

陪妳哭回答

glob.sync(path.join(SRC_PATH, '/.html')) 這里的文件目錄需要包含所有你用到樣式的地方，所有不要寫(xiě)死成index.html

node中如何計(jì)算數(shù)據(jù)的體積大小

喵小咪回答

使用這個(gè)包 node-heapdump，可以看到內(nèi)存快照

Vue計(jì)算屬性問(wèn)題：好像 img.src 屬性的變化都不會(huì)影響到屬性的計(jì)算

伴謊回答

data從的img再實(shí)例初始化的時(shí)候會(huì)被添加vue數(shù)據(jù)綁定的方法set和get，而自定義的img.src屬性被不會(huì)被添加數(shù)據(jù)綁定，從而不會(huì)被vue的觀察者模式檢測(cè)到，所以變化也不會(huì)被渲染，自定義屬性需要使用this.set('對(duì)象'，‘屬性’，‘值’),或者vue.$set

img的src如何綁定v-for循環(huán)的變量值？

尐潴豬回答

不需要使用v-if,v-else

<div style="float: left;width: 50px;height: 50px;">
     <img :src='comment.comsimghead?"../images/head/head.jpg":("../images/head/"+comsimghead)' style="height: 40px;width: 40px;border-radius: 20px;margin: 10px 0px 10px 10px;" />
</div>

font-size和line-height在瀏覽器內(nèi)部渲染是有相應(yīng)的規(guī)則嗎？

維他命回答

CSS2 沒(méi)有具體定義字體高度怎么影響盒子高度，所以不同 UA 可能會(huì)有細(xì)微差異。

The height of the content area should be based on the font, but this specification does not specify how.

另外

Note: level 3 of CSS will probably include a property to select which measure of the font is used for the content height.

HTML5中怎么實(shí)現(xiàn)將一個(gè)元素拖放到另一個(gè)元素框中，但只是復(fù)制到元素框中?即拖動(dòng)后原來(lái)的地方仍然有這個(gè)元素存在。

凹凸曼回答

onmousedown時(shí)復(fù)制這個(gè)節(jié)點(diǎn)， cloneNode，然后給這個(gè)節(jié)點(diǎn)添加onmousemove事件，移到元素框后通過(guò)onmouseup移除onmousemove，以及進(jìn)行下一步操作

electron界面內(nèi)容比例失調(diào)。

款爺回答

這是個(gè)bug.

解決方案如下：

const win = new electron.BrowserWindow({
    width: 600,
    height: 400,
    show: false
})
win.once('ready-to-show', () => {
    win.webContents.setZoomFactor(1.0)
    win.show()
})

函數(shù)參數(shù)...arg的一個(gè)問(wèn)題

玩控回答

matchArgs 的形參 fn，函數(shù)返回一個(gè)匿名函數(shù)有自己的不定參，函數(shù)的形參在定義時(shí)決定，相互之間是獨(dú)立的~

請(qǐng)問(wèn)如何讓小數(shù)后面保留的0000顏色和非0數(shù)字不一樣？

情未了回答

vue沒(méi)用過(guò)，不過(guò)大概思路可以用<span>000</span>去處理

function splitNum(numStr){
    var regex=/^(?=.*\.)([\d.]*?)(0+)$/;
    var result=numStr.match(regex);
    return result?(result[1]+","+result[2]):numStr;
}

function lastZero(numStr){
    var regex=/[^0](?=0+$)/;
    return numStr.indexOf(".")>=0?numStr.replace(regex,"$&,"):numStr;
}

vue-cli 開(kāi)發(fā)時(shí)手機(jī)無(wú)法通過(guò)ip訪問(wèn)

只愛(ài)你回答

1、確保你的手機(jī)跟pc在一個(gè)網(wǎng)絡(luò)環(huán)境下.
2、看你的配置有把localhost改為ip啟動(dòng)服務(wù)，這樣配置沒(méi)問(wèn)題，為何不能訪問(wèn)？
3、如果是windows環(huán)境估計(jì)這會(huì)我已經(jīng)讓你去更改防火墻入站規(guī)則了

class樣式轉(zhuǎn)換為行內(nèi)樣式

別逞強(qiáng) 回答

你好，可以這樣試試

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            background-color: #fff;
        }

        .div {
            background-color: #000;
            color: blue;
        }
    </style>
</head>
<body>
<div class='div'>
    你好，可以這樣試試
</div>

<script !src="">
    var div = document.querySelector('.div')
    var style = window.getComputedStyle(div, null)
    console.log(style);


    for (var k in style) {

        if (isNaN(k) && k != 'cssText') {

            if (style[k] == '0px' || style[k] == 'none' || style[k] == 'normal' || style[k] == 'auto' || !style[k]) {
                delete  div.style[k]
            } else {
                // console.log('--------------');
                // console.log(style[k] == '0px' || style[k] == 'none' || style[k] == 'normal' || style[k] == 'auto' || !style[k]);
                // console.log(style[k], 'value');
                // console.log(k, 'k');
                // console.log('--------------');
                div.style[k] = style[k];
            }
        }


    }

</script>
</body>
</html>

循環(huán)執(zhí)行此函數(shù)，為什么獲取的值沒(méi)有被累加

心上人回答

var opity = document.getElementById('fade-obj').style.opacity
這里取到的值是字符串類型的
后面你再去 += 就變成了 0.20.2

CSS 如何實(shí)現(xiàn)這種邊框？

互擼娃回答

你確定你是一排四個(gè)一共四排的話就很簡(jiǎn)單。問(wèn)題是你得首先說(shuō)清楚你這個(gè)布局一排4個(gè)是否會(huì)變動(dòng)，最后我建議用table寫(xiě)，tr td p:nth-child(n)什么的了解一下，寫(xiě)你這個(gè)應(yīng)該還不錯(cuò)

superagent訪問(wèn)接口，如何將得到的結(jié)果單獨(dú)保存

鐧簞噯回答

應(yīng)該可以換成promise的寫(xiě)法，把上一個(gè)返回的數(shù)據(jù)作為下一個(gè)的參數(shù)