2021年12月8日 by 张 鑫旭 阅读 16440 次, 今日 4 次

解释下为何 flex 布局中, flex-end 对齐不会触发 overflow 滚动效果,以及介绍解决方法,希望可以帮到遇到类似场景的人。
阅读全文…
标签: css相关, flex, flex-end, flex布局, justify-content, overflow, 滚动
发布在 CSS相关 | 12 条评论 »
2021年11月24日 by 张 鑫旭 阅读 15693 次, 今日 8 次

本文标题虽然是 visibilitychange,但实际上讲的是包括 pagehide, unload, beforeunload 等事件在内的Web页面生命周期知识,希望本文的整理可以帮到大家的学习。
阅读全文…
标签: beforeunload, Event, hash, history, pagehide, pageshow, sendBeacon, visibilitychange, wasDiscarded, 生命周期
发布在 JS API | 9 条评论 »
2021年11月14日 by 张 鑫旭 阅读 20170 次, 今日 1 次
配合meter元素,纯CSS也能实现3色状态带强中弱提示的密码强度效果,有基础有深入,本文可以学到的东西挺多。

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

主要介绍 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 张 鑫旭 阅读 38545 次, 今日 15 次

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

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

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

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

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