起初,我以为moveBefore只是一个简单的DOM API,后来发现此特性居然与Web Components开发还有牵连。
阅读全文…
标签:connectedCallback, connectedMoveCallback, createElement, disconnectedCallback, HTMLElement, insertBefore, moveBefore, MutationObserver, parentElement, prototype 发布在 JS API | 没有评论 »
Promise新支持了两个静态方法Promise.try()和Promise.withResolvers(),不知道有多少人知道这两个方法是干嘛用的?
标签:async, Promise, setTimeout, withResolvers 发布在 JS API | 2 条评论 »
还在使用style元素和innerHTML在页面中插入CSS代码吗?试试使用CSSStyleSheet构造函数吧,更灵活更方便。
标签::scope, @media, adoptedStyleSheets, attachShadow, createElement, CSSStyleSheet, replaceSync(), Shadow DOM, text-shadow 发布在 CSS相关, JS API | 2 条评论 »
还在使用document.cookie管理cookie吗?太过时了,现在有专门的Cookie操作API了,就是CookieStore,简单又好用,简直完美!
标签:async, cookie, CookieStore, localStorage, Promise 发布在 JS API | 6 条评论 »
Intl.Segmenter不仅能精准返回Emoji字符的长度,还能实现中文语言的自动分词,分句效果,这个特性比预想的实用的多了。
标签:Collator, DateTimeFormat, emoji字体, Intl, Segmenter, String, textLength 发布在 JS API | 2 条评论 »
RegExp.escape()是所有前端都要熟知的静态函数,用于安全地将字符串转换为正则表达式字面量,目前所有现代浏览器都已经支持。
标签:RegExp, URL, validity, 字符, 字符串, 正则表达式 发布在 JS API | 2 条评论 »
这次介绍的新特性是JS PageSwap PageReveal事件,和View Transitions API一同设计与支持的,有兴趣的了解下。
标签:API, pagereveal, PageRevealEvent, pageswap, PageSwapEvent, transition, View Transitions API, view-timeline, window, 动画 发布在 JS API | 没有评论 »
最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法,如getHTML、setHTMLUnsafe和parseHTMLUnsafe,你都知道这些方法的作用吗?
标签:API, DOMParser, getHTML, innerHTML, parseFromString, parseHTMLUnsafe, setHTMLUnsafe, Shadow DOM, template 发布在 JS API | 2 条评论 »
DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移,据此,我们可以实现更加精确的文本操作交互。
标签:API, caretPositionFromPoint, caretRangeFromPoint, elementsFromPoint, getRangeAt, range 发布在 JS API | 一条评论 »
canvas画布上输入文字并交互,这个需求不知道大家遇到过没有,现在可以试试使用EditContext API,天生就为了这种高级输入编辑体验设计的。
标签:API, canvas, contenteditable, EditContext 发布在 JS API | 3 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee