任平生的学习笔记

任平生的学习笔记,记录平常点滴

Mac OS X 启用 Web 服务器

原文: Get Apache, MySQL, PHP and phpMyAdmin working on OSX 10.9 Mavericks Update: 2014/10/28 修改文章添加在 Yosemite 上开启 Web Server 的步骤 Mac OS X 10.9 依旧预装了 Apache ,但是已经不能在 「系统偏好设置」中的「Web 共享」来开启了,需要手动通过命令行...

使用 Droplr 图片地址

Markdown 写东西,配合 Droplr 上传图片使用,真是太方便了。 使用 Droplr 上传图片后,会自动获得一个 URL,如: http://d.pr/i/uw3d 。不过这个 URL 是页面而不是图片的,要想在 Markdwon 中使用,只需在这个地址最后加一个 + 即可: http://d.pr/i/uw3d+ 代码: ![image alt](http://d.pr/i...

给网址最后添加斜杠

如果可能,应尽量给 URL 的最后加上一个斜杠 / 比如我们在浏览器里打开 http://v.qq.com/tv , 会先 301 重定向到 http://v.qq.com/tv/ 然后才开始请求页面内容资源 这样不仅白白耗费一次服务器请求响应,而且让页面响应时间慢了 146 毫秒 (以截图为例)。此外,不一致的 URL 也不利于 SEO。 原因: http://v.qq.c...

伪元素 ::selection 的现状与未来

伪元素 ::selection 用来定义反选的样式,一般写法如下: ::-moz-selection{ color: white; background: hotpink; } ::selection{ color: white; background: hotpink; } 除了 IE6-8,其他现代浏览均支持这段CSS。Firefox 是唯一...

修改 Chrome 搜索默认使用 Google.com

修改 Chrome 搜索默认使用 Google.com 首先关闭所有 Chrome 窗口,然后按一下操作: Windows: 转到目录 %LOCALAPPDATA%\Google\Chrome\User Data\Default\Preferences Mac: 转到目录 ~/Library/Application Support/Google...

HTML5 download 属性

HTML5 的 download 属性有两个作用: 一、使链接点击后发起下载 代码一: <a href="/files/logo.png" download="mylogo">My Site</a> 通常点击这么一个链接,浏览器会直接打开 logo.png 的图片(png 是浏览器支持直接打开的文件类型)。 而支持 download 属性的浏览器里点击这个...

IE兼容性列表(Compatibility View List)

IE兼容性列表: IE8兼容性列表:http://www.microsoft.com/en-us/download/details.aspx?id=16599 IE9兼容新列表:http://ie9cvlist.ie.microsoft.com/ie9CompatViewList.xml 本地的兼容性列表:(Win+R,输入打开) IE8: res://iecompa...

text-align:center 与 -webkit-center/-moz-center 的区别

text-align:center 与 text-align:-webkit-center/-moz-center 的区别: 如上例。 text-align:center 只能让 inline 元素居中,而不能让 block 元素居中; text-align:-webkit-center 可以让其中的 block 元素也可以居中; 当然,在例一中,给内部的 block 元素设置 ma...

一些神奇的 IE Meta Tags

<meta name="MSSmartTagsPreventParsing" content="true" /> 作用:禁用 IE6 的 Smart Tags 功能。 详解:微软在 IE6 Beta 版和 Word 2010 中引入了一个功能:Smart Tags,自动给一些「标签」词语加上带下划线样式的链接,鼠标hover时候可以使用预定义的一些程序的功能: (...

Chrome(Webkit)中伪元素不支持动画的bug修复了

webkit 中伪元素(pseudo element)不支持动画(transition 和 animation )的bug终于修复了(Chrome  26)。这真是一个漫长的过程啊。 不过当前稳定版本的Chrome 24,看来等稳定版本升级到26还得一段时间。 这样除了 Opera 所有主流浏览器的最新版本都可以支持伪元素的动画行为了。 需要注意的是,IE10 中,伪元素对动画的支持有...