2021年10月8日 by 张 鑫旭 阅读 20333 次, 今日 29 次
CSS悄然发展，已有CSS行为也跟着发生了变化，content属性就是其一，现在所有现代浏览器都支持普通HTML元素通过content属性改变元素内容，背后的原理和机制是什么呢？
阅读全文…
标签： content, css相关, 伪元素, 替换元素
发布在 CSS相关 | 2 条评论 »
2021年09月30日 by 张 鑫旭 阅读 20131 次, 今日 31 次
CSS实现高斯模糊很方便，但是如果要兼容IE怎么办，如果希望局部模糊怎么办，如果希望模糊的图像有合成能力怎么办，此时，还是得借助 canvas，本文就深入介绍如何使用 canvas 实现带羽化的局部模糊效果。
阅读全文…
标签： canvas, 模糊, 高斯模糊
发布在 Canvas相关 | 5 条评论 »
2021年09月24日 by 张 鑫旭 阅读 41745 次, 今日 68 次
本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了，如果您对 Web 组件开发感兴趣，则本文内容不容错过。
阅读全文…
标签： customElements, dialog, display:contents, html, slot, Web Components
发布在 HTML相关 | 6 条评论 »
2021年09月14日 by 张 鑫旭 阅读 33035 次, 今日 29 次
Navigator.sendBeacon() 是浏览器提供的 JS 层面的数据上报方法，而 HTML ping 属性则是浏览器在 HTML 层面提供的 POST 数据埋点上报方法，比预想的好实用些，大家可以过来了解下，说不定就可以用起来。
阅读全文…
标签： html, navigator, ping, sendBeacon, 数据上报, 数据埋点
发布在 HTML相关 | 14 条评论 »
2021年09月12日 by 张 鑫旭 阅读 35886 次, 今日 44 次
APNG用起来还是挺爽的，整体来看，要比CSS动画+图片序列实现动画要更好，本文就基于实际开发经验，把如何控制APNG，使用注意事项等，通过文字描述加演示告知大家，让大家可以快速上手使用。
阅读全文…
标签： APNG, canvas, png
发布在 Design相关 | 15 条评论 »
2021年08月22日 by 张 鑫旭 阅读 40089 次, 今日 45 次
介绍全新的File System Access API，也就是文件系统访问API，可以无需专门的 HTML 文件选择控件，纯 JS 代码就可以触发本地文件的选择，支持文件类型的指定，有demo，有代码示意，可以进来了解下。
阅读全文…
标签： download, File, FileSaver, input, showDirectoryPicker, showOpenFilePicker, showSaveFilePicker
发布在 JS API | 8 条评论 »
2021年08月17日 by 张 鑫旭 阅读 62587 次, 今日 26 次
推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。
阅读全文…
标签： css3, CSS世界, CSS新世界, CSS选择器世界, 选择器
发布在 CSS相关 | 38 条评论 »
2021年08月15日 by 张 鑫旭 阅读 26522 次, 今日 33 次
本文深入介绍我对ES6中WeakMap对象的一些理解，以及在内存性能这块的作用，希望可以对大家的学习有所帮助。
阅读全文…
标签： ES6, map, WeakMap
发布在 JS API | 10 条评论 »
2021年08月8日 by 张 鑫旭 阅读 23794 次, 今日 34 次
相信不少人知道polyfill的意思，那么ponyfill、prollyfill以及nottifill这几个词是什么意思呢？本文会解答相关的疑问。
阅读全文…
标签： export, fill, nottifill, polyfill, Ponyfill, prollyfill
发布在 Web综合 | 6 条评论 »
2021年08月7日 by 张 鑫旭 阅读 33362 次, 今日 42 次
虽然不属于常用场景，但是对于部分开发者却很需要，所以还是专门分享了出来，希望可以帮到需要的人。
阅读全文…
标签： path, 路径
发布在 SVG相关 | 10 条评论 »
我的应用
我的应用