2021年11月14日 by 张 鑫旭 阅读 40714 次, 今日 26 次
配合meter元素,纯CSS也能实现3色状态带强中弱提示的密码强度效果,有基础有深入,本文可以学到的东西挺多。

阅读全文…
标签: gradient, html, input, label, mask, meter, optimum, Safari, 伪元素
发布在 CSS相关, HTML相关 | 22 条评论 »
2021年11月2日 by 张 鑫旭 阅读 27212 次, 今日 25 次

主要介绍 currentTarget、currentScript、currentTime、currentNode 和 currentSrc 这5个属性 API,有些是 JS 对象属性,有些是 HTML 对象属性,都挺有用的。
阅读全文…
标签: childNodes, createEvent, createNodeIterator, createTreeWalker, currentScript, currentSrc, currentTarget, currentTime, NodeIterator, srcset, TreeWalker
发布在 HTML相关, JS API | 4 条评论 »
2021年10月28日 by 张 鑫旭 阅读 62429 次, 今日 32 次

多次遇到复制文字内容到剪切板的需求,每次都重新撸一遍代码,很糟心,所以特别写了篇文章,方便下次复用和溯源,也顺便帮助下其他同行小伙伴。
阅读全文…
标签: clipboard api, clipboardData, copy, execCommand, paste, 剪切板
发布在 JS实例 | 14 条评论 »
2021年10月25日 by 张 鑫旭 阅读 19369 次, 今日 15 次

虽然目前项目符号支持的关键字值接近上百个,但是还是不能满足日常开发的需求,在这种情况下,@counter-style 出现了,可以让我们自定义计数规则。
阅读全文…
标签: @counter-style, content, CSS计数器, list-style-type, symbols, system, 列表, 字符
发布在 CSS相关 | 8 条评论 »
2021年10月8日 by 张 鑫旭 阅读 18837 次, 今日 17 次

CSS悄然发展,已有CSS行为也跟着发生了变化,content属性就是其一,现在所有现代浏览器都支持普通HTML元素通过content属性改变元素内容,背后的原理和机制是什么呢?
阅读全文…
标签: content, css相关, 伪元素, 替换元素
发布在 CSS相关 | 2 条评论 »
2021年09月30日 by 张 鑫旭 阅读 18668 次, 今日 16 次

CSS实现高斯模糊很方便,但是如果要兼容IE怎么办,如果希望局部模糊怎么办,如果希望模糊的图像有合成能力怎么办,此时,还是得借助 canvas,本文就深入介绍如何使用 canvas 实现带羽化的局部模糊效果。
阅读全文…
标签: canvas, 模糊, 高斯模糊
发布在 Canvas相关 | 5 条评论 »
2021年09月24日 by 张 鑫旭 阅读 39275 次, 今日 30 次

本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了,如果您对 Web 组件开发感兴趣,则本文内容不容错过。
阅读全文…
标签: customElements, dialog, display:contents, html, slot, Web Components
发布在 HTML相关 | 6 条评论 »
2021年09月14日 by 张 鑫旭 阅读 31620 次, 今日 20 次

Navigator.sendBeacon() 是浏览器提供的 JS 层面的数据上报方法,而 HTML ping 属性则是浏览器在 HTML 层面提供的 POST 数据埋点上报方法,比预想的好实用些,大家可以过来了解下,说不定就可以用起来。
阅读全文…
标签: html, navigator, ping, sendBeacon, 数据上报, 数据埋点
发布在 HTML相关 | 14 条评论 »
2021年09月12日 by 张 鑫旭 阅读 33581 次, 今日 24 次

APNG用起来还是挺爽的,整体来看,要比CSS动画+图片序列实现动画要更好,本文就基于实际开发经验,把如何控制APNG,使用注意事项等,通过文字描述加演示告知大家,让大家可以快速上手使用。
阅读全文…
标签: APNG, canvas, png
发布在 Design相关 | 13 条评论 »
2021年08月22日 by 张 鑫旭 阅读 38379 次, 今日 23 次

介绍全新的File System Access API,也就是文件系统访问API,可以无需专门的 HTML 文件选择控件,纯 JS 代码就可以触发本地文件的选择,支持文件类型的指定,有demo,有代码示意,可以进来了解下。
阅读全文…
标签: download, File, FileSaver, input, showDirectoryPicker, showOpenFilePicker, showSaveFilePicker
发布在 JS API | 8 条评论 »