起初以为只是个小需求,实现JS复制图片到剪切板,直到深入了解,才发现,原来涉及到那么多知识,真是不虚此学。
阅读全文…
标签:base64, Blob, clipboardData, drawImage, FileReader, paste, png, 图片上传 发布在 JS实例 | 16 条评论 »
自己体验了下,出乎意料,HTML elementtiming属性在性能监控这块,比预想的要实用的多。
标签:background-image, elementtiming, html, PerformanceObserver, 性能 发布在 HTML相关 | 2 条评论 »
坚持探索Web标准下的原生浏览器开发行为,行为驱动和数据驱动的表单开发其实各有千秋,深入HTML,你会发现这个世界比你所知的要精彩的多。
标签:counter-reset, css reset, form, HTML元素, input 发布在 HTML相关, JS实例 | 8 条评论 »
相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。
标签:download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩 发布在 Web综合 | 24 条评论 »
一开始看到registerProtocolHandler()方法老激动了,以为又发现了个好玩具,谁知深入体验了一番之后……呵呵~
标签:API, github, href, HTTP协议, registerPaint, registerProperty, registerProtocolHandler, URLSearchParams 发布在 JS API | 2 条评论 »
一个看似简单的HTML属性的底下,可能是一座巨大的冰山,referrer及其相关特性就是如此。
标签:crossOrigin, meta, noreferrer, referrer, referrerpolicy, rel 发布在 Web综合 | 2 条评论 »
Performance和PerformanceObserver,用户 Timing API,哦,学不完,根本学不完,这两周抽时间好好研究了一番,终于了解了个大概了?,特此记录下。
标签:IntersectionObserver, MutationObserver, Paint API, Performance, PerformanceObserver, ResizeObserver, 前端性能 发布在 JS API | 5 条评论 »
nonce可以用来决定哪些内联JS执行,popover可以无JS实现浮层弹出层交互效果。
标签:Content-Security-Policy, crypto, dialog, html, meta, nonce, popover, unsafe-inline, XSS攻击 发布在 HTML相关 | 7 条评论 »
今天好好了解了下kbd、var、samp等HTML,发现以前表示前端源代码的方式简单且浅薄了。
标签:code, HTML元素, kbd, pre-wrap, samp, var 发布在 HTML相关 | 2 条评论 »
没想到,以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。
标签:nowrap, text-wrap, wbr, white-space, 文字排版 发布在 CSS相关 | 8 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee