2024年07月23日 by 张 鑫旭 阅读 11858 次, 今日 12 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 11 条评论 »
2025年04月29日 by 张 鑫旭 阅读 707 次, 今日 371 次
你还在使用transform属性实现变换效果吗？大人，时代变了，试试直接使用scale, rotate, translate属性吧，谁用谁喜欢。
阅读全文…
标签： @keyframes, rotate, scale, transform, translate
发布在 CSS相关 | 4 条评论 »
2025年04月28日 by 张 鑫旭 阅读 905 次, 今日 107 次
<template>元素新支持了shadowrootmode、shadowrootserializable等4个新的HTML属性，花1~2分钟音速了解下他们的作用吧。
阅读全文…
标签： attachShadow, html, Shadow DOM, shadowrootmode, shadowrootserializable, template, Web Components
发布在 HTML相关 | 没有评论 »
2025年04月24日 by 张 鑫旭 阅读 1666 次, 今日 25 次
最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法，如getHTML、setHTMLUnsafe和parseHTMLUnsafe，你都知道这些方法的作用吗？
阅读全文…
标签： API, DOMParser, getHTML, innerHTML, parseFromString, parseHTMLUnsafe, setHTMLUnsafe, Shadow DOM, template
发布在 JS API | 一条评论 »
2025年04月14日 by 张 鑫旭 阅读 2191 次, 今日 16 次
DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移，据此，我们可以实现更加精确的文本操作交互。
阅读全文…
标签： API, caretPositionFromPoint, caretRangeFromPoint, elementsFromPoint, getRangeAt, range
发布在 JS API | 一条评论 »
2025年04月6日 by 张 鑫旭 阅读 2439 次, 今日 16 次
canvas画布上输入文字并交互，这个需求不知道大家遇到过没有，现在可以试试使用EditContext API，天生就为了这种高级输入编辑体验设计的。
阅读全文…
标签： API, canvas, contenteditable, EditContext
发布在 JS API | 2 条评论 »
2025年03月27日 by 张 鑫旭 阅读 2634 次, 今日 14 次
本文介绍一个全新的HTML特性blocking属性，与页面渲染，资源加载、用户体验相关，有兴趣的可以进来了解下是干嘛用的。
阅读全文…
标签： blocking, DOMTokenList, html, link, style
发布在 HTML相关 | 5 条评论 »
2025年03月23日 by 张 鑫旭 阅读 2623 次, 今日 10 次
实在没想到，Web还提供了这种特性，可以让任意自定义元素的行为变得就像原生的form表单元素那样，有点意思啊。
阅读全文…
标签： attachInternals, form, Web Components, 组件, 自定义元素, 表单
发布在 HTML相关, JS API | 5 条评论 »
2025年03月17日 by 张 鑫旭 阅读 3035 次, 今日 14 次
东西学太多，居然忘记了::first-line伪元素可以在不改变元素color上下文的情况下变色，可谓铁树开花焕发第二春。
阅读全文…
标签： ::first-line, loading, text-fill-color, transparent
发布在 CSS相关 | 5 条评论 »
2025年03月9日 by 张 鑫旭 阅读 3152 次, 今日 12 次
CSS @supports规则新增两个特性判断，分别是font-tech()和font-format()函数，都来看看是什么作用吧~
阅读全文…
标签： @font-palette-values, @supports, font-feature-settings, font-plattle, Safari
发布在 CSS相关 | 3 条评论 »
2025年03月5日 by 张 鑫旭 阅读 3467 次, 今日 13 次
好消息，CSS路径动画属性offset-path目前所有现代浏览器都支持了，包括基本形状函数，Web端动效又添一利器。
阅读全文…
标签： circle(), clip-path, ellipse(), inset(), offset-distance, offset-path, ray(), rect, xywh()
发布在 CSS相关 | 4 条评论 »
我的应用
我的应用