2023年09月12日 by 张 鑫旭 阅读 9699 次, 今日 11 次
坚持探索Web标准下的原生浏览器开发行为,行为驱动和数据驱动的表单开发其实各有千秋,深入HTML,你会发现这个世界比你所知的要精彩的多。
阅读全文…
标签: counter-reset, css reset, form, HTML元素, input
发布在 HTML相关, JS实例 | 8 条评论 »
2023年09月5日 by 张 鑫旭 阅读 18178 次, 今日 24 次
相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。
阅读全文…
标签: download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩
发布在 Web综合 | 24 条评论 »
2023年08月30日 by 张 鑫旭 阅读 7014 次, 今日 12 次
一开始看到registerProtocolHandler()方法老激动了,以为又发现了个好玩具,谁知深入体验了一番之后……呵呵~
阅读全文…
标签: API, github, href, HTTP协议, registerPaint, registerProperty, registerProtocolHandler, URLSearchParams
发布在 JS API | 2 条评论 »
2023年08月29日 by 张 鑫旭 阅读 17835 次, 今日 18 次
一个看似简单的HTML属性的底下,可能是一座巨大的冰山,referrer及其相关特性就是如此。
阅读全文…
标签: crossOrigin, meta, noreferrer, referrer, referrerpolicy, rel
发布在 Web综合 | 2 条评论 »
2023年08月27日 by 张 鑫旭 阅读 10595 次, 今日 27 次
Performance和PerformanceObserver,用户 Timing API,哦,学不完,根本学不完,这两周抽时间好好研究了一番,终于了解了个大概了?,特此记录下。
阅读全文…
标签: IntersectionObserver, MutationObserver, Paint API, Performance, PerformanceObserver, ResizeObserver, 前端性能
发布在 JS API | 5 条评论 »
2023年08月10日 by 张 鑫旭 阅读 9273 次, 今日 16 次
nonce可以用来决定哪些内联JS执行,popover可以无JS实现浮层弹出层交互效果。
阅读全文…
标签: Content-Security-Policy, crypto, dialog, html, meta, nonce, popover, unsafe-inline, XSS攻击
发布在 HTML相关 | 7 条评论 »
2023年07月31日 by 张 鑫旭 阅读 9310 次, 今日 11 次
今天好好了解了下kbd、var、samp等HTML,发现以前表示前端源代码的方式简单且浅薄了。
阅读全文…
标签: code, HTML元素, kbd, pre-wrap, samp, var
发布在 HTML相关 | 2 条评论 »
2023年07月25日 by 张 鑫旭 阅读 12863 次, 今日 9 次
没想到,以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。
阅读全文…
标签: nowrap, text-wrap, wbr, white-space, 文字排版
发布在 CSS相关 | 8 条评论 »
2023年07月20日 by 张 鑫旭 阅读 20355 次, 今日 12 次
同样的布局效果,在2017年、2021年和2023年有着不同的实现,代码愈发的简洁高效,一起来看看CSS的发展对Web开发的帮助吧。
阅读全文…
标签: @container, aspect-ratio, cqw, flex布局, float, padding, 布局
发布在 CSS相关 | 12 条评论 »
2023年06月30日 by 张 鑫旭 阅读 9286 次, 今日 4 次
我发现,有个CSS三角函数之后,以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了,代码简洁了不少。
阅读全文…
标签: atan(), cos(), CSS函数, CSS变量, CSS数学函数, hypot(), sin(), 三角
发布在 CSS相关 | 4 条评论 »