分类: 技术
-
未知多行单行文本,垂直居中
需求:要求调取的不确定几行的字段,在div里面垂直居中,在Ben的帮助下,知道了table-cell,以前没用过
如图:

用table就可以好好做,因为在之前的基础上做修改,用的div
html
<div class="des"><span>文字文字文字文字</span></div>
解决:把div属性改变成table td的属性
div.des{ line-height:20px;height:80px; padding:0 18px; display:table;}
div.des span{ display:table-cell; vertical-align:middle;}
一google 发现高人总结
http://www.zhangxinxu.com/wordpress/?p=1187 我所知道的几种display:table-cell的应用
http://www.zhangxinxu.com/wordpress/?p=61 大小不固定的图片、多行文字的水平垂直居中
-
js字符串转数字
方法主要有三种
转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。
一些示例如下:
parseInt(“1234blue”); //returns 1234
parseInt(“0xA”); //returns 10
parseInt(“22.5”); //returns 22
parseInt(“blue”); //returns NaNparseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:
parseInt(“AF”, 16); //returns 175
parseInt(“10”, 2); //returns 2
parseInt(“10”, 8); //returns 8
parseInt(“10”, 10); //returns 10
如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:
parseInt(“010”); //returns 8
parseInt(“010”, 8); //returns 8
parseInt(“010”, 10); //returns 10parseFloat()方法与parseInt()方法的处理方式相似。
使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。下面是使用parseFloat()方法的示例:
parseFloat(“1234blue”); //returns 1234.0
parseFloat(“0xA”); //returns NaN
parseFloat(“22.5”); //returns 22.5
parseFloat(“22.34.5”); //returns 22.34
parseFloat(“0908”); //returns 908
parseFloat(“blue”); //returns NaN2. 强制类型转换
还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
ECMAScript中可用的3种强制类型转换如下:
Boolean(value)——把给定的值转换成Boolean型;
Number(value)——把给定的值转换成数字(可以是整数或浮点数);
String(value)——把给定的值转换成字符串。
用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。
当要转换的值是至少有一个字符的字符串、非0数字或对象(下一节将讨论这一点)时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。可以用下面的代码段测试Boolean型的强制类型转换。
Boolean(“”); //false – empty string
Boolean(“hi”); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false – null
Boolean(0); //false – zero
Boolean(new Object()); //true – objectNumber()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。示例如下:
用 法 结 果
Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( “5.5 “) 5.5
Number( “56 “) 56
Number( “5.6.7 “) NaN
Number(new Object()) NaN
Number(100) 100最后一种强制类型转换方法String()是最简单的,示例如下:
var s1 = String(null); //”null”
var oNull = null;
var s2 = oNull.toString(); //won’t work, causes an error3. 利用js变量弱类型转换
举个小例子,一看,就会明白了。
-
游戏素材网站
【图片类】:
http://charas-project.net/ 可以通过选择预设的各种素材,DIY拼装sprite图。可以拼“人物四个方向行走”“人脸”“基本动作”三大类。其中,“基本动作”应该最实用。
http://www.geocities.jp/kurororo4/looseleaf/ 也是DIY sprite的网站。可以自己组装男女角色sprite,而且速度比上面那个网站快一些。
http://untamed.wild-refuge.net/rmxpresources.php?characters 有大量统一大小,统一形式的人物sprite和tile图。
http://tsgk.captainn.net/?p=subhierarchal&t=sy&t2=ga 有不同游戏主机里游戏的素材。
http://www.videogamesprites.net/ 有很多游戏的git图素材。
http://www.bogleech.com/games.html 有很多怪物的素材。
http://www.retrogamezone.co.uk/arcade.htm 有不同游戏主机里游戏的素材。
http://www.spriters-resource.com/ 有不同游戏主机里游戏的素材,包括mobile。
http://spritedatabase.net/ 不同主机里的游戏素材,专业提供sprite图片,很全。
http://opengameart.org 很出名的一个开源游戏资源网站,很多人提到这个网站。
http://www.tekepon.net/fsm/modules/refmap/index.php?mode=vx-map 日本出的素材,画面的质量非常高,有人物四向行走素材和瓦片地形素材。
【icon类】:
http://game-icons.net/ 风格很独特的游戏icon,全部是黑白色的。
http://thenounproject.com/ 各种类型的icon,也全是黑白色的,icon比较小。
http://www.iconarchive.com 很出名的icon网站,各种类型,各种颜色,各种大小。
https://www.iconfinder.com/ 各种类型,各种颜色,各种大小。
-
郎永淳推荐书单:我的2014年新年书单[转]
为什么要读书?
《读书人是幸福人》这本书里面有段话:“一个人的一生,只能经历自己拥有的那一份欣悦,那一份苦难,也许再加上他亲自感知的那一些关于自身以外的经历和经验。然而,人们通过阅读,却能进入不同时空的诸多他人的世界。这样,具有阅读能力的人,无形间获得了超越有限生命的无限可能性。”
文化、人生、社会类
《百年孤独》加西亚·马尔克斯
描写了布恩迪亚家族七代人的传奇,以及加勒比海沿岸小镇马孔多的百年兴衰,反映了一个拉丁美洲一个世纪以来风云变幻的历史。
《目送》龙应台
由七十四篇散文组成极具亲情,感人至深的文集。
《孤独六讲》蒋勋
作者以美学家特有的思维,从情欲、语言、革命、思维、伦理、暴力六个方面阐释孤独。
《瓦尔登湖》亨利·戴维·梭罗
这是一本宁静、恬淡、充满智慧的书。其分析生活,批判习俗,语语惊人,字字闪光,见解独到,耐人寻味。
《追风筝的人》卡勒德·胡塞尼
讲述12岁的阿富汗少爷与仆人之间的兄弟手足情,讲述人性与救赎。
《1984》乔治·奥威尔
这是杰出的政治寓言小说,也是幻想小说,刻画人类在极权主义社会的生存状态。
《江城》彼得·海斯勒
讲述中国的涪陵,特定时期内中国的某个地方,展示了鲜为人知的当代中国。
《月亮与六便士》毛姆
这本书引发人们对摆脱世俗束缚逃离世俗社会寻找心灵家园这一话题的思考。
《平凡的世界》路遥
作者浓缩了中国西北农村的历史变迁过程,表现了中国当代城乡的社会生活,通过复杂的矛盾纠葛,刻画社会各阶层众多普通人的形象。劳动与爱情,挫折与追求,痛苦与欢乐,日常生活与巨大社会冲突,纷繁地交织在一起。
《不能承受的生命之轻》米兰·昆德拉
不是一个男人和两个女人的三角爱情故事,而是一部哲理小说,把读者带入对一系列问题的思考,比如轻与重、灵与肉。
《卡拉马佐夫兄弟》陀思妥耶夫斯基
作品展示了错综复杂的社会、家庭矛盾和人性悲剧。
《荆棘鸟》考琳·麦卡洛
描写克利里一家三代人的故事,时间跨度长达半个多世纪,小说情节曲折生动,细腻感人。
《活着》余华
悲剧不断的降临,生命里难得的温情都被一次次死亡撕扯得粉碎,只剩下老富贵伴随着一头老牛在阳光下回忆。
《失物之书》约翰·康诺利
二战,男孩戴维的母亲去世,父亲再婚所带来的惊愕和冲击,对继母以及新生儿弟弟的嫉妒和憎恨让他听到书在说话,惟有不逃避,惟有肯原谅,惟有找到遗失的《失物之书》才能得到重生。
《老人与海》海明威
这是关于一个渔夫的故事,也是一个勇士与强大势力搏斗的代表。
《爸爸,我们去哪儿?》让-路易·傅尼叶
作为残障儿的父母讲述自己的经历,再痛苦的遭遇,也有勇气笑着活下去。
《了不起的盖茨比》弗·司各特·菲茨杰拉德
讲述大富翁盖茨比隐秘的世界,以及最后悲剧的人生。
《到灯塔去》弗吉尼亚·伍尔夫
描写一次大战后拉姆齐教授一家和几个亲密朋友在苏格兰某岛屿上独家的一段生活,作者企图在这部情节非常简单的小事中探讨人生的意义和自我的本质,指出自我有可能逃脱时间的魔掌并不顾死亡的威胁而长存不朽。
《万物既聪慧又奇妙》吉米·哈利
远离尘嚣的山谷,有趣的人和动物,旧日的好时光,组成了一副芸芸众生的画卷,而最动人的却是那温柔的底色。
传记类
《富兰克林自传》富兰克林
这是一本影响几代美国人、历经两百余年经久不衰的励志奇书,包含了人生奋斗与成功的真知灼见,以及诸种善与美的道德真谛。
《李光耀回忆录》李光耀
整部回忆录透露新加坡开国元老李光耀作为成功领导者迥异于失败领导者的特质:智慧、支配力、自信、知识以及活动力,彰显对时势的极度敏感。
《梵高传》欧文·斯通
热爱生活,即使生活中屡遭挫折,艰辛备尝,献身艺术,大胆创新,有自己独特的艺术风格,梵高的身世感动无数的读者,其魅力至今犹在。
《维特根斯坦传》瑞·蒙克
本书以时间为线索,运用大量生动、翔实的第一手资料描绘20世纪最重要的哲学家之一,维特根斯坦独特的世界以及传奇的一生,堪称一流的思想传记。
《别闹了,费曼先生》费曼
费曼得过诺贝尔奖,是现代最伟大的理论物理学家之一,同时也是历史上唯一被按摩院请去画裸体画、偷偷打开着原子弹机密文件的保险箱,在巴西桑巴乐园担任鼓手的奇葩有趣科学家。
《巴菲特传-一个美国资本家的成长》Roger Lowenstein
被奉为投资者不可不读的投资景点,讲述巴菲特独有的投资风格和管理方式,以及他充满神奇色彩的投资策略,人生哲理和管理智慧。
《史蒂夫·乔布斯传》沃尔特·艾萨克森
乔布斯的故事有启发意义,又有警示意义,充满了关于创新、个性、领导力以及价值观的教益。
《漫漫自由路:曼德拉自传》曼德拉
真实地记录了曼德拉和南非人民为反对种族隔离争取自由解放而进行的卓绝斗争。
励志、教育类
《洛克菲勒留给儿子的38封信》约翰·D·洛克菲勒
真实记录洛克菲勒创造财富神话的种种业绩,不仅可以看到洛克菲勒的优良品德和卓越的经商才能,还可以窥见一代巨富创造财富的谋略与秘密。
《布鲁克林有棵树》贝蒂·史密斯
写了弗兰西一家子的故事,一个感人的大故事里镶嵌着无数的小故事,而这些故事都围绕着一个词:感动。
《追求生命的意义》弗兰克兰
讲述是一个人面对巨大的苦难时,用来拯救自己的内心世界,同事也是一个关于每个人存在的价值和能者多劳们生存的社会所应当负责任的思考。
《别独自用餐》基里·法拉奇
作者用亲身经历讲述了一个来自贫穷家庭的孩子,从给人当球童起,悟出人际交往和人脉对成功的重要性。
《最后的演讲》兰迪·鲍许
兰迪·鲍许是一位热情风趣的大学教授,46岁时被诊断出癌症。剩下3-6个月的生命中,他应学校之邀发表了一场演讲,这场演讲让所有人笑声不断,也让不少人流下泪。
心理类
《内向者优势》Marti OlsenLaney
为性格内向的人指明如何利用而非对抗自己的个性来创造并享受幸福美好的生活,涉及婚姻关系、为人父母——包括养育性格内向的孩子、社交活动和工作,还有对应的策略以及有价值的技巧,有助于在外向的世界更好的生存。
《怪诞心理学》艾瑞里
所有的现象背后都有经济的力量,文中用轻松幽默的方式告诉我们这是为什么,以及如何改变。
《少有人走的路》M·斯科特·派克
这本书处处透露出沟通与理解的意味,帮忙我们探索爱的本质,引导我们过上崭新,宁静而丰富的生活,帮忙我们学习爱,学习独立,找到真正的自我。
《影响力》罗伯特·西奥迪尼
心理学家解释为什么有些人极具说服力,而我们总是容易上当受骗。
《乌合之众》古斯塔夫·勒庞
书中极为精致地描述了集体心态,对人们理解集体行为的作用以及对社会心理学的思考发挥了极大影响。
《爱的艺术》艾·弗洛姆
爱是一门艺术,要想掌握这门艺术的人得有这方面的知识并付出努力,这里的爱不仅是狭隘的男女爱情,而是人格整体的展现。
《拖延心理学》简·博克
讲述拖延的心理,知道它是什么,才能更好的去解决它。
《路西法效应》菲利普·津巴多
作者深度剖析复杂的人性,透析“情境力量”对个人行为的影响,并分析造成监狱虐囚和种族屠杀的情境影响。
爱情、两性类
《爱的五种语言》盖瑞·查普曼
教你如何学会两性相处,值得婚前情侣婚后夫妻阅读学习。
《平如美棠-我俩的故事》饶平如
六十年的享受历尽坎坷,命运让他们长久分离,好不容易最后又在一起,但美棠却身患重疾且渐渐失去记忆,平如大爷就一直陪着她照顾她,这是普通人的故事,却出传递永久的力量。
《爱你就像爱生命》王小波/李银河
这是王小波李银河夫妇最完整独立的一本书信集,都是满满的爱。
《守望灯塔》詹尼特·温特森
本文诗一般的语言,讲故事的手法,创造了一个现代爱情寓言。
《一个女人一生中的二十四小时》茨威格
发生在一个女人一生中某一天的往事,却在茨威格的小说里让人震撼,淋漓尽致地表现了人的冲动和理智的搏斗。
《麦琪的礼物》欧·亨利
34篇小说,以巧妙的构思、夸张和幽默的文笔反映了他那个时代的人和事。
商业、管理、职场类
《卓有成效的管理者》彼得·德鲁克
书中,德鲁克集中论述了一个管理者如何做到卓有成效。
《定位》艾·里斯
关于营销和广告新思维的文章,总标题就是定位的时代,定位成了营销界人人谈论的热闹话题。
《营销管理》菲利普·科特勒
关于营销领域的圣经。
历史类
《中国历代政治得失》钱穆
是作者的专题演讲合集,分别就中国汉、唐、宋、明、清五代的政治组织、百官职权、考试监察、财经赋税、兵役义务等政治制度做了提要勾玄的概观和比照,言简意赅
《万历十五年》黄仁宇
这本书融会作者数十年人生经历与治学体会,以“大历史观”分析明代社会之政界,观察现代中国之来路,给人启发良多。
《从黎明到衰落》雅克·巴尔赞
作者对1500年以来整个西方文化研究的集大成之作,讲述五百年西方文化生活的方方面面。
《晚清七十年》唐德刚
近代史的导论篇,作者观照历史角度非同一般,语言极富个性和魅力。
哲学类
《苏菲的世界》乔斯坦·贾德
讲14岁少女在某个神秘导师的指引下开始思索,从古希腊到康德,从祁克果道佛洛佛德等各位大师所思考的根本问题。
《人生的智慧》叔本华
作者以优雅的问题,格言式的笔触阐述了自己对人生的看法。
《重新认识你自己》克里希纳穆提
主张用自己的光来照亮自己,一生的教会旨在帮助人类从恐惧和无明中彻底解脱,体悟慈悲与至乐的境界。
《活法》稻盛和夫
除了每个人,还有企业国家甚至社会,全人类的生存之道。
新闻主播类
《记者生涯-目击世界六十年》沃尔特·克朗凯特
从炮火连天的二战战场,到报道纽约伦堡大审判;从战后出任驻莫斯科首席记者,到主持哥伦比亚广播公司“晚间新闻”,沃尔特·克郎特始终恪守“准确与诚实”的信条,取得非凡的业绩,在80高龄写下来自己艰辛曲折和传奇色彩的人生历程。
-
俩div左右两侧自适应高度对齐
function $(mo_l){
return document.getElementById(mo_l)
}
function getHeight() {
if ($(“mo_l”).offsetHeight>=$(“mo_r”).offsetHeight){
$(“mo_r”).style.height=$(“mo_l”).offsetHeight + “px”;
}
else{
$(“mo_l”).style.height=$(“mo_r”).offsetHeight + “px”;
}
}
window.onload = function() {
getHeight();
} -
遮罩层,滚动条问题
今天遇到的问题是,在弹出层后面的 遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层,解决方式是加的css。
js代码
//显示灰色JS遮罩层
function showBg(ct,content){
/*document.body.style.overflow = “hidden”;*/
var bH=$(document).height();
var bW=$(“body”).width()+16;
var objWH=getObjWh(ct);
$(“#fullbg”).css({width:bW,height:bH,display:”block”});
var tbT=objWH.split(“|”)[0]+”px”;
var tbL=objWH.split(“|”)[1]+”px”;
$(“#dialog”).show();
$(“#”+ct).css({top:tbT,left:tbL,display:”block”});
/*$(“#”+content).html(“
正在加载,请稍后…”);*/
$(window).scroll(function(){resetBg()});
$(window).resize(function(){resetBg()});
}
function getObjWh(obj){
var st=document.documentElement.scrollTop;//滚动条距顶部的距离
var sl=document.documentElement.scrollLeft;//滚动条距左边的距离
var ch=document.documentElement.clientHeight;//屏幕的高度
var cw=document.documentElement.clientWidth;//屏幕的宽度
var objH=$(“#”+obj).height();//浮动对象的高度
var objW=$(“#”+obj).width();//浮动对象的宽度
var objT=Number(st)+(Number(ch)-Number(objH))/2;
var objL=Number(sl)+(Number(cw)-Number(objW))/2;
return objT+”|”+objL;
}
function resetBg(){
var fullbg=$(“#fullbg”).css(“display”);
if(fullbg==”block”){
var bH2=$(“body”).height();
var bW2=$(“body”).width()+16;
$(“#fullbg”).css({width:bW2,height:bH2});
var objV=getObjWh(“dialog”);
var tbT=objV.split(“|”)[0]+”px”;
var tbL=objV.split(“|”)[1]+”px”;
$(“#dialog”).css({top:tbT,left:tbL});
}
}
//关闭灰色JS遮罩层和操作窗口
function closeBg(){
$(“#fullbg”).css(“display”,”none”);
$(“#dialog”).css(“display”,”none”);
/*document.body.style.overflow = “scroll” */
}
</script>css代码
#fullbg{
background-color: Gray;
display:none;
z-index:3;
left:0px;
opacity:0.5; top:0; left:0;height:100%; width:100%; z-index:999; position:fixed; _position:absolute; _left: expression(documentElement.scrollLeft + documentElement.clientWidth – this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight – this.offsetHeight);
filter:Alpha(Opacity=30);
opacity: 0.3;
}
#dialog {
width:560px;
background:#eee;
display: none;
z-index: 5;
padding:16px;
font-size:12px;
z-index:1000; position:absolute;
}
#dialog sup{ color:#f00;}
#dialog .close0{ position:relative; top:-24px; left:544px; height:38px; width:40px;}
html代码
<div id=”fullbg”></div>
<!– end JS遮罩层 –>
<!– 对话框 –>
<div id=”dialog”>
<div class=”close0″><a href=”#” onclick=”closeBg();”><img src=”__IMG__/close.png” /></a></div>
<div id=”dialog_content”>
<h3>个人信息</h3>
<p>(备注:以下信息我们只用于根据需要给您发送相关服务材料,不会对外泄密,敬请理解)</p>
<table width=”555″ border=”0″ cellspacing=”1″ cellpadding=”0″ class=”yh_table”>
<tr>
<td width=”65″ bgcolor=”#eeeeee”><sup>*</sup>用户ID</td>
<td width=”100″ bgcolor=”#fbfbfb”><b>{$member.MEMBER_NAME}</b></td>
<td width=”65″ bgcolor=”#eeeeee”><sup>*</sup>真实姓名</td>
<td width=”80″ bgcolor=”#fbfbfb”><b>{$info.NAMES}</b></td>
<td width=”60″ bgcolor=”#eeeeee”>性别</td>
<td bgcolor=”#fbfbfb”><b><php>echo $gender[$info[‘GENDER’]];</php></b></td>
</tr>
<tr>
<td bgcolor=”#eeeeee”><sup>*</sup>手机号码</td>
<td bgcolor=”#fbfbfb”><b>{$info.TELEPHONE}</b></td>
<td bgcolor=”#eeeeee”>电子邮箱</td>
<td colspan=”3″ bgcolor=”#fbfbfb”><b>{$member.EMAIL}</b></td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”#eeeeee”><sup>*</sup>有效证件(身份证)</td>
<td colspan=”4″ bgcolor=”#fbfbfb”><b>{$info.IDS}</b></td>
</tr>
<tr>
<td bgcolor=”#eeeeee”>通讯地址</td>
<td colspan=”3″ bgcolor=”#fbfbfb”><b>{$info.ADDRESS}</b></td>
<td bgcolor=”#eeeeee”>邮编</td>
<td bgcolor=”#fbfbfb”><b>{$info.ZIPS}</b></td>
</tr>
</table>
</div>
</div>
静下心来,循序渐进。
-
html5 网页视频播放器 video.js 与 OSM Player
之前是galen跟我说的video.js播放器,我用的是video.js。后期设计播放修改后,GJ同事用了一个新的播放器,很好奇,故总结下。嗯,貌似记得很久以前前端设计师还是沈阳设计师群里有人问过类似幻灯片缩略焦点图那种可以播放器。其实 OSM Player就是这种啊~ ~ ~
1、Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。
视频格式兼容性比较好的视频格式是 mp4 视频编码:AVC(H264)
Writing library : x264 core 116 r2019 9cc407d
官网有点改变哦,点击播放按钮上移到左上角了。还好我前段时间下载的时候还在正中间。(⊙o⊙) 自我感觉旧有的在中间的好。
2、OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时,可以转成Flash。提供播放列表,播放列表可以隐藏,支持视频全屏播放。

官网http://mediafront.org/osmplayer/
后记:这俩的视频编码都是
mp4 视频编码:AVC(H264)
-
等比例缩放图片js
转载自 http://www.qianyunlai.com/blog/397.html
最新javascript自动按比例显示图片,按比例压缩图片显示
原图显示(534 X 800)
onload="AutoResizeImage(0,0,this)

1.按宽度250压缩,不限制高度 按比例压缩
onload="AutoResizeImage(250,0,this)"

2.按高度250压缩,不限制宽度 按比例压缩
onload="AutoResizeImage(0,250,this)"

3.按高度250宽度250 按比例压缩
onload="AutoResizeImage(250,250,this)"

4.高宽不等比例压缩 (400 X 512),此时高度不变,会自动按高度的比例压缩。
onload="AutoResizeImage(400,512,this)"

5.高宽不等比例压缩 (300 X 600),此时宽度不变,会自动按宽度的比例压缩。
onload="AutoResizeImage(300,600,this)"

6.如果图片本来的高度和宽度小于压缩的最大高度和宽度,则不会拉大显示图片(按原图显示)
原图444 x 207,压缩为 500 x 600,将保持原图显示
onload="AutoResizeImage(500,600,this)"
效果图:

-
wampserver怎么让他人访问以及删除后再次安装无法访问的问题
以前安装,wampserve的时候直接就很顺利,没有出现的问题。(安装http://hi.baidu.com/constraint19/item/31e4f6e9903607c6baf37d33)
这次安装wampserver的时候,卸载过一次,又重新安装,就出现错误。切换到在线状态也不能访问。出现几个问题,特整理一下,有遇到同类问题的可以看下。
1、卸载软件后,再次安装wampserver,会切换到在线,不能访问到www文件目录,不能访问test.php
解决:需要重新卸载,然后强力清扫下注册表。然后重启 端口号是不是修改和iis冲突
2、安装成功后,自己能访问别人的ip 但是同一局域网的不能访问我的个人网站。
解决:检查用别人电脑,ping自己的ip,如果不通。检查自己的防火墙端口,或者自己退出防火墙之类软件。就能解决。还有一种解决方法,我是从网络上搜索到得
打开路径:X:wampbinapacheapache2.2.8conf
其中X为您WAMP软件安装的磁盘路径,编辑httpd.conf文件,搜索 Allow from(在234行),
将默认的“Allow from 127.0.0.1”修改为“Allow from all”,保存退出。
也修改一下phpmyadmin让外部也可以访问,打开路径:X:wampalias 其中X为您安装WAMP软件的磁盘路径,
编辑phpmyadmin.conf 配置文件,找到最后面一行的:Allow from 127.0.0.1同样是修改为:Allow from all
完成修改后,保存退出,重新启动WAMP,或直接在软件单击左键>>>选择重新启动所有服务
重新启动服务后,局域网内的机器在浏览器地址栏输入安装有WAMP软件的机器的IP 地址就可以访问了
外网访问114.249.227.*:8080/
在外网访问就要用到外网的IP,你可以在本地打开 www.ip.cn看下你的外网IP,得到IP后,外网用户就可以通过 http://外网IP/
这样就可以访问了(如果你的apache是80端口),如果不是80端口,就要这样访问 http://外网IP:端口号/ 这样访问
如 http://13.29.23.11:8080/