2019年08月13日 by 张 鑫旭 阅读 33390 次, 今日 4 次
这个周末做了个纯CSS图标的代码分离与整理页面,直接复制CSS代码,就可以使用小图标了,没有外链和图像处理,非常简单高效。
阅读全文…
标签: border, box-shadow, color, css3, css相关, em, font-size, transform, transparent, 图标
发布在 CSS相关 | 16 条评论 »
2019年08月7日 by 张 鑫旭 阅读 17940 次, 今日 6 次
IE/Edge直到叛变到Chrome内核之前,都没有支持CSS resize拉伸,为了让IE/Edge浏览器也能享受CSS resize全身拉伸的quick感,于是我抽空写了个polyfill,效果还不错。
阅读全文…
标签: IE, javascript, polyfill, resize, textarea
发布在 JS实例 | 6 条评论 »
2019年08月6日 by 张 鑫旭 阅读 23896 次, 今日 3 次
是否遇到这样的囧事,修复bug改了代码,结果页面怎么刷新都没有效果,结果尼玛一看,原来刷新的是线上地址,是不是气死人,那有没有什么办法规避这个问题呢?可以试试本地使用风格完全不一样的favicon。
阅读全文…
标签: base64, favicon, html, localStorage, meta, png, rel
发布在 HTML相关 | 20 条评论 »
2019年07月28日 by 张 鑫旭 阅读 30883 次, 今日 6 次
伪类是目前唯一一个可以大规模放心使用的逻辑伪类,非常有用,优点也很突出,但是,其中也不乏一些会让人踩坑的地方,本文主要介绍这几个可能错误认识的地方。
阅读全文…
标签: :is, :not, :where, css相关, disabled, read-only, 伪类
发布在 CSS相关 | 14 条评论 »
2019年07月27日 by 张 鑫旭 阅读 41835 次, 今日 14 次
本文介绍两个与滚动相关的新的API,scrollTo和scrollBy,知识整理下来一看,还算有点用。
阅读全文…
标签: API, element, pageYoffset, scroll, scroll-behavior, scroll-snap-type, scrollBy, scrollTo, window
发布在 JS API | 9 条评论 »
2019年07月19日 by 张 鑫旭 阅读 25112 次, 今日 2 次
如果你的主要工作内容就是重构HTML静态页面,则本文介绍的“魔卡”工具会很适合你。头尾公用,支持简易CSS变量,支持http服务以及JS,CSS合并,都是专门为HTML静态页面开发定制的功能。本工具极简免安装,非常轻量。
阅读全文…
标签: @import, github, html, nodejs, var, 原型, 合并, 工具
发布在 HTML相关, JS实例 | 5 条评论 »
2019年07月7日 by 张 鑫旭 阅读 68279 次, 今日 12 次
音视频播放暂停控制,播放时长获取,播放速率,以及检测什么时候播放结束,当前媒体资源是否处于暂停状态等,都在本文有所介绍,本文就是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 张 鑫旭 阅读 29064 次, 今日 8 次
本文介绍两个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 张 鑫旭 阅读 44495 次, 今日 19 次
本文详细深入介绍HTML favicon尺寸、格式、制作等相关知识,以前以为favicon很简单,但是一旦深入才发现规则之多,需要适配场景之广泛完全出乎预期。
阅读全文…
标签: favicon, link, meta, png, rel, sizes, 图标
发布在 HTML相关 | 10 条评论 »
2019年06月10日 by 张 鑫旭 阅读 29089 次, 今日 6 次
第4届中国前端开发者千人峰会上我做了名为“滤镜与混合模式”主题分享,这里我把分享内容,尤其一些案例和源码整理成文,给需要的人,末尾有分享PPT文件的下载,内容较多,请提前预留足够学习时间。
阅读全文…
标签: background-blend-mode, blur, contrast, darken, difference, drop-shadow, filter, hue-rotate, lighten, mix-blend-mode, screen, soft-light, 我,
发布在 CSS相关 | 12 条评论 »