任平生的学习笔记

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

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 共享」来开启了，需要手动通过命令行...

Posted by 任平生 on November 26, 2013

使用 Droplr 图片地址

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

Posted by 任平生 on November 26, 2013

给网址最后添加斜杠

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

Posted by 任平生 on November 20, 2013

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

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

Posted by 任平生 on August 27, 2013

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

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

Posted by 任平生 on April 29, 2013

HTML5 download 属性

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

Posted by 任平生 on February 18, 2013

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...

Posted by 任平生 on January 30, 2013

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...

Posted by 任平生 on January 30, 2013

一些神奇的 IE Meta Tags

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

Posted by 任平生 on January 21, 2013

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

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

Posted by 任平生 on January 13, 2013