loading...

mac下的编辑神器vim配置

一、下载安装MacVim

官方下载地址:http://code.google.com/p/macvim/,我下载的是MacVim-snapshot-52这个版本的。

二、配置MacVim

创建并配置配置文件,在终端命令行下操作:

cd ~/ :到家目录。

vi .gvimrc :配置文件,然后在里面写配置(和win下vim一样)。

三、安装插件

vim官方下载地址:http://www.vim.org/scripts/index.php

下面是我的配置vim界面,文章最后面附我的vim配置文件,有兴趣的直接可以使用。

我的插件列表(稍后更新)

我的配置文件:下载地址

我的常用mac软件

我的常用mac软件推荐

浏览器

  1. Chrome–浏览网页,速度很快
  2. Firefox–调试网页
  3. Safari–上taobao需要

编辑器

  1. Macvim–Mac 上的 VIM,编辑神器
  2. Komode IDE–一个开源的跨平台编辑器

办公软件

  1. Apple iWork–由Apple自行研制开发的,集专业文本制作,幻灯片设计以及报表统计工具于一体的工具集合
  2. Microsoft Office for Mac–微软公司开发的办公软
  3. NeoOffice/OpenOffice–很多用户对 Mac 上 OOo 的表现并不满意:缺少 Mac 上一般程序应有的流畅感,和美感。于是有了 NeoOffice,一群开发者在 OOo 代码基础上不断改良 Mac 平台的体验。

IM

  1. QQ for Mac

看图

  1. Picasa–Google出品

媒体播放器

  1. Plex–高清视频、高清音乐一网打尽,支持Apple Remote操作,用了plex,其它播放器基本不考虑了
  2. MPlayerX
  3. Movist
  4. VLC
  5. Cog–播放flac等无损音乐格式
  6. TuneBar–在Finder菜单栏上就可以控制iTunes播放的工具 并且支持更多设定 让你使用iTunes更加轻松得手。
  7. Bowtie精美的iTunes控制软件

系统维护

  1. Onyx–Mac 下的系统优化利器:
  2. AppZapper–Mac下的软件卸载工具

其他软件

  1. FIT–Mac下的万能五笔,最FIT你的Mac&iPhone输入法–全拼/双拼/全双混拼,五笔型/全拼五笔混合,笔画
  2. OmniGraffle–Mac下非常好的原型工具
  3. Vmware fusion 3–虚拟机软件,Unity模式
  4. Dropbox–用来在不同计算机间同步文件
  5. Google Notifier for Mac–菜单栏的 Gmail 通知小工具:
  6. Google Quick search box–quicksilver/spotlight代用软件
  7. Skim–pdf查看器
  8. Ichm–CHM阅读软件
  9. Skitch– 截图处理软件
  10. ZOC Terminal–SSH客户端,不过对中文支持不好
  11. FileZilla
  12. CopyPaste Pro
  13. Remote Desktop Connection–Mac上的远程桌面

哈哈哈!终于有了自己的专属头像了…

哈哈哈!终于有了自己的专属头像了…在此感谢梁同学!先发两张图片秀一下新头像呵!

再来个大图:

各浏览器的并行连接数(同域名)

Browser HTTP/1.1 HTTP/1.0
IE 6,7 2 4
IE 8 6 6
Firefox 3+ 6 6
Safari 3+ 4 4
Chrome 3+ 4 4
Opera 10+ 4 4

扩展阅读:《Roundup on Parallel Connections》

来源:planabc.net

让IE6,IE7,IE8支持css3属性

IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让ie支持border-radius (rounded), box-shadow ( shadow), text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法。

首先下载ie-css3.htc脚本。

然后在css中加入 behavior: url(ie-css3.htc);

.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

本站的圆角就是通过这个方法实现的。

注意: behavior: url(ie-css3.htc) 中的ie-css3.htc地址用绝对路径或者直接传到网站的根目录下面,要不然可能会看不到效果的。

官方介绍:CSS3 support for Internet Explorer 6, 7, and 8

另有一篇跨浏览器实现圆角的文章,有兴趣可以看一下,原理相同。Curved corner (border-radius) cross browser

jQuery实现网站换肤功能

使用方法:

引入js:

<script type="text/javascript" src="js/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="js/skin.js" ></script>

js代码:

/*
用法:
swichStyle(styleId,swichId,stylePath);
参数说明:
styleId : <link rel="stylesheet" type="text/css" href="css/default.css" id="skin" /> 中的id
swichId :<ul id="switch-skin"> 切换样式列表的id
stylePath :css存放的路径
*/
$(document).ready(function(){
    swichStyle("skin","switch-skin","css/");
});

切换样式代码:

<ul id="switch-skin">
        <li id="default">skin1</li>
        <li id="green">skin2</li>
        <li id="blue">skin3</li>
</ul>

演示地址:http://wlog.com.cn/code/jquery/switch-style/demo.html

下载地址:switch-style下载

linux下memcache优化wordpress详解二(wordpress优化)

传送门(memcache 安装):http://wlog.com.cn/xhtml/linux-memcache-install.html

服务器上安装memcache成功后,现在开始配置wordpress!

1、检查wordpress中wp-config.php,下载最新Memcached-for-wordpress插件

http://plugins.trac.wordpress.org/browser/memcached/trunk

修该连接信息:默认为 `127.0.0.1:11211`,修改为你的服务器ip和相应端口

2、复制object-cache.php到wp-content目录下即可!

通过memcached监控程序查看缓存区使用情况 ,缓存命中率

可以通过在wordpress主题文件底部加以下代码查看数据库查询次数,:

<?php timer_stop(1); ?>  秒钟有 < ?php echo get_num_queries(); ?>

查询次数是不是减少了?

enjoy it!

linux下memcache优化wordpress详解一(memcache安装)

1、安装libevent:

下载地址:http://monkey.org/~provos/libevent/

安装位置:/usr/local/libevent (根据自己喜好而定,建议外部程序库都装到/usr/local对应的目录下)

安装过程:

#下载解压
$ wget http://monkey.org/~provos/libevent-1.4.13-stable.tar.gz
(请在安装时选择最新稳定版http://monkey.org/~provos/libevent/)
$ tar -xvf libevent-1.4.13-stable.tar.gz
$ cd libevent-1.4.13-stable
#安装
$ ./configure --prefix=/usr/local/libevent
$ make
$ make install

查看全部安装过程

西安大雁塔抓拍

查看更多精彩照片

分享一个自己写的简单的jquery litebox遮罩层插件

直接加class liteBox调用, 有加载进度条,在链接中设置宽度、高度和是否有滚动条!js压缩代码1.4k

演示地址:http://wlog.com.cn/code/jquery/liteBox/demo.html

下载地址:liteBox

Page 1 of 1612345下一页...尾页 »