2019年08月6日 by 张 鑫旭 阅读 28498 次, 今日 7 次
是否遇到这样的囧事，修复bug改了代码，结果页面怎么刷新都没有效果，结果尼玛一看，原来刷新的是线上地址，是不是气死人，那有没有什么办法规避这个问题呢？可以试试本地使用风格完全不一样的favicon。
阅读全文…
标签： base64, favicon, html, localStorage, meta, png, rel
发布在 HTML相关 | 20 条评论 »
2019年07月28日 by 张 鑫旭 阅读 35952 次, 今日 9 次
伪类是目前唯一一个可以大规模放心使用的逻辑伪类，非常有用，优点也很突出，但是，其中也不乏一些会让人踩坑的地方，本文主要介绍这几个可能错误认识的地方。
阅读全文…
标签： :is, :not, :where, css相关, disabled, read-only, 伪类
发布在 CSS相关 | 14 条评论 »
2019年07月27日 by 张 鑫旭 阅读 47753 次, 今日 9 次
本文介绍两个与滚动相关的新的API，scrollTo和scrollBy，知识整理下来一看，还算有点用。
阅读全文…
标签： API, element, pageYoffset, scroll, scroll-behavior, scroll-snap-type, scrollBy, scrollTo, window
发布在 JS API | 9 条评论 »
2019年07月19日 by 张 鑫旭 阅读 29865 次, 今日 11 次
如果你的主要工作内容就是重构HTML静态页面，则本文介绍的“魔卡”工具会很适合你。头尾公用，支持简易CSS变量，支持http服务以及JS，CSS合并，都是专门为HTML静态页面开发定制的功能。本工具极简免安装，非常轻量。
阅读全文…
标签： @import, github, html, nodejs, var, 原型, 合并, 工具
发布在 HTML相关, JS实例 | 5 条评论 »
2019年07月7日 by 张 鑫旭 阅读 75299 次, 今日 8 次
音视频播放暂停控制，播放时长获取，播放速率，以及检测什么时候播放结束，当前媒体资源是否处于暂停状态等，都在本文有所介绍，本文就是audio/video元素各类基础API完全介绍，总能找到你需要的东西。
阅读全文…
标签： API, audio, autoplay, buffered, currentTime, duration, html, HTML5, loop, muted, playbackRate, preload, seekable, video, volumechange
发布在 JS API, Web综合 | 36 条评论 »
2019年06月23日 by 张 鑫旭 阅读 34669 次, 今日 10 次
本文介绍两个DOM API，DOMParser和XMLSerializer，一个是HTML字符串解析成DOM tree，另外一个是把DOM tree序列化成字符串，正好功能相反，有兴趣可以了解下。
阅读全文…
标签： createTreeWalker, dom, DOMParser, DOMString, element, node, parseFromString, serializeToString, XMLSerializer
发布在 JS API | 10 条评论 »
2019年06月15日 by 张 鑫旭 阅读 53320 次, 今日 17 次
本文详细深入介绍HTML favicon尺寸、格式、制作等相关知识，以前以为favicon很简单，但是一旦深入才发现规则之多，需要适配场景之广泛完全出乎预期。
阅读全文…
标签： favicon, link, meta, png, rel, sizes, 图标
发布在 HTML相关 | 10 条评论 »
2019年06月10日 by 张 鑫旭 阅读 33771 次, 今日 10 次
第4届中国前端开发者千人峰会上我做了名为“滤镜与混合模式”主题分享，这里我把分享内容，尤其一些案例和源码整理成文，给需要的人，末尾有分享PPT文件的下载，内容较多，请提前预留足够学习时间。
阅读全文…
标签： background-blend-mode, blur, contrast, darken, difference, drop-shadow, filter, hue-rotate, lighten, mix-blend-mode, screen, soft-light, 我，
发布在 CSS相关 | 12 条评论 »
2019年06月9日 by 张 鑫旭 阅读 46055 次, 今日 12 次
第五届CSS大会主题分享之“CSS创意与视觉表现”文字版完全整理，共有10个纯CSS实现的创意案例，旨在展现CSS的潜力，同时激发你的CSS创意思维。每个案例都有demo，原理讲解，文末还有分享文档，希望对你CSS学习有所帮助。
阅读全文…
标签： animation, background-blend-mode, box-shadow, calc, content, CSS Shapes, CSSgram, filter, hue-rotate, linear-gradient, mask, mask-composite, mix-blend-mode, opacity, outline, perspective, radial-gradient, resize
发布在 CSS相关 | 11 条评论 »
2019年06月8日 by 张 鑫旭 阅读 37575 次, 今日 20 次
我们可以使用纯CSS显示页面滚动百分比进度，传统实现是在body标签上做文章，但有致命缺陷，后来我借助混合模式实现了一种新方法，此方法可以规避传统实现的不足，使纯CSS滚动指示器效果在实际项目中应用成为了可能。
阅读全文…
标签： body, css相关, darken, lighten, mix-blend-mode, pointer-events, z-index, 滚动, 进度条
发布在 CSS相关 | 21 条评论 »
我的应用
我的应用