起初以为只是个小需求，实现JS复制图片到剪切板，直到深入了解，才发现，原来涉及到那么多知识，真是不虚此学。
阅读全文…
标签：base64, Blob, clipboardData, drawImage, FileReader, paste, png, 图片上传 发布在 JS实例 | 7 条评论 »
坚持探索Web标准下的原生浏览器开发行为，行为驱动和数据驱动的表单开发其实各有千秋，深入HTML，你会发现这个世界比你所知的要精彩的多。
标签：counter-reset, css reset, form, HTML元素, input 发布在 HTML相关, JS实例 | 4 条评论 »
一开始看到registerProtocolHandler()方法老激动了，以为又发现了个好玩具，谁知深入体验了一番之后……呵呵~
标签：API, github, href, HTTP协议, registerPaint, registerProperty, registerProtocolHandler, URLSearchParams 发布在 JS API | 2 条评论 »
Performance和PerformanceObserver，用户 Timing API，哦，学不完，根本学不完，这两周抽时间好好研究了一番，终于了解了个大概了🙊，特此记录下。
标签：IntersectionObserver, MutationObserver, Paint API, Performance, PerformanceObserver, ResizeObserver, 前端性能 发布在 JS API | 3 条评论 »
如果你遇到需要纯前端导出PDF文件的需求，本文百分之一万对你的实现有所帮助。
标签：canvas, export, fetch, FileReader, html2canvas, jsPDF, PDF, 跨域 发布在 JS实例 | 22 条评论 »
本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
标签：audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频 发布在 JS实例 | 9 条评论 »
ImageDecoder是浏览器支持的原生API，可以对GIF动图进行逐帧解析渲染，播放控制，图像处理，水印添加等，都不在话下。
标签：APNG, canvas, gif, ImageDecoder, libgif, WebCodecs 发布在 JS API | 6 条评论 »
有时候看起来没什么卵用的脑洞想法说不定关键时候可以帮大忙，解决棘手问题，或者满足稀奇古怪的需求。😎😎😎
标签：clipboardData, copy, order, sort, 中文字体, 文字, 随机 发布在 JS实例 | 11 条评论 »
突发奇想给自己想了个需求， 抽时间研究并实现了下，作为日后的技术储备，等待厚积薄发。
标签：bezierCurveTo, canvas, pointer-events, quadraticCurveTo, 图形生成, 贝塞尔曲线 发布在 Canvas相关, JS实例 | 4 条评论 »
遇到了个奇怪的bug，以前一直都没遇到过，怎么回事？仔细研究后发现事情并不简单。
标签：compositionend, compositionstart, contenteditable, form, input, KeyboardEvent, keyCode, 键盘, 键盘事件 发布在 JS实例 | 13 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用