在Ubuntu14.04上安装Nginx1.10.1和PHP7.0
一、前言
Ubuntu14.04是两年前出的系统了,如果直接用apt-get安装的话,Nginx是1.4的版本,而PHP则是5.5的版本,都是比较老了,如果想安装新一点的版本的话,就得多几道工序。
二、安装Nginx 1.10.1
Nginx有两个开发仓库,一个是mainline,另一个是stable。
mainline仓库包含着Nginx官方最新发布的特性,当这些新特性经过一定时间考验成熟后,就会并入stable仓库也就是稳定版中,在Nginx官网中可以查看两个仓库的最新版本情况:

继续阅读→
阅读全文
页面可见性API
一、是什么
页面可见性API(Page Visibility API)是一个为了让你知道页面当前是否对用户可见而推出的一个HTML5 API。
它由三个部分组成:
1· document.hidden
属性:布尔值,当页面被隐藏时(切换标签或者最小化浏览器时),返回true
2· document.visibilityState
属性:这是一个字符串指示页面的状态,它有四个值
· visible 页面在当前可视范围内
· hidden 页面在后台标签页或浏览器最小化
· prerender 页面在后台标签页或浏览器最小化,但是可以通过某些方式看到预览(例如window系统中把鼠标移到任务栏浏览器图标会浮出一个预览的小窗口)
· unloaded 页面尚未被加载
3· visibilitychange
事件:当用户将页面从可见切换为不可见,或将不可见切换为可见时,触发该事件
根据上面三个部分,可以写出这么一个例子:
继续阅读→
阅读全文
谷歌浏览器 —— 控制台的花样玩法
以往只是用Chrome的控制台console.log()输出调试信息,最近看到一些有趣的控制台输出,又发现了几个hack技能。
一、输出彩色文本
一般console.log()输出的都是黑色的文本,但是Chrome提供了给输出文本自定义样式的功能,它的格式为:
console.log("%c需要输出的信息 ", "css 代码");
例如想要输出彩色文本可以在控制台输入下面代码后回车:
console.log('%c输出彩色文本', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');
效果如下图:

继续阅读→
阅读全文
js事件对象
博客好久没更新了,期末考试折腾了一个月,暑假又玩了一星期,是时候回来写文章了嘿嘿。
现在记忆力已经不像儿时那样的强悍了,有些东西还是得老老实实记下来不断温习。
一、DOM Event 对象
HTML DOM 事件有多种类型,例如鼠标事件、键盘事件、UI事件、触摸事件等等,详见 MDN Event 。
每触发一个HTML DOM 事件时,都会产生一个event对象,这个对象记录了所触发事件的信息,例如事件发生的所在元素、事件的类型、事件的状态等等,本文所谈及的就是HTML DOM 的 Event 对象。
继续阅读→
阅读全文
Linux终端的奇技淫巧
一、召唤一头牛
终端输入
sudo apt-get moo
你会看到终端出现一头跟你打招呼的小牛…“Have you mooed today?”

继续阅读→
阅读全文