今天才知道,原来浏览器有原生的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 | 没有评论 »
相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。
标签:class, customElements, extends, Shadow DOM, slot, Web Components, 继承, 自定义元素 发布在 JS实例 | 4 条评论 »
原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!
标签:history, scrollRestoration, scrollTo, scrollTop, URL, 刷新, 滚动 发布在 JS API, JS实例 | 13 条评论 »
本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。
标签:encode, Unicode编码, 二维码, 加密, 图像处理, 条形码, 编码, 解密 发布在 JS实例 | 6 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee