2019年10月16日 by 张 鑫旭 阅读 23662 次, 今日 10 次
《CSS选择器世界》是我正式出版的第二本技术书籍，关于这本书，我有一些话想要和大家说……
阅读全文…
标签： css3, css相关, 选择器
发布在 CSS相关 | 45 条评论 »
2020年03月21日 by 张 鑫旭 阅读 2964 次, 今日 18 次
波浪线效果CSS 径向渐变可以绘制，SVG也可以实现，这里介绍另外一个自己想到的实现方法，使用text-decoration实现宽度100%波浪线效果，易理解易上手，尺寸可控，颜色可控。
阅读全文…
标签： content, css相关, letter-spacing, text-decoration, vw, white-space, 径向渐变, 波浪线
发布在 CSS相关 | 3 条评论 »
2020年03月18日 by 张 鑫旭 阅读 2115 次, 今日 6 次
先介绍overflow-wrap属性，再介绍overflow-wrap新出了一个属性值anywhere，说不定在以后文字排版布局时候用得上。
阅读全文…
标签： anywhere, break-all, CJK文本, css相关, overflow-wrap, word-break, word-wrap, 字符换行
发布在 CSS相关 | 2 条评论 »
2020年03月12日 by 张 鑫旭 阅读 2751 次, 今日 6 次
关于Emoji字体你可能不知道的一些知识，顺便简单介绍了下彩色字体标准之一的OpenType SVG字体的一些知识。
阅读全文…
标签： emoji字体, font-face, font-family, font-feature-settings, OpenType-SVG, Segoe UI, system-ui, unicode-range
发布在 CSS相关 | 3 条评论 »
2020年03月8日 by 张 鑫旭 阅读 3104 次, 今日 4 次
JS ResizeObserver这个全新的API可以用来观察与检测DOM元素尺寸的变化，很多以前不好实现的需求这下有了高性能高质量的解决方案了。
阅读全文…
标签： borderBoxSize, content-box, contentBoxSize, contentRect, DOMRect, javascript, MutationObserver, resize, ResizeObserver, textarea, 数据埋点
发布在 JS API | 5 条评论 »
2020年03月7日 by 张 鑫旭 阅读 3177 次, 今日 5 次
sticky粘性定位规则比较复杂，涉及“流盒”（flow box）和“粘性约束矩形”等概念，如果不搞清楚原理，是无法明白明明设置了粘性定位样式却没有效果的原因的。
阅读全文…
标签： bottom, css相关, flow box, left, position, right, sticky, top, 定位, 流盒, 滚动, 粘性定位, 粘性约束矩形
发布在 CSS相关 | 7 条评论 »
2020年02月27日 by 张 鑫旭 阅读 2223 次, 今日 3 次
关于3D LUT滤镜原理的资料很少，或者原理讲得根本就不清楚，里面的一串数字怎么变成颜色的开发者全然不知，本文就通过真实例子一步一步带你剖析RGB色值是如何通过Cube等滤镜变成另外的颜色的。
阅读全文…
标签： 3D LUT, 3dl, canvas, cube, RGB, 滤镜, 颜色
发布在 JS相关 | 3 条评论 »
2020年02月13日 by 张 鑫旭 阅读 5671 次, 今日 9 次
介绍两种我常用的将CSS媒体查询信息传递给JS的方法，一种是伪元素+content属性发，一种是CSS var自定义属性方法，这样传参有助于降低开发成本，让CSS和JS在一些条件信息上保持一致。
阅读全文…
标签： @media, any-hover, css var, CSS变量, hover, prefers-color-scheme, screen, var
发布在 CSS相关, JS实例 | 15 条评论 »
2020年02月12日 by 张 鑫旭 阅读 2099 次, 今日 1 次
CSS @supports规则现在不仅支持CSS新的属性或者属性值的检测，还支持selector选择器的检测，真是越来越强大了，语法很简单，但是还是有一些需要注意的细节知识。
阅读全文…
标签： :default, :is, :target-within, @supports, nth-child, selector, 选择器
发布在 CSS相关 | 一条评论 »
2020年01月31日 by 张 鑫旭 阅读 4651 次, 今日 3 次
不是流水文档，每一个全局HTML属性都有专门demo页面研究测试其作用，干货和信息量非常大，请预留足够多时间阅读文本，你会学到很多HTML全局新特性。
阅读全文…
标签： ::part, accesskey, autocapitalize, classList, contenteditable, customElements, dataset, direction, draggable, exportparts, inputmode, lang, Shadow DOM, slot, spellcheck
发布在 HTML相关 | 5 条评论 »
2020年01月17日 by 张 鑫旭 阅读 4037 次, 今日 4 次
本文介绍两种把相对路径变成绝对路径的JS方法，都非常简单快捷，还有其他优缺点大家可以根据实际场景选择合适的方法。
阅读全文…
标签： absolute, href, javascript, js相关, link, location, rel, relation, URL, 相对地址, 相对路径, 绝对地址, 绝对路径
发布在 JS实例 | 8 条评论 »
我的应用
我的应用