分类目录归档：前端

HTML中的0宽度空格

发表评论

HTML中的0宽度空格是一个不可见的字符，它用于在HTML中创建小的间隔或强制文本或元素在同一行内显示。

要在HTML中插入0宽度空格，你可以使用字符实体​。这是一个不断行的空格（zero-width space，ZWSP），它不会产生任何可见的间隔，但会占用空间。

layui表格换行 

<style>
    .layui-table-cell {
        height: auto;
        overflow: auto;
        text-overflow: initial;
        white-space: normal;
    }
</style>
去掉按钮的下边距
.layui-table .layui-btn-container .layui-btn {
    margin-bottom: 0;
}

js复制文本到剪贴板

https://developer.mozilla.org/zh-CN/docs/Web/API/Clipboard/writeText


    function copyText(text) {
        if (navigator.clipboard) {
            navigator.clipboard.writeText(text).then(
                function () {
                    /* clipboard successfully set */
                },
                function () {
                    /* clipboard write failed */
                },
            );
        } else {
            let oInput = document.createElement('input');
            oInput.value = text;
            document.body.appendChild(oInput);
            oInput.select();
            document.execCommand("Copy");
            oInput.className = 'oInput';
            oInput.style.display = 'none';
        }
    }

    function oCopy(text) {
        copyText(text)
        layer.msg('复制成功！')
    }

pageYOffset 属性是 scrollY 属性的别名

pageYOffset 属性是 scrollY 属性的别名：

window.pageYOffset == window.scrollY; // 总是返回 true

为了跨浏览器兼容，请使用 window.pageYOffset 代替 window.scrollY。另外，旧版本IE（<9）两个属性都不支持，必须使用其他的非标准属性。完整的兼容性代码如下：

var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");

var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;

JavaScript function* 函数

function* 这种声明方式(function关键字后跟一个星号）会定义一个生成器函数 (generator function)，它返回一个  Generator  对象。

function* generator(i) {
  yield i;
  yield i + 10;
}

const gen = generator(10);

console.log(gen.next().value);
// expected output: 10

console.log(gen.next().value);
// expected output: 20
console.log(gen.next().value);
// expected output: undefined
console.log(gen.next().value);
// expected output: undefined