2019年10月16日 by 张 鑫旭 阅读 93148 次, 今日 18 次
《CSS选择器世界》是我正式出版的第二本技术书籍，关于这本书，我有一些话想要和大家说……
阅读全文…
标签： css3, css相关, 选择器
发布在 CSS相关 | 71 条评论 »
2021年07月26日 by 张 鑫旭 阅读 1838 次, 今日 80 次
HTML <picture>元素还是很实用的，带大家了解下，顺便讲讲为什么这个HTML属性平时项目开发很少见人使用。
阅读全文…
标签： @media, html, object-fit, picture, sizes, srcset
发布在 HTML相关 | 6 条评论 »
2021年07月26日 by 张 鑫旭 阅读 1498 次, 今日 42 次
分享一点关于Web中空格排版的小知识，希望对大家的学习有所帮助。
阅读全文…
标签： css相关, nowrap, pre-wrap, white-space, 字符换行, 空格
发布在 CSS相关 | 4 条评论 »
2021年07月24日 by 张 鑫旭 阅读 929 次, 今日 24 次
在前端同行的提醒下，了解了下ogv.js解码webM视频，也就是使用canvas播放webM视频，可以让iOS，iPhone播放webM视频，但是，我的主要目的是解决Android原生video 视频层级问题的。
阅读全文…
标签： mp4, video, WebAssembly, webM, 视频
发布在 JS实例 | 3 条评论 »
2021年07月22日 by 张 鑫旭 阅读 1510 次, 今日 27 次
太好了，HTML imports被废弃了，我可以放心使用这个语法实现HTML include功能了，从此静态页面也可以有公用头部和尾部啦。
阅读全文…
标签： attributeChangedCallback, customElements, html, imports, link, rel, Web Components
发布在 HTML相关, JS实例 | 4 条评论 »
2021年07月11日 by 张 鑫旭 阅读 2110 次, 今日 20 次
虽然CSS中有专门实现投影或者模糊效果的CSS属性，但是由于语法限制以及兼容性限制等原因，这些CSS并不能覆盖所有效果，此时可以借助SVG滤镜“曲线救国”。
阅读全文…
标签： backdrop-filter, drop-shadow, feComposite, feGaussianBlur, filter, SVG, SVG滤镜, 模糊, 滤镜
发布在 SVG相关 | 3 条评论 »
2021年07月1日 by 张 鑫旭 阅读 3908 次, 今日 26 次
本文详细介绍JS中的Reflect对象，与Proxy代理之间的关系，内容详实，应该可以学到点东西。
阅读全文…
标签： apply, defineProperty, deleteProperty, ES6, getOwnPropertyDescriptor, isExtensible, Object, prototype, proxy, Reflect
发布在 JS API | 6 条评论 »
2021年06月27日 by 张 鑫旭 阅读 3000 次, 今日 23 次
最近接到一个需求，需要判断图片是不是视觉上颜色看起来相似，还是色彩丰富，一番尝试下来，最终效果还不错，已开源，有demo，相信可以帮到大家。
阅读全文…
标签： canvas, RGB, 取色, 图像处理, 颜色相似度, 颜色转换
发布在 Canvas相关 | 9 条评论 »
2021年06月14日 by 张 鑫旭 阅读 4620 次, 今日 35 次
本文介绍如何使用纯CSS方法，实现某个元素在水平滚动的时候跟着滚，垂直滚动的时候固定效果，反之同样适用，丰富demo，有视频效果示意，希望可以帮到您的学习。
阅读全文…
标签： css相关, position, sticky, 滚动, 滚动条, 粘性定位, 表格
发布在 CSS相关 | 8 条评论 »
2021年05月30日 by 张 鑫旭 阅读 4696 次, 今日 24 次
HTML中有个属性draggable可以设置元素能否拖拽，那么CSS中有没有什么属性可以设置元素的拖拽权限呢？
阅读全文…
标签： -webkit-user-drag, css相关, draggable, user-modify, user-select, 拖拽
发布在 CSS相关 | 6 条评论 »
2021年05月30日 by 张 鑫旭 阅读 5550 次, 今日 71 次
本文展示大量使用HTML hr标签实现的分隔线效果，语义好，效果也好，直接复制粘贴就能使用，进来看看CSS + hr标签能玩出什么花吧~
阅读全文…
标签： border-image, hr, html, mask-image, radial-gradient, repeating-linear-gradient, 波浪线, 虚线, 边框
发布在 CSS相关, HTML相关 | 8 条评论 »
我的应用
我的应用