iTechTag ^beta..

郁闷的1px - IE6绝对定位的神奇bug

阅读41次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-10-09

  昨天做边框圆角的时候发现一个bug。 这个bug实际上出现在IE6以下版本的IE浏览器上。   出现情况在： 1.外层元素用position:relative定位，并且实际content宽/高为奇数； 2.内层元素使用position:absolute定位，并且使用了bottom/right定位。   仔细看下面两个情况有什么不同（要使用IE6以下浏览器，其他浏览器不会出现该bug）：   .wrapper { position:relative; width:201px; line-height:19px; background:#000; color:#FFF; } .obj { position:absolute; right:0px; bottom:0px; border:1p...

JavaScript的“编译时”与“运行时”

阅读61次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-20

  JavaScript不是解释型语言吗？为什么会有“编译时”与“运行时”之分？   基础知识   看接下来的内容之前，有几个地方需要先了解。   JavaScript中的“未声明”与"未定义"   看看下面两段代码   代码1.1  <script type="text/javascript"> alert(a); </script>   代码1.2 <script type="text/javascript"> var a; alert(a); </script>   第一段代码在各个浏览器中都会提...

JavaScript面向对象 “四段式”类设计方法

阅读65次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-18

  引   近段时间做的两个小纯Js的小游戏 PuzzleGame / Tetris (开发中)，对JavaScript的面向对象设计方法进行了不同的尝试。   在PuzzleGame的实践过程中，面向对象的设计方法遭到多次挫折，最终还是大部分函数式编程完成，夹杂了小部分面向对象方法。   而在Tetris的设计初始，偶遇《JavaScript王者归来》（月影 著），翻看了前面小部分内容，在第一个实例（计算器）中，看到了一种开放接口的简单方法，顿时解开了前阵子PuzzleGame实践过程中的困惑，一切豁然开朗。   于是我在设计Tetris的过程中结合自己的习惯形成了一种类设计的方法，确实在很大程度上提高了编码的效率，代码结构也更加清晰。   现在跟大家分享这样一种简单的方法，我自...

JavaScript 两种for循环方式的异同

阅读68次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-17

  今天一不小心发现一个小细节，看看以下两种for循环方式的相异之处。   <script type="text/javascript"> var arr = [1, 2, 3]; for(var i = 0; i < arr.length; i++) { } alert(i); for(var j in arr) { } alert(j); </script>   你会发现第一个显示3，第二个显示2。   [新闻]谷歌向俄勒冈大学开源实验室捐款30万美元

Ajax 入门笔记

阅读61次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-14

摘要: XMLHttpRequest对象除IE以外所有的浏览器都支持直接使用XMLHttpRequest对象。而IE是通过创建ActiveXObject来创建类似的对象（其中IE7已经对XMLHttpRequest有了直接的支持，我们需要注意的是IE7以下的浏览器）。这里给出一种包装方法使得IE5、IE6也能具有XMLHttpRequest对象，这样我们在使用XMLHttpRequest对象的时候可以使用  阅读全文[新闻]谷歌软件精选(Google Pack)正式上线

DDjs发布：纯js拼图小游戏PuzzleGame

阅读64次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-13

    放这里不大方便，大家可以下面的地址访问，服务器有点慢，请耐心等待图片下载完毕呵呵～   http://www.zhengchuyu.cn/works/js/pzg/index.html   这是我用js写的第一个小游戏，虽然没什么技术含量，但是总算是一点成果。   通过IE7、Firefox及Opera测试，但是没有在IE6下运行过……   页面中有源码下载的链接，大家可以看看，感兴趣的话可以按说明方便地将其植入你的页面中。   欢迎批评指正！     下载游戏： http://www.zhengchuyu.cn/works/js/pzg/download/[%20Puzzle%20Game%20v3.0%20][mht].rar...

JavaScript 正则表达式 笔记

阅读62次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-13

  特殊字符转义（小写!)   \w word 字母数字下划线[a-zA-Z0-9_] \s space 任何Unicode空白符 [\n\r\f\t\v] \d decimal [0-9] \b bound 单词边界 （/^JavaScript\b/ 与 “JavaScript is...”匹配，不与“JavaScript:alert('');”匹配）   重复   {n} {m, n} {m,} 重复次数大于m   分组与引用   通过括号对正则表达式进行分组。 分组两个作用：一是重复，而是引用。 \ $   匹配位置   (?=  ) 预查 指定匹配字符串接下来应该出现的匹配串 如：/...

JavaScript Cookie操作 笔记

阅读67次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-13

摘要: cookie的属性expires 生存期默认：会话期间存在(用户关闭浏览器后，cookie值被销毁）其他：日期格式规范为GMT（或UCT）"Weekday, DD-Mon-YYYY HH:MM:SS GMT" 解决方法是使用Date对象。path 可访问的路径默认：创建该cookie值的网页路径（cookie只能被同在当前目录中的其他页面，或者当前目录的子目录中的页面访问）其他：可以将path设置  阅读全文[新闻]Google翻译推iPhone专用版

DDjs步步为营：JavaScript图片显示[DDbox]

阅读73次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-08-05

  时常看到一种js效果，点击网页上一个图片，背景变灰，前景出现一个图片框，框里显示被点击图片的大图。著名的实现有lightbox和thickbox。   以前看到这种效果觉得很酷，现在自己也来简单实现一个（就叫DDbox哈哈）。   第一步：设计   页面标记   首先要考虑的是在页面文档中要怎么标记这样一个位置：当你点击该位置的时候会出现上文所述效果。   考虑到当JavaScript被禁用时，仍能确保一定的用户体验，我们使用带有href属性的a标签。当JavaScript被允许的时候，点击该标签可以展示我们的动画，并且阻止跳转。当JavaScript被禁用的时候，我们通过<a>标签的链接地址转到图片所在位置。   这里我们会考虑到图片可能需要一些注释。注释的获取考虑自定...

浏览器兼容的禁用右键的JavaScript代码

阅读54次,收藏0次,顶0次,踩0脚 | 订阅者:郑楚煜 | 来源:博客园-东捣's Blog | 文章作者: 东捣CY | 发表时间: 2008-07-31

  今天在百度知道上看到有人提问怎么用JS禁用页面右键。   自己写了一个   document.oncontextmenu = function(e) {     if ( e && e.button == 2 && e.preventDefault )         e.preventDefault();     else         wi...