2023年02月8日 by 张 鑫旭 阅读 19590 次, 今日 9 次
遇到了个奇怪的bug，以前一直都没遇到过，怎么回事？仔细研究后发现事情并不简单。
阅读全文…
标签： compositionend, compositionstart, contenteditable, form, input, KeyboardEvent, keyCode, 键盘, 键盘事件
发布在 JS实例 | 15 条评论 »
2023年02月6日 by 张 鑫旭 阅读 20118 次, 今日 8 次
介绍个我认为最好的固定居中定位的CSS实现，以及展示transform内fixed固定定位失效的解决方法，你说不定哪天就会用到。
阅读全文…
标签： absolute, margin:auto, position, sticky, 固定定位, 粘性定位, 绝对定位
发布在 CSS相关 | 9 条评论 »
2023年01月30日 by 张 鑫旭 阅读 15555 次, 今日 5 次
妈呀，不知不觉中，浏览器竟然支持了这么多的Web后台服务特性，不少API我还是第一次见到。
阅读全文…
标签： Background Fetch, download, fetch, Notification, Payment Handler, Push API, Service Workers
发布在 JS API | 10 条评论 »
2023年01月17日 by 张 鑫旭 阅读 11921 次, 今日 10 次
今天才知道，原来浏览器提供了原生的API用来abort阻断fetch请求（或者 axios 这个JS库发出的请求）。
阅读全文…
标签： AbortController, AbortSignal, Ajax, axios, fetch, Promise, XMLHttpRequest
发布在 JS API | 8 条评论 »
2023年01月7日 by 张 鑫旭 阅读 20570 次, 今日 6 次
今天才知道，原来浏览器有原生的API，可以对二维码、条形码进行解析，使用非常简单！
阅读全文…
标签： BarcodeDetector, canvas, ImageBitmap, ImageData, 二维码, 图片, 条形码, 编码, 解码
发布在 JS API | 4 条评论 »
2022年12月28日 by 张 鑫旭 阅读 9067 次, 今日 5 次
copyWithin()是一个数组内的复制与替换方法，类似C或C++里面的memmove，是个高性能的数据移动方法，其语法需要多看几篇才看得懂。
阅读全文…
标签： Array, copyWithin, ES6, slice(), splice(), 数组
发布在 JS API | 3 条评论 »
2022年12月18日 by 张 鑫旭 阅读 17905 次, 今日 6 次
原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地，最近发现，CSS逻辑属性还有简写的作用，这可牛逼坏了~
阅读全文…
标签： border-block, CSS逻辑属性, direction, inset(), margin-block, margin-inline, text-orientation, writing-mode
发布在 CSS相关 | 8 条评论 »
2022年11月30日 by 张 鑫旭 阅读 15593 次, 今日 7 次
你所想到的，所需要的JS文本节点处理方法、思路和代码，这里应该都有，查找、分割、合并、选区遍历，标签替换……
阅读全文…
标签： append, childNodes, cloneNode, closest, createNodeIterator, createTextNode, getSelection, isEqualNode, isSameNode, node, normalize(), prepend(), replaceChildren, replaceWith(), splitText, Text, 节点
发布在 JS API, JS实例 | 10 条评论 »
2022年11月20日 by 张 鑫旭 阅读 12001 次, 今日 1 次
图像尺寸拉伸的时候，会在外面有一圈拖拽按钮，大多数开发实现此效果会包裹一层标签，然后定位各个按钮以实现最终效果，我就突发奇想，有没有可能仅仅使用IMG标签，就实现同样的效果呢？
阅读全文…
标签： border, border-image, max-width, resize, ResizeObserver, 双指缩放, 图片, 拉伸, 缩放
发布在 JS实例 | 6 条评论 »
2022年11月6日 by 张 鑫旭 阅读 10480 次, 今日 4 次
介绍在Web布局中，我所知道的与倒序排列，或反向布局，或任意位置设置相关的属性和技术，肯定还有其他策略，欢迎补充。
阅读全文…
标签： animation-direction, direction, flex-direction, grid-auto-flow, order, reversed
发布在 CSS相关 | 8 条评论 »
我的应用
我的应用