实在没想到,Web还提供了这种特性,可以让任意自定义元素的行为变得就像原生的form表单元素那样,有点意思啊。
阅读全文…
标签:attachInternals, form, Web Components, 组件, 自定义元素, 表单 发布在 HTML相关, JS API | 4 条评论 »
JS Set对象又新增了N多的API,可以实现对象或数组取交集、合集和差集,以及判断包含与否关系的功能,都是比较使用的API特性。
标签:Array, Object, prototype, Set 发布在 JS API | 没有评论 »
Web浏览器又新增多个Array数组API方法,这些方法在数组处理的同时均不会改变原数组内容,这在Vue、React等开发场景中颇为受用。
标签:API, Array, Array.form, concat(), slice(), splice(), toReversed, toSorted, toSpliced, with() 发布在 JS API | 一条评论 »
Web浏览器提供了原生的Object对象深度克隆方法structuredClone()函数,本以为内容不多,写着写着发现可讲的东西还真不少。
标签:API, cloneNode, copy, getter, json, Object.assign, Object.create, setter, structuredClone 发布在 JS API | 没有评论 »
浏览器支持了一种全新的广播式的跨页面通信Broadcast Channel,此API看起来挺复杂,实际使用下来,简单得超乎想象。
标签:API, BroadcastChannel, iframe, MessageChannel, postMessage, Web Workers, web通信 发布在 JS API | 2 条评论 »
有些前端开发可能还不知道,JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
标签:API, chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU 发布在 JS API | 8 条评论 »
最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件,文本选区变化时候触发,简单记录下,希望日后可以帮到遇到类似需求的同行。
标签:Document, dom, range, selection, selectionchange, 鼠标事件 发布在 JS API | 没有评论 »
介绍几个JS中非常雷同的方法或者语法,不知道诸位是否可知其中的差异?
标签:Array, Object, Object.is, Promise, slice(), substring 发布在 JS API | 2 条评论 »
好消息,所有现代浏览器都已经支持Map.groupBy()、Object.groupBy()静态分组方法了,我们的JavaScript代码又可以进一步简化了。
标签:Array, groupBy, map, Object, WeakMap 发布在 JS API | 5 条评论 »
Chrome和Firefox浏览器都已经支持scrollend滚动停止事件了,快进来瞅瞅吧。
标签:DOMMouseScroll, scroll, scrollBy, scrollend, scrollTo, 滚动 发布在 JS API | 5 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee