It's me 55u

四

给毕业论文继续加料

借着googler最近搞的开源幻灯片，毕业论文演示就用这个弄了。Html5的年代了，PPT什么的弱爆了

演示

No
Comments

Posted in 前端开发, 生活

四

jquery导致discuz按钮失效

discuz里已经使用$所以直接把jquery带有$的代码丢到页面里面会出错误。

所以一定要在代码前加上jQuery.noConflict();然后将$替换成jQuery，这样才不会引起冲突。

忙了几周的论文，又学到了很多新玩意。

终于找到一个可以直观的体现什么是闭包的东西了。

http://lab.55u.me/closure/

No
Comments

Posted in js, 前端开发

三

显示文章内容

按官方的说法是：Displays the contents of the current post. This tag must be within The_Loop.

所以哩必须在循环里使用，不像神马<?php bloginfo(’name’); ?>丢里就好使。

得酱婶的：

需求：

<section class="center">
<h2>我是文章标题</h2>
<article class="entry">
我是文章内容
</article>
</section>

然后

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <!--判断是否有post，如果有请尽快出货吧，没有一会再说-->
<section class="center">
<h2><?php the_title(); ?></h2> <!--文章标题-->
<article class="entry">
<?php the_content(); ?> <!--文章内容-->
</article>
</section>
<?php endwhile; else: ?> <!--没有的话给个提示吧-->
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?> <!--循环完毕-->

1
Comment

Posted in html5, wordpress, 前端开发

三

模板标签

包含模板文件的标签（Include tags）

博客信息标签（Blog info tags）

列表及下拉列表的标签（Lists & Dropdown tags）

文章信息标签（Post tags）

评论标签（Comment tags）

时间及日期标签（Date and Time tags）

分类标签（Category tags）

作者信息标签（Author tags）

文章 Tag 标签（Tag tags）

编辑链接标签（Edit Link tags）

固定链接标签（Permalink tags）

链接管理标签（Links Manager tags）

引用标签（Trackback tags）

一般标签（General tags）

地理标签（Geo tags）

自从 WordPress 1.5 以后地理功能已经从主程序中移除，成为一个插件功能，下列标签会出现在插件版本中。

print_Lat (the_Lat)
print_Lon (the_Lon)
print_UrlPopNav (the_UrlPopNav)
print_AcmeMap_Url (the_AcmeMap_Url)
print_GeoURL_Url (the_GeoURL_Url)
print_GeoCache_Url (the_GeoCache_Url)
print_MapQuest_Url (the_MapQuest_Url)
print_SideBit_Url (the_SideBit_Url)
print_DegreeConfluence_Url (the_DegreeConfluence_Url)
print_TopoZone_Url (the_TopoZone_Url)
print_FindU_Url (the_FindU_Url)
print_MapTech_Url (the_MapTech_Url)

1
Comment

Posted in 琐碎

三

f2e.it前端页面全程

IT男，不会设计，只求极简

结构：全程html5coding+wp.php

表现：css（3）+less

行为：jquery+js

{*_注：在IE6下完美不正常显示\9 ！important；}

记录构建遇到的问题：

1.less.js在chrome下生成css无效原因，参见：jquery在本地chrome下load无效的原因；

2.wordpress全部模板标签，参见：wordpress模板标签；

3.the_content标签使用，参见：显示文章内容；

持续更新。。。

No
Comments

Posted in html5, js, 前端开发

三

用css来写首行缩进，让&nbsp；玩蛋去

修改别人的代码是件非常不爽的事情，也是一个可以学到东西的好事。

刚刚再改学派的页面，发现有好多首行缩进居然用了&nbsp；。。。

在几周前还专门为table清理冗余，今天又遇到这个，难怪IE6的bug那么多，于是都成共性了。

上正题：

就一个属性

text-indent:2em;

几个em就缩进几个字，然后，然后就没了

No
Comments

Posted in 前端开发

三

p标签里的div

昨天去论坛看到一位童鞋提到这么一个问题

<html>
<head>
<title>关联样式选择器</title>
<style>
p { color:green; font-size:1cm }
p.one { color:red; font-size:2cm; }
div .one { color:yellow; font-size:3cm; background-color:red; }
</style>
</head>
<body>
<p class="one">这是被定义过的</p>
<p>这是没定义过的</p>
<div>
<div class="one">这是被定义过的</div>
</div>
</body>
</html>

为什么把div 换成P之后就显示不出来了？谁能告诉我一下么？

俺也没遇到过，于是找了些资料，现学现卖给他

55U：

W3c的html4.0.1明确规定P标签是不能包含块元素的孩子的。
原文： The P element represents a paragraph. It cannot contain block-level elements
原文地址： http://www.w3.org/TR/html401/struct/text.html#edef-P
如果含有浏览器会解析成
<p></p>
<div></div>
<p></p>;

可以用chrome查看一下
另外p.one和p .one是不一样的，注意中间有个空格 p.one可以简写成.one
p .one是指p元素下的子元素.one。

No
Comments

Posted in 前端开发

三

写一个很2的让div垂直居中的js

需要让div垂直居中，不让用table，用margin还会出问题，尤其是在FuckIE6的时候。

写了一周的页面终于有时间写点js了，于是就搞了个很二的用来让div垂直居中的Js

<body>
<style type="text/css">
#center{ width:700px; height:100px; background-color:#333; margin:0px auto;}
</style>
<div id="center">
</div>
<script type="text/javascript">
function change(){
var winH=window.innerHeight;
var divH=document.getElementById("center").offsetHeight;
var FH=(winH-divH)/2;
document.getElementById("center").style.marginTop=FH+'px';}
window.onload=change;
window.onresize=change;
</script>
</body>

No
Comments

Posted in js, 前端开发

三

火狐11强悍的3Ddom功能

和chrome一样，审查元素然后在右下角点击3D（M）这里下载

No
Comments

Posted in 琐碎

三

各种问题+IE6bug密集型层

1.如果元素不是position:absolute; 那么z-index属性就会无效。想用jquery调用z-index就会不好使。

2.父元素没高度，但是子元素有高度，在chrome下调试看不到父元素高度，可以给父元素加overflow:hidden;

3.b元素 margin，padding无效时试试display:block;

4.jquery设置属性无效时，很有可能是元素在css里没设置属性，想要调用，前提是得有。

5.在IE6下table右侧边框消失，很可能是某行td colspan 属性设置的过多。

6.IE6下DIV消失

举例说明下

<style>
.test{position:relative;width:400px;height:300px;}
.s1{background:#f5f9e8;width:100px;height:200px;position:absolute; top:100px;}
.s2{background:#f6e7fc;width:200px;height:100px;float:left;}
.s3{background:#deeffb;;width:200px;height:100px;float:left;}
</style>
<div class="test">
<div class="s1">55u.me</div>
<div class="s2">55u.me</div>
<div class="s3">55u.me</div>
</div>

.s1元素会在IE6下消失，解决办法：为s1元素外加上一个新的层元素将S1包含在内，例如

<div id="fuck-ie-6"><div>55u.me</div></div>

#fuck-ie-6:{position:relative}

7.行内元素在IE6下上下border消失，解决办法：将元素设置display:block;

No
Comments

Posted in 前端开发