前端性能优化一直都是一个值得讨论和深究的问题,上有 Yahoo 经典 14 条优化军规,下有 O’Reilly 出版的两本性能优化圣经《高性能网站建设指南》、《高性能网站建设进阶指南》。它们的出现,让 Web 应用的性能在 HTTP 1.x 时代大放异彩,而即将步入 HTTP 2.0 时代,有哪些新的手段可以采用,又有哪些老的手段将不再适用?本文将从一个前端初学者的角度,整理并分析开来。
初探 HTTP 2.0
发表于
HTTP 2.0 的出现,相比于 HTTP 1.x ,大幅度的提升了 web 性能。在与 HTTP/1.1 完全语义兼容的基础上,进一步减少了网络延迟。而对于前端开发人员来说,无疑减少了在前端方面的优化工作。本文将对 HTTP 2.0 协议 个基本技术点进行总结,联系相关知识,探索 HTTP 2.0 是如何提高性能的。
修复 NPM 的权限问题
发表于
解决使用 NPM 全局安装(npm install -g xxx) 相关 Package 时提示 EACCES error 的权限问题。
错误的原因,通常是因为当前用户没有相关安装目录的写入权限。
CSS3 target 伪类实现 Tab 标签切换
发表于
:target 是 CSS3 中新增的一个伪类,用以匹配当前页面的 URI 中某个标志符的目标元素。简单来说,当前页面 URL 下添加 #news
就会定位到 id=“news”
的位置,使用 :target 伪类可以像 :hover 等伪类一样对目标元素定义样式。
Vimium:全键盘操控 Chrome 网页
发表于
作为提升工作效率的全键盘操控 Chrome 的扩展神器,学会了如何运用它,效率提升的不是一倍两倍。