遇到了个奇怪的bug,以前一直都没遇到过,怎么回事?仔细研究后发现事情并不简单。
阅读全文…
标签:compositionend, compositionstart, contenteditable, form, input, KeyboardEvent, keyCode, 键盘, 键盘事件 发布在 JS实例 | 15 条评论 »
妈呀,不知不觉中,浏览器竟然支持了这么多的Web后台服务特性,不少API我还是第一次见到。
标签:Background Fetch, download, fetch, Notification, Payment Handler, Push API, Service Workers 发布在 JS API | 10 条评论 »
今天才知道,原来浏览器提供了原生的API用来abort阻断fetch请求(或者 axios 这个JS库发出的请求)。
标签:AbortController, AbortSignal, Ajax, axios, fetch, Promise, XMLHttpRequest 发布在 JS API | 8 条评论 »
今天才知道,原来浏览器有原生的API,可以对二维码、条形码进行解析,使用非常简单!
标签:BarcodeDetector, canvas, ImageBitmap, ImageData, 二维码, 图片, 条形码, 编码, 解码 发布在 JS API | 4 条评论 »
copyWithin()是一个数组内的复制与替换方法,类似C或C++里面的memmove,是个高性能的数据移动方法,其语法需要多看几篇才看得懂。
标签:Array, copyWithin, ES6, slice(), splice(), 数组 发布在 JS API | 3 条评论 »
你所想到的,所需要的JS文本节点处理方法、思路和代码,这里应该都有,查找、分割、合并、选区遍历,标签替换……
标签:append, childNodes, cloneNode, closest, createNodeIterator, createTextNode, getSelection, isEqualNode, isSameNode, node, normalize(), prepend(), replaceChildren, replaceWith(), splitText, Text, 节点 发布在 JS API, JS实例 | 10 条评论 »
图像尺寸拉伸的时候,会在外面有一圈拖拽按钮,大多数开发实现此效果会包裹一层标签,然后定位各个按钮以实现最终效果,我就突发奇想,有没有可能仅仅使用IMG标签,就实现同样的效果呢?
标签:border, border-image, max-width, resize, ResizeObserver, 双指缩放, 图片, 拉伸, 缩放 发布在 JS实例 | 6 条评论 »
如果你有类似划词评论的开发需求,本文内容不容错过,这可是外面很难找到的开发素材,暂时没有遇到类似需求也没关系,可以Star下项目,日后再说。
标签:anchorNode, focusNode, getBoundingClientRect, getRangeAt, getSelection, range, selection, surroundContents, user-select 发布在 JS实例 | 5 条评论 »
在线办公时候 @某某某 然后下拉列表选择,然后高亮,hover此人还有信息是很常见的功能,我都遇到了这样的需求,别人也可能会遇到,于是整理整理,把自己的实现思路封装下,开源给需要的小伙伴。
标签:contenteditable, createRange, getRangeAt, getSelection, textContent, tributejs, user-modify, 文本域 发布在 JS实例 | 5 条评论 »
介绍两个比较新的都带有 all 字样的 JS API,replaceAll 和 matchAll,增强了传统的 replace 和 match 方法的能力,看看自己项目中是不是可以用用。
标签:exec, match, matchAll, RegExp, replace, replaceAll, String, 正则表达式 发布在 JS API | 没有评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee