天叶部落
一个80后生人的闷骚生活
- Xhtml/Css
- |
- Javascript
- |
- Flash
- |
- ActionScript
- |
- SheJi
- |
- SuoSui
- |
- LiuYan
- |
- XinWen
- |
- Photos
2010-2-25 by 叶梓一些自己常用的代码片段
Html
代码<div class="rec-t"><span class="l"></span><span class="r"></span></div>
<div class="rec-b"><span class="l"></span><span class="r"></span></div>
Css
代码.rec-t,.rec-b{height:3px; width:100%; overflow:hidden;}
.rec-t span,.rec-b span{background:url(../images/cssbg.png) no-repeat; display:block; width:3px; height:3px;}
.rec-t span.l,.rec-b span.l{float:left; margin-right:-3px;}
.rec-t span.r,.rec-b span.r{float:right; margin-left:-3px;}
.rec-t span.l{background-position:0px 0px;}
.rec-t span.r{background-position:0px 0px;}
.rec-b span.l{background-position:0px 0px;}
.rec-b span.r{background-position:0px px;}
图片是4个圆角组成的圆
Tags: 圆角 Css xhtml 代码片段 初始CSS
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:
2010-1-9 by 叶梓2009年的自我总结
JavaScript 学了一点,买了本大头书,很厚啊,快1000页,到现在才看了1/10,不过倒是对JavaScript更了解了一点,至少现在看JavaScript不会看不懂了,分析一下也就能看懂别人的代码了,嘿嘿,会改别人的代码了。
接触了一下JQ,果然很强大,很喜欢用里面的选择器,非常非常的方便,虽然现在用的还不是很熟悉,主要是因为工作条件不允许,现在的项目用JQ 纯属浪费资源,用不到。
Css还是老样子,不过对代码结构更熟悉了一点,现在做页面可以不用hack也能兼容所有的浏览器了。总结了一些代码片段,哈,用代码片段对写html很有帮助啊,大大的提高工作效率,现在基本上1天半就能切个网站出来。过段时间我把代码片段给放出来,留个档。
Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:
2009-9-19 by 叶梓RDFa相关介绍-构建更友好的web页面
现在的互联网主要是为人类的使用而创造的,虽然机器可读的数据是互联网上最先出现的,但是这些机器可读的数据一般是以单独的文件和单独的格式被发布在互联网上的,机器可读的和人类可读的数据之间的关联是相当少的。结果就是现在的浏览器在解析和处理web数据上的能力很差,因为浏览器只负责展示这些信息。
Tags: xhtml
阅读全文 | 分类:Xhtm/Css | 评论:2 | 引用:0 | 浏览:
2009-8-1 by 叶梓就这样吧
就这样吧,不想了,想也想不出个所以然,还是顺其自然吧。
That's it,I'll stop thinking,
Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:
2009-7-28 by 叶梓display:inline-block
提示:您可以先修改部分代码再运行
一个内联对象,一个块对象
提示:您可以先修改部分代码再运行
Tags: Css
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:
2009-7-21 by 叶梓在现代浏览器中创建圆角CSS3
代码-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-moz(例如 -moz-border-radius)用于Firefox
-webkit(例如:-webkit-border-radius)用于Safari和Chrome。
Tags: Css Css3
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:
2009-7-21 by 叶梓HTML中判断IE版本
当表达式expression 为True 的时候,显示 HTML 内容。
代码<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->
Tags: xhtml
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:
2009-7-2 by 叶梓测试你的智商
全部39道题目算完后,按右下角的“Submit”按纽,可以得到您的智商哦,据说爱因斯坦的智商有160,算算您和天才差多远。
Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:
2009-7-1 by 叶梓【转】页面重构中的模块化思维
模 块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体, 完成整个系统所要求的功能。模块具有以下几种基本属性:接口、功能、逻辑、状态,功能、状态与接口反映模块的外部特性,逻辑反映它的内部特性。在软件的体 系结构中,模块是可组合、分解和更换的单元。
Tags:
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:
2009-6-29 by 叶梓乱七八糟的念头
想写些什么东西,但是事到临头却一片空白,只能用零碎的词组表达了。
变形金刚2,外包,网站,css,框架,JQ,女人,蓝色理想,吃宵夜,米粉,灵动,天意,活着为什么,心如止水啊,跨一步超脱世俗,懒,心动,飞鱼秀,文蕊,绿小千,叶**
Tags:
阅读全文 | 分类:SuoSui | 评论:1 | 引用:0 | 浏览:
2009-6-9 by 叶梓简单解读面包屑
很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他 又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋 里。
在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已 是一片漆黑。汉赛尔安慰他的妹妹说:“等月亮一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当月亮升起来时,他们在地上却 怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
这是《格林童话》中所描述的与面包屑有关的故事。不知道从哪一天开始,汉赛尔的面包屑开始悄悄地出现在某个网站的导航位置上,然后迅速地撒遍了全世界,变成了今天大家所熟知的“面包屑导航”。
Tags:
阅读全文 | 分类:SheJi | 评论:0 | 引用:0 | 浏览:
2009-6-8 by 叶梓iframe自适应高度
代码<iframe id="frame_content" width="100%" src="xxx.html" scrolling="no" frameborder="0" onload="this.height=1549"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame_content");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>
Tags: javascript
阅读全文 | 分类:Javascript | 评论:0 | 引用:0 | 浏览:
2009-6-8 by 叶梓前端开发常用工具软件
一、IE网页调试插件
IE Developer Toolsbar
IE下的FireBug.HTML及CSS调试工具
http://www.windowsmarketplace.com/details.aspx?itemid=2695980
Microsoft Script Debugger
Companion.JS 需要安装Microsoft Script Debugger才可
Companion.JS
IE下的javascript调试工具.
http://www.my-debugbar.com/wiki/CompanioNJS/HomePage
SuperPreview
主要用于html、css的调试和各个浏览器(目前只能针对IE6-IE8)的页面呈现测试
IETester-同时拥有IE6、IE7、IE8(Vista兼容)
http://www.my-debugbar.com/wiki/IETester/HomePage
二、firefox网页调试插件
FireBug
firefox下一套强大的网页开发调试工具
https://addons.mozilla.org/en-US/firefox/addon/1843
Web Developer
FireFox下的查看工具,可以查看JS,CSS等页面信息
https://addons.mozilla.org/en-US/firefox/addon/60
YSlow
why slow 页面性能优化查看器.基于FireBug
http://developer.yahoo.com/yslow
Javascript Debugger
FireFox下的javascript调试工具,比FireBug有更强大的调试功能.
https://addons.mozilla.org/en-US/firefox/addon/216
Opera Developer Tools
三、其它
Opera下的DOM,CSS查看工具,类似FireBug.
http://dev.opera.com/articles/view/opera-developer-tools/
webkit
Safari下的开发调试工具
Fiddler
一个很强大的http流查看工具
http://www.fiddlertool.com/fiddler/
Httpwatch
数据分析工具,头消息接受/发送的查看,POST数据查看.等等
Tags:
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:
2009-6-8 by 叶梓比较Yslow评分
雅虎 Yslow评分:A-96分
作为插件的开发者yahoo,并不诧异他们为何取得如此高的评分。
首先,他们使用了CDN(Content Delivery Network)技术,让用户可以就近取得所需的内容,解决网络拥挤的状况,提高用户访问网站的响应速度;其次,yahoo在ETags配置上也有独特之 处,声明过期,就是说,用户从服务器取数据的时候,如果文件变化了,给他反馈新的文件,如果文件没有变化,只需告诉客户端没有变化即可,不必再把文件取回 来,这样就节省了大量的网络带宽和资源。
另外,我曾经认为所有的JS脚本都要放到页面底部最后加载,参考雅虎的代码结构后才发现,并不完全是这样,只要将那些在加载过程中要执行的脚本放到底部,就可以实现最大的下载并行。

