鍍金池/ 問答/ HTML問答
有你在 回答
methods:{
    subTitle(id){
        return this.listSub.find(v => v.id = id).sub_title
        //
    }
}

SubTitle:{{subTitle(item.id)}}
汐顏 回答

同樣的問題,我也遇到了,暫時沒解決

壞脾滊 回答

如果把事件的傳遞看做一個流,那么它應該是一個首尾閉合的環(huán),捕獲和冒泡各點半個圓。那么問題在于捕獲和冒泡是針對被點擊對象(btn)的祖先元素而言的,但是對象本身就比較有意思了。如果對象里面還有子元素,并且你點擊到了它的子元素,那么事件會流過子元素,然后再流回來,這個時候,代碼的表現是正常的。DOM如下:

<div id="app">
        <span id="btn">
            <b>測試</b>
        </span>
    </div>

如果被點擊對象里面沒有子元素了,那么事件在這里已經終結了,也就是說『捕獲』和『冒泡』在這個元素在進行交接,這個時候就有意思了,這兩個事件是同時觸發(fā)的,那么 js 的監(jiān)聽代碼的書寫順序會影響最后的 console 結果,如果這樣寫的話,那么代碼就是按你的想法完成的:

<body>
    <div id="app">
        <span id="btn">測試</span>
    </div>
<script>

    var btn = document.getElementById('btn');
    var app = document.getElementById('app');
    
    //btn捕獲
    btn.addEventListener('click',function(){
        console.log('捕獲','btn');
    },true);

    //div捕獲
    app.addEventListener('click',function(){
        console.log('捕獲','div');
    },true);

    document.body.addEventListener('click',function(){
        console.log('捕獲','body');
    },true);

    document.body.addEventListener('click',function(){
        console.log('冒泡','body');
    },false);

    //btn冒泡
    btn.addEventListener('click',function(){
        console.log('冒泡','btn');
    },false);
    
    //div冒泡
    app.addEventListener('click',function(){
        console.log('冒泡','div');
    },false);
</script>
</body>
喜歡你 回答

大佬,你用的也是create-react-app嗎?我的還是不行,一直404

毀與悔 回答

兩種都可以。推薦 token 也只是推薦,也并不是說傳統的 cookie/session 就不能用,token 也有坑。看需求,一般 cookie/session 可以了。

孤酒 回答

為TextField的keyup事件監(jiān)聽器綁定一個事件處理函數,處理函數中判斷一下按鍵類型,然后調用搜索函數即可。

<TextField
  hintText="Hint Text"
  onKeyUp={this.handleKeyUp.bind(this)}
/>

handleKeyUp(event){
    if(event.keyCode === 13){
        //調用快速搜索的函數
    }
}
醉淸風 回答

先執(zhí)行 console.log(1) 獲取值,再調用 "test"(console.log(1)),由于 "test" 是一個字符串,不是函數,所以不能用 () 運算符,會出錯

荒城 回答

沒試過這樣操作 但我的思路是在draggable回調里面看看能不能拿到定位 然后計算輪播圖的定位 如果相近js控制切換

尤禮 回答

Route設計的匹配方式比較open,按照這種匹配方式只會匹配details/merchant/下的路由。他直接把搜索的關鍵是傳遞給searchFn函數,通過調用history的方法來改變地址欄的路由來實現路由的切換。Merchant組件獲取url的關鍵字去數據庫調數據。

局外人 回答

在chrome中:
clipboard.png
如果這時候點開a:
clipboard.png
如果不點開,并且賦值obj.a=4444,這時候再點開a:
clipboard.png
因為chrome中console.log打印出來的是引用的快照,而不是快照的內容,如果你不點開,引擎是不會去這個引用的地址去取內容的,如果你沒點開并且賦值了,再把剛剛console.log打印出來的引用點開,那么會立即去取這個地址的內容,看起來就像是異步的。
個人覺得這是chrome做的一個優(yōu)化吧,因為如果引用比較大,打印出來是比較耗性能的

在ie中:
console.log會立即打印出來,不管這個對象有多大 -。-

替身 回答

你這里的邏輯有點小混亂。

你這的異步請求跟同步判斷是什么關系,是異步請求之后根據請求結果做判斷,還是其他意思。

能否舉個具體的例子。

款爺 回答

使用高階組件:

import Immutable from "immutable"
import React from "react"
import { withRouter } from "react-router"

const routerLeaveHookHoc = WrappedComponent => {
    //withRouter本身是一個高階組件,每個頁面都要用到,所以提升到這里來,每個頁面使用routerLeaveHookHoc 就可以
    return withRouter(
        class extends React.Component {
            componentDidMount() {
                console.log("我是高階組件的didmount");
                this.props.router.setRouteLeaveHook(
                    this.props.route,
                    this.routeLeaveHook
                );
            }

            routeLeaveHook(a){
              // 返回 false 會繼續(xù)停留當前頁面,
              // 否則,返回一個字符串,會顯示給用戶,讓其自己決定
            }
            render() {
                return <WrappedComponent {...this.props}/>
            }
        }
    )
}
下墜 回答

named-views 確實適合它這種,要同級的

薄荷糖 回答

暫時還沒發(fā)現比d3更好的魚骨圖效果。 樣式有問題就解決樣式問題唄。

不舍棄 回答

各種按鈕Hover特效,
各種小動畫,
各種圖片Hover特效,
Css Tricks 玩前端的人如果沒來過這里,那說明你的閱歷還淺。
以上,夠你研究一陣子

安若晴 回答

計算屬性computed 了解一下

為什么method每次都會調用呢?考慮

method: {
  showRandom() {
    return Math.random();
  },
  showConstant() {
    return 42;
  }
}

需要刷新視圖的時候,我們是應該調用method呢,還是不應該呢?Vue不可能知道函數返回值會不會變,為了避免出錯,只能全都調用。

但是這樣確實浪費了性能,computed就是用來解決這個問題的。computed相當于顯式地告訴Vue,只要依賴項沒變,函數返回值就不會變,就不需要刷新。這樣的話,只修改data中一個數據的值,其他部分不會刷新。

具體到題主的情況,vuex提供mapState,可以用來取代上面的show函數,填到計算屬性里面就可以了。mapState 輔助函數

短嘆 回答

公眾號獲取的openid與用戶信息都是后臺返回給前端的吧