任平生的学习笔记

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

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

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

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

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

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

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

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

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

CSS3 实现两端对齐的 justify 布局

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

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

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

div 浮层遮盖 flash 问题再研究

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

微信 webview 清理缓存方法

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

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

iPhone 上CSS定义 active 样式

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