任平生的学习笔记

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

使用 CSS 将一个页面反色显示

将一个页面反色仅 IE9+ 支持 body:before { content:""; position:fixed; top:50%; left: 50%; z-index:9999; width:1px; height: 1px; outline:2999px solid invert; } 这里利用的 outline 的颜色 invert 来实现颜色的反色。反...

Posted by 任平生 on October 3, 2014

synergy: 一套键鼠控制多台 Mac 与 Windows

安装 Synergy 后，就可以用一套键鼠控制局域网里的多台电脑，支持 Windows、Mac、Linux 多系统。我是使用 Mac 作为服务端，使用 Mac 的键鼠去控制 Windows，由于习惯了 Mac 键盘的 Command 作为类似 Ctrl 的组合键，于是设置 Command 映射 Windows 的 Ctrl 键，control 映射 Win 键，映射方法： 1. 打...

Posted by 任平生 on September 23, 2014

解决 Chrome 37 中文汉字不显示的bug

更新 Chrome 到 37 后，发现很多网页的汉字都不显示了：解决办法：打开： chrome://flags/#disable-direct-write 将「停用 DirectWrite」选项，设置为启用。重启 Chrome 问题解决。参考资料： DirectWrite 是什么

Posted by 任平生 on August 27, 2014

OS X Yosemite 如何删掉 Launchpad 里下载不成功的图标

在 Yosemite 中遇到类似这样下载失败的图标，按住 option 也不能删除掉删除方法： sudo rm -rf ~/Library/Application\ Support/Dock 输入密码，然后再执行 killall Dock 执行后我这里依然遗留了1个图标没有删除，重复上述步骤后，总算把所有的这些 ghost 图标删掉了。 PS：执行这个操作后 Launch...

Posted by 任平生 on August 22, 2014

CSS3 实现两端对齐的 justify 布局

使用 CSS3 的 flexbox 来实现两端对齐的效果非常容易 HTML： <div class="main"> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div> CSS:...

Posted by 任平生 on August 1, 2014

解决升级 Yosemite 后， Web Server 不工作的问题

升级 10.10 的 Yosemite 后，系统自带的 Apache Server 就出问题了， ~username/ 死活访问不到，找到问题解决方案如下：编辑 username.config 文件： sudo vi /etc/apache2/users/username.config 添加 Require all granted <Directory "/Users/use...

Posted by 任平生 on July 31, 2014

div 浮层遮盖 flash 问题再研究

div 浮层遮挡 Flash 的研究汗牛充栋，随便 Google 一下都能找到浩如烟海的资料，最简单的解决方案就是使用 wmode="opaque" 或者 wmode="transparent"，如此的简单而又一劳永逸。没有特殊需求的到这里就可以止步了，但是 wmode="opaque" 并不适合所有网站，比如视频网站，视频网站对 Flash 的表现性能有着极致的追求，让我们更倾向选择使...

Posted by 任平生 on April 30, 2014

微信 webview 清理缓存方法

在做微信移动页面开发时若用到清理缓存，方法如下依次打开微信：我－通用－微信－清理微信存储空间，就可以清理掉 webview 的缓存。（进入「清理微信存储空间」页面无需任何操作，当点击进入这个页面的时候，微信已经执行了清理缓存的操作）对于 Android 版微信，目前微信自动使用了 QQ浏览器的 X5 内核，如果上述方法不可以清掉缓存，可以执行如下操作：在任意聊天窗口发送...

Posted by 任平生 on April 15, 2014

App Store 链接中的 mt=8 是什么意思

常见到 iOS App 发出来的下载链接最后都会跟一个 ?mt=8 的尾巴，这是什么意思呢？在 Stackoverflow 上找到了答案： mt = Media Type 而数字的对应关系如下： 1 Music 2 Podcasts 3 Audiobooks 4 TV Shows 5 Music Videos 6 Movies 7 iPod Games 8 ...

Posted by 任平生 on March 26, 2014

iPhone 上CSS定义 active 样式

如果给按钮定义 :hover 样式，在 iPhone 上按钮点击一次是 hover 态，再点击一次 hover 态才会消失，这显然不是我们想要的，继而想通过定义 :active 样式来实现按钮按下时的效果，但发现定义的 active 样式在 iPhone 上点击时没有任何效果。搜索后发现，只需添加一段 js 即可： document.addEventListener("touchstar...

Posted by 任平生 on March 18, 2014