文章关键字 ‘link’

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

2023年10月29日,星期日

封面图

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

阅读全文…

利用废弃的html rel import实现页面include功能

2021年07月22日,星期四

HTML代码片段

太好了,HTML imports被废弃了,我可以放心使用这个语法实现HTML include功能了,从此静态页面也可以有公用头部和尾部啦。

阅读全文…

如何使用JS把相对地址变成绝对地址?

2020年01月17日,星期五

文章头图

本文介绍两种把相对路径变成绝对路径的JS方法,都非常简单快捷,还有其他优缺点大家可以根据实际场景选择合适的方法。

阅读全文…

实现a元素href URL链接自动刷新或新窗口打开

2019年10月13日,星期日

新窗口智能打开占位图

有个前端都必须知道的体验增强小技能,就是优化新窗口打开的交互体验,已经打开的页面直接刷新,不在重复开选项卡标签页,如何实现呢?其实很简单,并不需要JS的参与,HTML本身特性就可以实现这样的需求。

阅读全文…

是时候了,无外链的CSS开发策略

2019年08月17日,星期六

无外链的CSS开发

是时候了,如果你的项目不需要兼容IE8浏览器,则试试贯彻下面这条CSS开发策略:CSS文件永无外链!好处多多哟。

阅读全文…

详细介绍HTML favicon尺寸 格式 制作等相关知识

2019年06月15日,星期六

本文详细深入介绍HTML favicon尺寸、格式、制作等相关知识,以前以为favicon很简单,但是一旦深入才发现规则之多,需要适配场景之广泛完全出乎预期。

阅读全文…

HTML rel属性值释义大全

2019年06月3日,星期一

本文介绍HTML中33个rel属性值及其对应的含义,这33个属性值各有千秋,涵盖web开发方方面面,或SEO或功能开发或性能优化等,阅读前请预留足够的时间。

阅读全文…

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

2019年02月25日,星期一

换脸换肤占位图

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

阅读全文…