鍍金池/ 問答/ HTML問答
兮顏 回答

嘗試用音頻視頻插件可是把問題弄的好復雜,最后的最后我放棄了better-scroll。

還吻 回答

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

有點壞 回答

其實這個問題屬于前端如何切換主題
不要總是陷入react框架里面

你先看看原生的怎么實現(xiàn)的吧

react就自然懂了

https://www.jianshu.com/p/fe8...
https://segmentfault.com/q/10...

臭榴蓮 回答

Uncaught ReferenceError: x is not defined at <anonymous>:6:13
代碼中x未被定義,你可能是在其他地方定義了全局x=6了,所以才會出現(xiàn)你說的x打印出來是6

離夢 回答

你的第一個問題:返回的是undefined呢?看到問題第一反應是用變量提升來幫你解答,但是看到第二個問題,你竟然問:不是應該也返回10嗎?突然猶豫要不要解答第一個問題了。

青瓷 回答

本來寫法:

function fn1(){

    for(var i=0;i<4;i++){
        var tc=setTimeout(function(){
            console.log(i);
            clearTimeout(tc)
        },10);
    }
}
fn1()

定時器回調函數(shù)里的ifn1函數(shù)里for循環(huán)的i。fn1函數(shù)執(zhí)行完畢,定時器回調函數(shù)還保留著對fn1函數(shù)的變量對象的引用。
結果:一次性輸出4。


你問題里的寫法:
每次 for 循環(huán)的i作為參數(shù)實時傳給了定時器回調函數(shù),這樣就沒有閉包什么事了~~

瘋浪 回答

step 1: 畫個圓。

step 2: 劃分獎項區(qū)域,如0~60°一等獎....

step 3: 在0~360隨機生成一個角度(此時獎項已生成),

step 4: 設置默認快速旋轉n圈,結束之后速度遞減旋轉到生成角度位置。

只是提供一個思路

淺時光 回答

用flex布局可以解決這個問題

跟你一樣的div結構,為了便于看清和區(qū)分,里面寫了字母。樣式里每個div都加了背景色。完整代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Title</title>
</head>
<style>
    body {
        margin: 0;
    }

    .contain {
        background: gray;
        height: 400px;
        display: flex;
        flex-direction: column;
    }
    .A {
        background: red;
    }
    .B {
        background: yellow;
        flex-grow: 1;
    }
    .C {
        background: blue;
    }
</style>
<body>
<div class="contain">
    <div class="A">a</div>
    <div class="B">b</div>
    <div class="C">c</div>
</div>
</body>
</html>

運行效果如下:

image-20180605144241659

下面白色的部分是網(wǎng)頁的空白部分??梢钥闯?,已經(jīng)實現(xiàn)了你要的效果。A B C我都沒有給高度,B的高度是自動填滿contain的,所以壓根看不到contain的灰色。

你可以復制代碼自己運行一下,在瀏覽器里隨意的改contain、A、C的高度,不管怎么改,B都會自動填充。

如果解決了你的問題,給我個采納吧!

朕略傻 回答
var fetch = require('node-fetch');

async function gen () {
  let url = 'https://api.github.com/users/github';
  let result = await fetch(url);
  let json = await result.json();
  console.log(json);
}

gen()
  .then(json => console.log(json));

非要用 generator 的話,根據(jù)它的原理,必須修改 gen 函數(shù):

function* gen () {
  let url = 'https://api.github.com/users/github';
  let result = yield fetch(url);
  console.log(result);
}

const gened = gen();
let result = gened.next();
result.value.then(fetch => fetch.json())
  .then(json => {
    gened.next(json);
  });

此段代碼可以在阮一峰的 ES 異步任務的封裝 中找到。

墨染殤 回答

你的代碼省略掉了關鍵部分,這個刪除應該有網(wǎng)絡異步請求。頁面卸載了,執(zhí)行setState當然報錯

晚風眠 回答

前后端分離,項目不大的話就是直接調用后端API,只要能提供API,用什么語言無所謂。

初念 回答

不按需加載也包含啊。

webpack 的理念就是把所有的東西都作為模塊,js、css、fonts、json、images、……

如果不在 jsx 文件里面 import,可以直接在 html 里面引入

尕筱澄 回答

這個問題終于被哥攻克了
在Menu里添加@on-select="routeTo"
然后在

    methods: {
        routeTo(e) {
            this.$router.push(e);
        }       
    }
硬扛 回答
import pandas as pd

data1 = [{'a': '1', 'b': ''}, {'a': '', 'b': '2'}]
data2 = [{'a': '', 'b': '3'}, {'a': '4', 'b': ''}]

df1 = pd.DataFrame(data1)
df2 = pd.DataFrame(data2)

for i, row in df1.iterrows():
    for key in row.keys():
        if not row[key]:
            row[key] = df2.loc[i][key]

print df1
爛人 回答

可以試試Vanilla.js中的慣性滾動和視差效果插件luxy.js
https://github.com/min30327/l...
DEMO:https://min30327.github.io/lu...

luxy.js / targetsUpdate
:) 其實我對這個也不是很熟。
luxy.js是視覺差效果插件,似乎不支持元素寬高的改變,demo的字體放大效果也是改變元素的3d位置帶來的視差效果(并沒有真正放大hiahia)。但是對元素的update事件是在targetsUpdate這個函數(shù)里執(zhí)行的,
targetsUpdate : function(target){
                target.top += (this.scrollTop * Number(this.settings.targetSpeed) * Number(target.speedY) - target.top) * this.settings.targetPercentage;
                target.left += (this.scrollTop * Number(this.settings.targetSpeed) * Number(target.speedX) - target.left) * this.settings.targetPercentage;
                var targetOffsetTop = ( parseInt(target.percentage) - target.top - parseInt(target.offset) );
                var offsetY = Math.round(targetOffsetTop * -100) / 100;
                var offsetX = 0;
                if(target.horizontal){
                    var targetOffsetLeft = ( parseInt(target.percentage) - target.left - parseInt(target.offset) );
                    offsetX = Math.round(targetOffsetLeft * -100) / 100;
                }
                target.elm.style.transform = 'translate3d(' + offsetX + 'px ,' + offsetY + 'px ,' + 0 +')';
            },

想要實現(xiàn)上述效果的話,在這里加生你想要的css3效果應該能行吧?當然這里做了改動就會影響全局的效果,如果只是個別元素需要縮放,可以仿照這個函數(shù)單獨添加一個縮放函數(shù)、或在當前函數(shù)下傳入?yún)?shù)并判斷(縮放可用css3/cubic-bezier等屬性實現(xiàn))
下為改變元素3d位置的源碼位置。

target.elm.style.transform = 'translate3d(' + offsetX + 'px ,' + offsetY + 'px ';

當然,還有基于Animate.css的wow.js也是很不錯的插件
wow.js
animate.css

安若晴 回答

官網(wǎng)示例:

<button v-on:click="warn('Form cannot be submitted yet.', $event)">
  Submit
</button>
// ...
methods: {
  warn: function (message, event) {
    // 現(xiàn)在我們可以訪問原生事件對象
    if (event) event.preventDefault()
    alert(message)
  }
}
萌面人 回答

data是一個方法,不是一個對象,你這樣寫vue編譯的時候就報錯了吧,還打什么包