使用 Git Hook 自动部署 Hexo 到个人 VPS
CentOS 升级 Git 到最新版本
CentOS 上的 Git 最新版本只有1.8.3,因此我们需要自己重新安装一遍 。
卸载旧版本 Git
1 | # 安装 Development tools |
CentOS 上的 Git 最新版本只有1.8.3,因此我们需要自己重新安装一遍 。
1 | # 安装 Development tools |
当我们通过某些行为(点击、移动或滚动)触发页面进行大面积绘制的时候,浏览器往往是没有准备的,只能被动使用CPU去计算与重绘,由于没有事先准备,应付渲染够呛,于是掉帧、卡顿。而 will-change
则是真正的行为触发之前告诉浏览器:“浏览器同学,我待会儿就要变形了,你心理和生理上都准备准备”。于是乎,浏览器同学把GPU给拉上了,从容应对即将到来的变形。而CSS属性 will-change 为web开发者提供了一种告知浏览器该元素会有哪些变化的方法,这样浏览器可以在元素属性真正发生变化之前提前做好对应的优化准备工作。 这种优化可以将一部分复杂的计算工作提前准备好,使页面的反应更为快速灵敏。本文将介绍CSS属性 will-change 。
GPU是图形处理器,专门处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的,使得CPU从图形处理的任务中解放出来,可以执行其他更多的系统任务。
所谓硬件加速,就是在计算机中把计算量非常大的工作分配给专门的硬件来处理,减轻CPU的工作量。
CSS的动画、变形、渐变并不会自动触发GPU加速,而是使用浏览器稍慢的软件渲染引擎。在 transition
、 transform
和 animation
的世界里,应该卸载进程到GPU以加速速度。只有3D变形会有自己的layer,而2D变形则不会。
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各式各样的需求,会经常性地在本地存储大量的数据。传统方式我们是以document.cookie来进行存储的,但是由于cookie的存储大小只有4k左右,并且解析也相当的复杂,每一次发送请求还会携带上cookie,这不仅会造成带宽的浪费,还会给开发者带来诸多不便。在此窘境下,HTML5规范提出了新的解决方案——Web存储。Web存储是将数据存储到用户的电脑上,这样不仅可以缓解服务器压力,同时也提高了用户体验。在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。