javascript
文章平均质量分 83
iteye_4865
这个作者很懒,什么都没留下…
展开
-
google analystic 网站覆盖图的可能实现
例如 http://www.*.com/index.html #gaso=J_RwLR4BAAA.GdWBP--lZRvPYumDDSfKm4AGdi93HBJIgkGans2KjRwK2fEgAC5sxeW6PPwU2954La-XAKaKGmIQJIpKvDk0Mk3HCLZ5TKOi81aghE0Ibf1Idpjbh-01QcAKALWhHwPjYnljoa5ZmS4Kq...原创 2008-12-13 07:08:18 · 259 阅读 · 0 评论 -
拼音提示功能的实现
有时会有各种奇怪的要求,比如要求输入 HK ,要求提示出香港 ,上海虹口区,因为他是香港,虹口的拼音缩写 譬如: 以前封装过 neverModules-autoComplete.js,用起来很不错,不过作者好像很久不更新了,我就改了一下源代码,将拼音作为一个隐藏的内容,可以被关键词查找到,但不提示出来。 ...原创 2009-01-13 13:56:48 · 354 阅读 · 0 评论 -
javascript 拖放实现的要点
Drag And Drop1. 定义一个拖放对象 A2.监控 A 的 onmousedown 事件 ,记录当前拖放对象,拖放开始 3.当拖放开始时 ,监控 document 的 onmousemove onmouseup 事件 4. 当 onmousemove 事件触发时 ,将当前事件的坐标位置 改变 当前拖放对象 的位置 5. 当 onmouseup ...原创 2009-02-23 01:01:12 · 86 阅读 · 0 评论 -
简析 闭包,作用域,this
var x=1;function test() { alert(this.x); alert(x);}function y() {var z={x:2};var x=5;test.call(z);}y();test(); 运行结果为:2 1 1 1 1.其中this不固定,指的是函数运行时所在的对象 ,obj.func 或 func.apl...2009-03-06 12:38:15 · 111 阅读 · 0 评论 -
跨域问题 之 window.name
很早以前 写了个 Ext XMLHttpRequest 之外的 刷新 其中 (1) iframe 动态创建 onload 读取 iframe.innerHTML 只适合 同域下 主页面 无刷新 上传文件的情况 , 当跨域访问 时 就不行了 。 (2) script 动态创建(每次创建设置定时器) server 调用 回调函数,摧毁定时器 则是可以跨域取得数据的...原创 2009-03-10 18:12:35 · 91 阅读 · 0 评论 -
javascript 与 iframe
iframe是xhtml strict模式下禁用的标签,因此不建议使用,故javascript对它的操作也比较模糊。但是旧系统仍然大量使用iframe以及无刷新体验的文件上传,一般设置transitional,操作还是要记下来。特别是控制iframe具体包含内容的方法: 1.控制 iframe 跳转 1.1 原始的控制iframe方法...2009-03-14 21:25:17 · 169 阅读 · 0 评论 -
频繁DOM操作问题
今天看到一篇文章 Nicholas C. Zakas(professional javascript 作者) 的 Speed up your JavaScript, Part 4 ,恍然想起以前好像也碰到过上述现象 ,只是没加深究,找到解决方法后就完事大吉了,当时的代码抽象如下: 方法1 : <?xml version="1.0" encodi...2009-03-16 14:15:32 · 716 阅读 · 0 评论 -
听课笔记 - Douglas Crockford JavaScript Programming 2
The JavaScript Programming Language(2)http://video.yahoo.com/watch/111594/1710553第一次听国外专家网上这样讲哦1. var x ; x 默认 undefined2.function 默认返回 undefined ,当用作构造函数时返回 this3.object 访问属性...2009-03-16 15:43:52 · 117 阅读 · 0 评论 -
听课笔记 - Douglas Crockford JavaScript Programming 1
The JavaScript Programming Language(1)http://video.yahoo.com/watch/111593/17105071. NaN : not a number , 不等于任何东西包括自己 , 算数运算中有 NaN 结果是 NaN2. Number(value) 失败则返回 NaN3.Math O...2009-03-17 15:50:22 · 122 阅读 · 0 评论 -
听课笔记-Douglas Crockford JavaScript Programming 3,4
The JavaScript Programming Language(3)http://video.yahoo.com/watch/111595/1710607The JavaScript Programming Language(4)http://video.yahoo.com/watch/111596/17106581. function are firs...2009-03-17 21:30:15 · 79 阅读 · 0 评论 -
听课 - Douglas Crockford Theory of the DOM
1. mosaic [mC'zeiik]2.<script> <!-- code --></script> 兼容老式浏览器 <script></script> 建议放在最后 <style></style> 放在最前面3. document.write 不建议使用,建议等2009-03-19 14:10:03 · 155 阅读 · 0 评论 -
听课 - Douglas Crockford Advanced JavaScript
详解继承//继承图解function child() {}function parent() {}var parentObject=new parent();child.prototype = parentObject;var childObject=new child(); 1.继承实现的方法: 1.1 class ...2009-03-19 16:25:14 · 123 阅读 · 0 评论 -
页面加载判断与 load 研究
判断页面加载完毕进行相关操作是经常碰到的问题 ,不能仅仅满足于 window.onload 或 <body onload="">。 <html> <head><title>页面加载问题-onload-by yiminghe</title><script>function ready() {原创 2009-03-23 19:34:33 · 129 阅读 · 0 评论 -
JavaScript的对象模型与执行模型
比附件的 ecmascript 262 spec 容易看懂些,请耐心仔细 :) 。 JavaScript的对象模型与执行模型 数据类型 基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean,Number和String。注意,描述中的英文单词在这里...原创 2009-03-28 16:31:01 · 88 阅读 · 0 评论 -
逻辑运算的一点小技巧
&& 与 || 这两个运算符算是和传统语言(java,c++)区别蛮大了,首先看两段代码: var x = '1';alert(true|| x);alert(false && x) 这个结果可能都知道,即使传统语言程序员也能猜到结果是 true false,那么下面的结果呢 var x = '1';a...2009-04-13 22:38:33 · 214 阅读 · 0 评论 -
+ 的陷阱
1+'2' = ? 一般来说等于 3 很合理啊,可根据标准结果是等于 '12',+ 与字符串的结合律高于数字。特别是对于从一段字符串中利用 正则表达式抽取数字计算来说特别要注意这个问题。如: <script> var reg=/(\d+),(\d+)/; var ok='1,2'.match(reg); alert(ok[1]...原创 2009-04-15 01:14:27 · 109 阅读 · 0 评论 -
开发工具
不知道什么开发工具好,发现周围搞 java 的基本上都是 eclipse,我以前也是,前一段时间试用了一下 intellij,便再没换过了,感觉比 eclipse (不加插件)好多了,整合得很好,以前各种eclipse插件用的我心力憔悴,各个功能都很一致,最关键的是对 javascript 支持的太好了,用以来感觉和写 java没啥区别,强烈推荐。...原创 2008-09-14 04:04:01 · 72 阅读 · 0 评论 -
ie 6, 7 预览本地图片 附 Ext window
引入css #form-file_div{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);}#form-file2_div{ filter:progid:DXImageTransform.Microsoft.AlphaIma...2008-10-07 03:15:32 · 102 阅读 · 0 评论 -
Ext.util.CSS IE下小问题
Ext.util.CSS 是直接对样式表进行操作的工具类,可以对某一类元素直接操作设置样式,而避免 dom 循环设置行内样式的效率问题。问题:但是他没有考虑 ie 下的 selectorText 返回为大写这一点,那么操作: Ext.util.CSS.getRule(小写选择符) 在 IE 就什么也得不到了。根本原因还是在于 ...2009-10-21 12:32:12 · 132 阅读 · 0 评论 -
简记 keyCode 与 charCode
keyCode :IE 与 w3c兼容浏览器 keydown ,keyup 时 event 的 keyCode 为实际按键的值 。例如:shift + a == 16 + 65 charCode : w3c兼容浏览器 在 keypress(shift等非实际值键忽略) 时 event 存在 charCode 属性为对应字符值,ke...原创 2009-11-02 00:39:44 · 191 阅读 · 0 评论 -
IE 取得css属性的绝对像素值
问题:由于 css 属性单位可以设置为 em ,以及 % 来达到流体布局以及弹性布局的效果,但是当 javascript 操作这些元素进行运算时,一般要转换为绝对数值进行运算,比如 offsetWidth ,offsetHeight ,但是不是所有的css属性(padding,margin)都对应上述可以得到直接数值的属性,w3c 规范说明可以使用 document.d...2009-11-06 17:56:53 · 350 阅读 · 0 评论 -
简洁的强制换行代码
经典的长字符串非 ie 下强制换行问题 ,网上大多代码看起来比较啰嗦,自己重写个把,原理很简单,长英文串超过一定字符就加个 <wbr/> 建议换行标签就好了 。 代码 : 欢迎挑错 /***每count长字串间加入<wbr/>建议换行标志*@param str {string} 长字串*@param coun...2009-11-25 15:50:28 · 449 阅读 · 0 评论 -
纯css菜单的 ie6 patch
css 权威 eric meyer 很早利用标准浏览器任意元素 :hover 伪状态实现了 纯 css 菜单 ,结构很好,但是没有说明 ie6 的妥协方案,其实现在也就需要对 ie6 妥协一下而已,近来想实用就写了段脚本修正了一下:1. 利用 mouseover,修正 hover,以及动态添加类实现 ie6 子选择器问题。2. ul,li,a 利用 zoom:...2009-12-08 00:17:34 · 110 阅读 · 0 评论 -
Javascript闭包与python 闭包
下列代码很好的展示了javscript函数的闭包,javascript没有块作用域,只有函数作用域 var f=[];for(var i=0;i<10;i++)f.push(function(){alert(i);});f[0](); 打印 10。因为所有f函数都共享同一个作用域window,调用时查找的是同一个window的i,即循环结束后的i ...2009-04-25 08:16:40 · 170 阅读 · 0 评论 -
setTimeout ,xhr,event 线程问题
由 http://lifesinger.org/blog/?p=1568 所想 1. javascript 是单线程的,其实只有xhr是新开了一个线程而已。 第一段代码: setTimeout(function () { alert(1);},0);setTimeout(function () { al...2009-04-30 18:25:01 · 180 阅读 · 0 评论 -
XHR与浏览器导航冲突解决方案
研究 gmail 有感 理论: 历史:最早没有 xhr 的时候,要想得到无刷新的用户体验,唯一的方法就是隐藏帧技术(frame) ,发展到现在的 iframe,这个技术仍然有它的使用场景,即在文件上传以及简单情况下浏览器的前进后退导航功能上。 使用:当一个页面嵌入一个iframe时,当javascript变动iframe的src(...2009-05-01 18:08:43 · 193 阅读 · 0 评论 -
offsetXx 探讨
offsetParent 作为 CSSOM 的一部分,在 IE,FIREFOX 中表现不一致性,因为这点区别很少用到,所以资料一般较少提及。 offsetTop,offsetLeft 等 IE,FIREFOX 是通用的,只不过相对的 offsetParent 不同。updated : 09-05-20 offsetTop firefox ie...2009-05-06 20:18:44 · 122 阅读 · 0 评论 -
Javscript Array 探讨
虽然 Javscript Array 是对象,typeof [] == 'object',但作为系统内置的对象类型并不同于我们自己建造的对象。 如下代码: Array.prototype.custom=function(){ alert('custom');};var f=[1];f.custom();for(var i in f) { a...2009-05-11 01:56:10 · 85 阅读 · 0 评论 -
使用面向对象的技术创建高级 Web 应用程序
使用面向对象的技术创建高级 Web 应用程序 原载在 : MSDN最近,我面试了一个有五年 Web应用程序开发经验的软件开发人员。四年半来她一直在从事 JavaScript 相关的工作,她自认为 JavaScript技能非常好,但在不久之后我就发现实际上她对 JavaScript 知之甚少。话虽这样说,但我确实没有责备她的意思。JavaScript...原创 2009-05-11 15:49:06 · 86 阅读 · 0 评论 -
小技巧 之 重复字串的生成
如 'ab' -> 'ababababab' 1.笨笨的方法: String.prototype.repeat=function (n) { var x=''; for(var i=0;i<n;i++) { x+=this; } return x;} 2.知道 StringBuilde...2009-05-12 01:43:32 · 158 阅读 · 0 评论 -
小技巧 之 代码块区别运行
由于web开发所常见的多平台适应问题,往往根据对象能力检测或者浏览器检测(不推荐)采用不同的处理方法是不可避免的。如常见的事件处理还要分作 W3C 和 IE系列 两套解决代码,(这里更说明了 对象能力检测为何优于浏览器检测,你可不知道会不会有哪个变态浏览器不声明自己是IE,却用着IE的事件处理方式)。那么说道如何解决不同的处理...原创 2009-05-13 01:20:48 · 115 阅读 · 0 评论 -
简译:网站提速最佳实践
第一次翻译如此长的文章,打算近期完全翻译,就简单描述一下思想,不求信达雅,希望大家都能快速掌握这些技巧,没有版权,随便传播。网站建设虽然对于普通程序员没有太大关系,但是从大局着想也能潜移默化中影响细节的效率实现。 正文 ( 原标题“Best Practices for Speeding Up Your Web Site” ,来源developer.yahoo.com...2009-05-13 23:28:57 · 172 阅读 · 0 评论 -
img大小属性读取问题
第一次遇到这个问题 <div style='display:none'> <img src='mm2.jpg' width='400' id='t1' /></div>在 firefox 中可以读到 document.getElementById('t1').width == 400在 ie 中读到 d...原创 2009-05-16 03:38:36 · 182 阅读 · 0 评论 -
Web 前端细节
1.javascript 简单数值类型 Undefined, Null, Boolean, Number和String 五种 ,内置数据类型(内置对象) 都可以看作是函数的派生类型2.javascript 获得某个页面元素的绝对位置 offsetTop offsetParent 方法会有错误 ( 特别是如果是 该元素的 祖先元素们含有滚动条[over...2009-05-20 01:41:31 · 157 阅读 · 0 评论 -
简译:Ext-Core 3.0 使用手册部分1 (09-05-21)
完整英文版本抛砖引玉吧,现在还没有中文版本出现引言:Winston Churchill : “We make a living by what we get, but we make a life by what we give.”。丘吉尔说过:“我们靠所得来谋生,但却是靠给予来创造生活。” Ext...2009-05-21 18:05:28 · 107 阅读 · 0 评论 -
关于 百度有啊 的一个细节探讨
今天上了一下 有啊 ,随便看了一点源代码,对于此现象 有点微言:如上所示,点击 输入商品框时,输入商品这几个字会没有,变成百度的实现为 : <input type="search" results="8" autosave="baidu" accesskey="s" placeholder="...2009-05-22 18:58:02 · 136 阅读 · 0 评论 -
The genius behind Google’s web browser
崇拜,真正的世外高人(⊙o⊙)哦 ( ps:为什么国外高手都用Mac )书中漫画地址:看这里@google 或者 本帖后附件下载 ( 用firefox打开 ) 原文链接:The genius behind Google’s web browser作者:Rob Minto译者:Esther校对:pestwave ...原创 2009-05-25 00:03:12 · 402 阅读 · 0 评论 -
一些前端问题以及我的一点答案
1.某产品页面左侧的边栏是一个允许用户自定义宽度(240-420像素)的div容器,现在设计师考虑在容器内放置一个8 X 8格的国际象棋棋盘,棋盘的总宽度是一个偶数,而同时,为了良好的视觉效果,必须保证容器两边所留的空白宽度相同。于是,Web前端开发工程师A现在面临 一个难题了,那就是如果用户设置的容器宽度为奇数,必须在页面渲染的时候,将它的实际宽度减少一个像素变为一个偶数。仔细考虑之后,A决定用...原创 2009-06-04 20:55:00 · 219 阅读 · 0 评论 -
资源的异步动态加载问题
1.预加载图片 图片除了可以用创建 img dom 节点的方法加载外,还可以用常见的缓存图片方法,Image对象加载,基本上创建出来的img dom node 和 new Image 对象一样的,(除了没有实体标签不可以显示出来) ,但是 ie 对于从缓存中加载的图片触发事件有区别(和事件添加位置有区别),详见代码。特别注意判断缓存加载,有的浏览...2009-07-02 21:18:48 · 261 阅读 · 0 评论 -
Understanding Progressive Enhancement
Since 1994, the web development community has beaten graceful degradation’s drum. A carry-over from the engineering world, the concept was, at its core, about giving the latest and greatest browsers...原创 2008-10-15 01:43:27 · 167 阅读 · 0 评论