<dfn id="hx5t3"><strike id="hx5t3"><em id="hx5t3"></em></strike></dfn>

    <thead id="hx5t3"></thead><nobr id="hx5t3"><font id="hx5t3"><rp id="hx5t3"></rp></font></nobr>

    <listing id="hx5t3"></listing>

    <var id="hx5t3"></var>
    <big id="hx5t3"></big>

      
      

      <output id="hx5t3"><ruby id="hx5t3"></ruby></output>
      <menuitem id="hx5t3"><dfn id="hx5t3"></dfn></menuitem>

      <big id="hx5t3"></big>

        zangeci

        zangeci 查看完整檔案

        南京編輯  |  填寫畢業院校  |  填寫所在公司/組織填寫個人主網站
        編輯
        _ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 個人簡介什么都沒有

        個人動態

        zangeci 回答了問題 · 3月27日

        為什么子類繼承父類的時候,子類重寫的普通函數不會覆蓋父類的箭頭函數?

        因為箭頭函數的語法其實是this.sayName = this.sayName.bind(this)的語法糖。
        如果你寫過class API 的react,可能會知道在之前的react中,對于函數的綁定需要在constructor中進行this.fn = this.fn.bind(this)的上下文綁定.于是后來babel支持了這種箭頭函數的快捷寫法,實際上兩種寫法是等同的。而正常規范里的class方法是綁定在prototype上的,也就是ES5中Animal.prototype.sayName = function(){}這樣子的寫法。
        image
        如圖所示,箭頭函數sayName是綁定在實例上的,非箭頭函數是在proto上的,這便是為什么輸出是父類的log,你可以理解為箭頭函數實際上是等同于先new一個對象之后再對該實例對象賦值方法
        image
        image

        關注 4 回答 4

        zangeci 贊了回答 · 3月24日

        解決CSS如何實現局部光照效果?

        參考我這篇博文,完美實現透視鏡,比采納的答案效果更完美.

        codepen在線地址
        https://codepen.io/xty1992a/p...

        關注 8 回答 5

        zangeci 贊了回答 · 3月24日

        解決CSS如何實現局部光照效果?

        image

        <!DOCTYPE html>
        <html>
        <head>
         <meta charset="UTF-8">
         <title>light effect</title>
         <style type="text/css">
         .flex-row {display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;}
            .flex-row > .flex-main {-webkit-flex:1 1 auto;flex:1 1 auto;}
            .flex-row > .flex-side {-webkit-flex:0 0 auto;flex:0 0 auto;}
            .flex-row.flex-spacing > .flex-main:not(:first-child), .flex-row.flex-spacing > .flex-side:not(:first-child) {margin-left:0.5em;}
            .flex-row.flex-margin {margin-left:0.5em;margin-right:0.5em;}
            .flex-row.flex-padding {padding-left:0.5em;padding-right:0.5em;}
            .flex-row .flex-warp {flex-wrap:wrap;}
            .flex-column {display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;}
            .flex-column > .flex-main {-webkit-flex:1 1 auto;flex:1 1 auto;}
            .flex-column > .flex-side {-webkit-flex:0 0 auto;flex:0 0 auto;}
            .box {position:relative;display:inline-block;color:#FFF;font-size:20px;background-color:#000;
         --pt-x : 0;
         --pt-y : 0;
         }
            .box .effect {position:absolute;top:0;bottom:0;left:0;right:0;
         background:radial-gradient(circle at calc(var(--pt-x) * 1px) calc(var(--pt-y) * 1px), #FFF, rgba(255,255,255,0) 4em);z-index:0;}
            .box .item-list {z-index:2;}
            .box .item-list .item {position:relative;margin:1em;padding:1em;line-height:1.5em;border:2px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.7);background-clip:padding-box;box-shadow:0 0 0 1em #000;}
            .box .item-list .item .icon {margin-right:1em;width:1.5em;height:1.5em;background-color:rgba(255,255,255,0.5);}
            .box .item-list .item .name {}
            .box .item-list .item .desc {color:#999;font-size:16px;}
            </style>
         <script> document.addEventListener('DOMContentLoaded', function(){
                let domBox = document.querySelector('.box');
         domBox.addEventListener('mousemove', function($evt){
                    let rect = domBox.getBoundingClientRect();
         domBox.style.setProperty('--pt-x', $evt.pageX - rect.left);
         domBox.style.setProperty('--pt-y', $evt.pageY - rect.top);
         });
         });
         </script>
        </head>
        <body>
        <div class="box">
         <div class="effect"></div>
         <div class="item-list">
         <div class="flex-row item-list-row">
         <div class="flex-side flex-row item">
         <div class="flex-side icon"></div>
         <div class="flex-main">
         <div class="name">系統</div>
         <div class="desc">顯示、聲音、通知、電源</div>
         </div> </div> <div class="flex-side flex-row item">
         <div class="flex-side icon"></div>
         <div class="flex-main">
         <div class="name">系統</div>
         <div class="desc">顯示、聲音、通知、電源</div>
         </div> </div> </div> <div class="flex-row item-list-row">
         <div class="flex-side flex-row item">
         <div class="flex-side icon"></div>
         <div class="flex-main">
         <div class="name">系統</div>
         <div class="desc">顯示、聲音、通知、電源</div>
         </div> </div> <div class="flex-side flex-row item">
         <div class="flex-side icon"></div>
         <div class="flex-main">
         <div class="name">系統</div>
         <div class="desc">顯示、聲音、通知、電源</div>
         </div> </div> </div> </div></div>
        </body>
        </html>

        關注 8 回答 5

        zangeci 回答了問題 · 3月21日

        vue3 如何使用render編寫slot及其scope

        文檔有寫,context上的slots
        https://vue3js.cn/docs/zh/api...

        關注 2 回答 1

        zangeci 回答了問題 · 3月21日

        解決請教一道算法題

        關注 3 回答 1

        zangeci 回答了問題 · 3月19日

        解決請問這道面試題的事件循環的結果應該如何理解?

        關注 4 回答 3

        zangeci 回答了問題 · 3月19日

        關于js的arguments的問題

        1.arguments的作用是把參數透傳給被debounce的函數,刪掉也能用是你這里sayDebounce不需要參數。
        2.傳參是經過debounce透傳的,所以你自然能在函數內獲取到傳參

        關注 4 回答 3

        zangeci 回答了問題 · 3月19日

        解決手動實現new操作符,卻無法正確實例化內置對象是為什么?

        因為String支持函數直接調用,String(111)它會對參數進行類型轉換,返回一個字面量,而new String(111)是返回一個字符串對象,這兩個行為是不一樣的。而我們通常自定義一個構造函數時并沒有做這樣的區分,認為一定會被new所執行的,所以才會有this.xxx這一系列操作。而自己實現的new函數實際上是借用了js里函數執行可以指定this的行為,所以不需要真正new操作符也能構造出實例。如果這個構造函數也和String這些內置構造器一樣做區分的話那即使是自定義的也一樣得不到同樣結果image

        關注 2 回答 1

        zangeci 回答了問題 · 3月19日

        解決Vue.component中傳入render函數的this指向問題

        this指向的是實例,也就是AnchoredHeading這個組件,this是個對象,log的時候是一個引用指針,當你展開看的時候$el已經被賦值了,所以你能看到,如果你拷貝一份this出來打印那就不會有
        image

        關注 2 回答 1

        zangeci 回答了問題 · 3月16日

        解決如何使用scss根據不同圖片生成不同樣式類?

        scss for循環:https://www.sass.hk/docs/
        ps: 可配置的怎么不是配icon的鏈接而是存類名?

        關注 3 回答 2

        認證與成就

        • 獲得 304 次點贊
        • 獲得 15 枚徽章 獲得 1 枚金徽章, 獲得 3 枚銀徽章, 獲得 11 枚銅徽章

        擅長技能
        編輯

        (??? )
        暫時沒有

        開源項目 & 著作
        編輯

        (??? )
        暫時沒有

        注冊于 2018-08-28
        個人主頁被 5k 人瀏覽

        一本到在线是免费观看_亚洲2020天天堂在线观看_国产欧美亚洲精品第一页_最好看的2018中文字幕