折腾 – 在mac上使用rz,sz命令

最近折腾mac上传文件到vps,需要安装lrzsz,踩了两个坑,记下来。 首先mac自带的终端是不支持lrzsz的,需要下载安装iterm2,下载地址: http://www.iterm2.cn/download 安装lrzsz 安装好了以后再安装lrzsz,但是brew似乎地址有误,用brew -install lrzsz一直安装不上,手动下载 https://ohse.de/uwe/software/lrzsz.html zip包之后放到brew的缓存目录下:/Library/Caches/Homebrew/ 添加trigger lrszs命令安装成功之后...

用grunt写了一个px和rem互转的工具

在移动端使用REM单位来实现弹性布局已经非常普遍了,但是在书写css(or less、sass等)还是非常麻烦,要定义一个html的font-size,然后再定义元素的时候转换成rem书写。 比如在640下root的font-size是20px,要应以一个宽度为100px的div.className,就要这样写: @media only screen and (max-width: 640px), only screen and (max-device-width:640px) { html{ font-size:20px; } } .className{ widt...

30行js让你的rem弹性布局适配所有分辨率(含竖屏适配)

用rem来实现移动端的弹性布局是个好主意! 用法如下: @media only screen and (max-width: 320px), only screen and (max-device-width:320px) { html { font-size:10px; } } @media only screen and (max-width: 640px), only screen and (max-device-width:640px) { html { font-size:20px; } } .test-div{width: 10rem;} 那么这个.test-div的宽度在320px的分辨率下会是10 * 10...

windows/win7/win8 下php+memcached调试环境安装攻略,附各种dll下载

最近做discuz接入memcached,要在win7上调试,结果遇到了很多问题,搞了半天才搞定,写下来帮助下和我一样的人们。 安装php-memcache扩展 首先是要安装php-memcache扩展,注意,windows上木有memcached扩展,只有memcache。 api地址:http://cn2.php.net/manual/en/book.memcached.php 在win上安装扩展有两种方法,1是下载源码自己编译dll文件,2是直接下载dll文件。 使用方法1的人可以去这里下载:http://pecl.php.net/pac...

无聊做了个grunt插件,解决ttf转成base64和其他各种格式的问题

使用font-face来制作web ico已经有一段时间了,关于这种技术方案的实现方式和优缺点不再赘述。下面主要说一下两个常见的问题: 1.各浏览器对字体格式的支持程度不一; 所以为了兼容不同的浏览器,我们就需要这样写代码: @font-face { font-family: 'YourWebFontName'; src: url('YourWebFontName.eot'); /* IE9 Compat Modes */ src: url('YourWebFontName.eot?#iefix') format('embedded-o...

检测font-face是否加载成功

用font-face实现web中的图标 首先赘述一下font-face@1.1,它允许开发者在网页中使用自定义的字体。通过自定义字体,你可以让网页中的"A",变成任何东西。bootstrap3中就使用这一特性来实现网页中的图标。 这样做有几个好处: 更容易实现点击态,切换各种状态只需要改变文字的样式即可,如果使用图片,则需要切两套或者更多的资源。 矢量,可以自由缩放 更容易编码和维护 当然它也有几个坏处: 字体文件是异步加载的,会...

不刷新实现浏览器的前进后退

最近在学习backbone,学习理解backbone就要先理解spa,理解spa就要先了解单页面应用是如何做到页面不刷新改变url的。 相较于不同页面的跳转,AJAX可以说大大提高了用户的浏览体验,不用看到页面切换之间的白屏是件很惬意的事情。但是很多早先的AJAX应用是不支持浏览器的前进后退的,这导致了用户不管在网站里浏览到何处,一旦刷新就会立刻回到起初的位置,并且用户也无法通过浏览器的前进后退按钮来实现浏览历史的切换。 对于...