有时候看起来没什么卵用的脑洞想法说不定关键时候可以帮大忙,解决棘手问题,或者满足稀奇古怪的需求。???
阅读全文…
标签:clipboardData, copy, order, sort, 中文字体, 文字, 随机 发布在 JS实例 | 12 条评论 »
突发奇想给自己想了个需求, 抽时间研究并实现了下,作为日后的技术储备,等待厚积薄发。
标签:bezierCurveTo, canvas, pointer-events, quadraticCurveTo, 图形生成, 贝塞尔曲线 发布在 Canvas相关, JS实例 | 6 条评论 »
遇到了个奇怪的bug,以前一直都没遇到过,怎么回事?仔细研究后发现事情并不简单。
标签:compositionend, compositionstart, contenteditable, form, input, KeyboardEvent, keyCode, 键盘, 键盘事件 发布在 JS实例 | 15 条评论 »
你所想到的,所需要的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 条评论 »
相似内核但语义不同的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