Skip to content

Latest commit

 

History

History
53 lines (47 loc) · 1.43 KB

zebra-stripes.md

File metadata and controls

53 lines (47 loc) · 1.43 KB

文本行斑马条纹

?> 背景知识::point_right: linear-gradient

<script v-pre type="text/x-template" id="zebra-stripes"> <style> main { width: 100%; } pre { width: 100%; display: inline-flex; background: #f8f8f8; background-image: linear-gradient(rgba(18,18,18,.05) 50%, transparent 0); background-size: auto 48px; background-origin: content-box; font: 14px/24px Consolas, Monaco, monospace; } main pre > code { display: inline-block; padding: 0; color: #34495e; background-color: transparent; font: inherit; } </style>
      
        const pull = (arr, ...args) => {
          let argState = Array.isArray(args[0]) ? args[0] : args;
          let pulled = arr.filter((v, i) => !argState.includes(v));
          arr.length = 0;
          pulled.forEach(v => arr.push(v));
        };
        let myArray = ['a', 'b', 'c', 'a', 'b', 'c'];
        pull(myArray, 'a', 'c');
        console.log(myArray);
      
    
<script> </script> </script>

浏览器支持

<iframe src="https://caniuse.bitsofco.de/embed/index.html?feat=css-gradients&periods=future_1,current,past_1,past_2,past_3&accessible-colours=false" frameborder="0" width="100%" height="436px"></iframe>