2021年10月28日 by 张 鑫旭 阅读 64536 次, 今日 18 次
多次遇到复制文字内容到剪切板的需求，每次都重新撸一遍代码，很糟心，所以特别写了篇文章，方便下次复用和溯源，也顺便帮助下其他同行小伙伴。
阅读全文…
标签： clipboard api, clipboardData, copy, execCommand, paste, 剪切板
发布在 JS实例 | 14 条评论 »
2021年10月25日 by 张 鑫旭 阅读 20950 次, 今日 12 次
虽然目前项目符号支持的关键字值接近上百个，但是还是不能满足日常开发的需求，在这种情况下，@counter-style 出现了，可以让我们自定义计数规则。
阅读全文…
标签： @counter-style, content, CSS计数器, list-style-type, symbols, system, 列表, 字符
发布在 CSS相关 | 8 条评论 »
2021年10月8日 by 张 鑫旭 阅读 20418 次, 今日 16 次
CSS悄然发展，已有CSS行为也跟着发生了变化，content属性就是其一，现在所有现代浏览器都支持普通HTML元素通过content属性改变元素内容，背后的原理和机制是什么呢？
阅读全文…
标签： content, css相关, 伪元素, 替换元素
发布在 CSS相关 | 2 条评论 »
2021年09月30日 by 张 鑫旭 阅读 20202 次, 今日 12 次
CSS实现高斯模糊很方便，但是如果要兼容IE怎么办，如果希望局部模糊怎么办，如果希望模糊的图像有合成能力怎么办，此时，还是得借助 canvas，本文就深入介绍如何使用 canvas 实现带羽化的局部模糊效果。
阅读全文…
标签： canvas, 模糊, 高斯模糊
发布在 Canvas相关 | 5 条评论 »
2021年09月24日 by 张 鑫旭 阅读 41942 次, 今日 23 次
本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了，如果您对 Web 组件开发感兴趣，则本文内容不容错过。
阅读全文…
标签： customElements, dialog, display:contents, html, slot, Web Components
发布在 HTML相关 | 6 条评论 »
2021年09月14日 by 张 鑫旭 阅读 33101 次, 今日 12 次
Navigator.sendBeacon() 是浏览器提供的 JS 层面的数据上报方法，而 HTML ping 属性则是浏览器在 HTML 层面提供的 POST 数据埋点上报方法，比预想的好实用些，大家可以过来了解下，说不定就可以用起来。
阅读全文…
标签： html, navigator, ping, sendBeacon, 数据上报, 数据埋点
发布在 HTML相关 | 14 条评论 »
2021年09月12日 by 张 鑫旭 阅读 36006 次, 今日 19 次
APNG用起来还是挺爽的，整体来看，要比CSS动画+图片序列实现动画要更好，本文就基于实际开发经验，把如何控制APNG，使用注意事项等，通过文字描述加演示告知大家，让大家可以快速上手使用。
阅读全文…
标签： APNG, canvas, png
发布在 Design相关 | 15 条评论 »
2021年08月22日 by 张 鑫旭 阅读 40183 次, 今日 19 次
介绍全新的File System Access API，也就是文件系统访问API，可以无需专门的 HTML 文件选择控件，纯 JS 代码就可以触发本地文件的选择，支持文件类型的指定，有demo，有代码示意，可以进来了解下。
阅读全文…
标签： download, File, FileSaver, input, showDirectoryPicker, showOpenFilePicker, showSaveFilePicker
发布在 JS API | 8 条评论 »
2021年08月17日 by 张 鑫旭 阅读 62655 次, 今日 13 次
推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。
阅读全文…
标签： css3, CSS世界, CSS新世界, CSS选择器世界, 选择器
发布在 CSS相关 | 38 条评论 »
2021年08月15日 by 张 鑫旭 阅读 26596 次, 今日 14 次
本文深入介绍我对ES6中WeakMap对象的一些理解，以及在内存性能这块的作用，希望可以对大家的学习有所帮助。
阅读全文…
标签： ES6, map, WeakMap
发布在 JS API | 10 条评论 »
我的应用
我的应用