“Web综合”目录存档

聊聊Web网页中资源加载的优先级

2023年10月29日,星期日

封面图

想要提高网页的加载体验,其实有个非常简单且实用的技巧,那就是改变请求资源的加载优先级,这也可以改变?没错!

阅读全文…

做了个纯前端JPG/PNG尺寸缩放+压缩的在线工具

2023年09月5日,星期二

封面图

相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。

阅读全文…

Web referrer策略详解与防盗链图片的显示

2023年08月29日,星期二

遛狗封面图

一个看似简单的HTML属性的底下,可能是一座巨大的冰山,referrer及其相关特性就是如此。

阅读全文…

AI代码辅助工具codeium和copilot在前端表现对比

2023年04月23日,星期日

chatGpt封面图

Codeium官方说自己哪哪都比GitHub Copilot强,我倒要看看,Codeium究竟是吹牛,还是真的深藏不露。

阅读全文…

聊聊:autofill和autocomplete自动填充

2022年09月19日,星期一

表单填充示意

不知道大家有没有遇到autocomplete off无效,或者需要重置浏览器表单自动填充样式的需求,本文就将带大家聊聊背后相关的知识。

阅读全文…

polyfill、ponyfill、prollyfill傻傻分不清楚

2021年08月8日,星期日

马儿素描

相信不少人知道polyfill的意思,那么ponyfill、prollyfill以及nottifill这几个词是什么意思呢?本文会解答相关的疑问。

阅读全文…

巧用两个type=range input实现区域范围选择

2021年02月11日,星期四

封面图占位图-区域范围选择

type=range类型输入框UI自定义兼容性很好很实用,但是只是单值选择,有没有可能直接两个拖拽按钮实现范围选择呢?可以的,活用CSS即可,JS只需做一点微小的支持。

阅读全文…

细说iOS Safari下focus的行为

2020年10月26日,星期一

封面图占位图

iOS Safari浏览器下的focus行为和其他浏览器都一些明显不一致的地方,有时候会给开发带来困扰,这里就说说相关的细节知识,均源自于自己日常开发,希望可以给遇到类似问题的前端同行带来帮助。

阅读全文…

HTML audio基础API完全使用指南

2019年07月7日,星期日

Audio基础API大全

音视频播放暂停控制,播放时长获取,播放速率,以及检测什么时候播放结束,当前媒体资源是否处于暂停状态等,都在本文有所介绍,本文就是audio/video元素各类基础API完全介绍,总能找到你需要的东西。

阅读全文…

link rel=alternate网站换肤功能最佳实现

2019年02月25日,星期一

换脸换肤占位图

大多数前端开发人员实现网站换肤功能要么使用一个全局class控制样式切换,要么改变皮肤link元素的href地址。实际上,浏览器中有HTML属性原生支持网站换肤功能,兼容性好,语义化,体验也好,可谓是换肤功能最佳实现了。

阅读全文…