将应用部署在虚拟机上,如何让其他机器访问上

例如我的主机在局域网中的IP为: 192.168.0.144

而对于外网的IP为:211.253.124.71

如果在Vmware上使用桥接设置一个IP为192.168.0.143是最容易让局域网的人访问的。但是公司的IP都是被限制的每个人只有一个IP,所以只能通过虚拟机端口映射解决该问题。相当于在IP:192.168.0.144内在建立一个网段。

1、将网络连接模式改为NAT

右击“虚拟机”——>settings….——>Network Adapter——> 在network connection 单选框中选择”NAT“

2、设置端口映射

选择菜单栏”Edit” ——>“Vitrual Network Editor”——>选择vmnet8——>在vmnet information 中,
勾选以下三项“NAT(share host’s IP address…)”,”Connet a host virtual adapter…”,”Use local DHCP..”

在subnet IP:中,输入子网范围,如Subnet IP:192.168.10.0 Subnet mask:255.255.255.0 —

选择右边的”NAT settings..”——》在弹出的对话框中,填写以下内容:(根据个自需求)

Gatewap IP:192.168.10.1

Host port: 8000

type: tcp/udp (默认tcp)

virtual machine IP address:192.168.10.144 

virtual machine port:21

Description:描述信息

保存退出

本文转载至:http://playgoogle.com/?p=85

使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。

.box {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;
        /*设置水平居中*/
        text-align:center;
        /* 针对IE的Hack */
        *display: block;
        *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/
        width:200px;
        height:200px;
        border: 1px solid #eee;
}
.box img {
        /*设置图片垂直居中*/
        vertical-align:middle;
}

<div class="box">
        <img src="http://www.playgoogle.com/image/logo/playgoogleLogo.jpg" />
</div>

这种解决方法的好处是不用加一些不必要的xhtml代码。缺陷是需要已知容器的高度,在容器高度未知时,无法处理。

原理:Google Ajax Search其实就是返回在google上输入关键字的结果,在自己站点上用上。

首先在google上申请一个Api Key
http://code.google.com/intl/zh-CN/apis/websearch/docs/

主要采用JS的方法加载

<script type="text/javascript" src="https://www.google.com/jsapi?key=INSERT_YOUR_KEY"></script>

然后通过search对象控制搜索,官方API文档写的很具体。

但是有时候并不是很好控制,因此官方开放了另一个与其他语言交互的API接口
http://code.google.com/intl/zh-CN/apis/websearch/docs/#fonje

通过curl获取Get参数的回传值

> curl -e http://www.my-ajax-site.com \  
> &#8216;https://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=Paris%20Hilton&key=INSERT-YOUR-KEY&#8217;

上述URL中https://ajax.googleapis.com/ajax/services/search/web 这一段基本为固定的   
参数 v=1.0也基本是Google固定的;  
参数 q为关键词,需要urlencode;  
参数 key为申请的key,其实不用必填,若填写了一定要正确的key。这个key直接可以关联到google account,所以还是建议申请。  
更多参数请查阅:<a href="http://code.google.com/intl/zh-CN/apis/websearch/docs/reference.html#_fonje_args" target="_blank">ttp://code.google.com/intl/zh-CN/apis/websearch/docs/reference.html#_fonje_args</a>。 

我这里用到另外一个类HttpClient模拟获取Get值,原理其实很Curl一样。

HttpClient类可参考我之前写的这篇文章:
http://crackedzone.com/blog/httpclient-post-request-return.html

[][1]

通常设置position后,通过z-index属性来设置div的层叠情况。

但是在IE7中,设置position后,z-index会失效。导致div的层叠出现问题。

具体效果可以看这个页面

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

以下分别是IE7与IE8之间的差别:


最近由于项目需要,特别需要弹出层的JS类库。网上搜了大半发现artDialog这个JS库,发现确实很不错,还是国人制作的。不得不佩服,更支持国产~

artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。

演示地址:http://www.planeart.cn/demo/artDialog/
项目主页:http://code.google.com/p/artdialog/