`
liuwuyue
  • 浏览: 22850 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论
文章列表
今天在实现一个级联效果的时候 ,三个下拉框级联 。主要用到change事件。 为减少事件监听,就用了代理的方式在父容器上监听change事件,然后 判定事件来源,对应进行处理。 在 ff, chrome 下 ,一切ok, 但是在IE 6 下,发现 不行。 遂查了原因。发现 change事件在 IE系列里面竟然不冒泡 ,伤不起啊 ,最后又悲剧的改为单个监听change事件。   经查发现: 不光 change事件, IE6 IE7 IE8 IE9(Q) 中 change、select、submit、reset 事件均不产生事件冒泡。       附:坑啊! 再次缅怀秦始皇, 期待一 ...
假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。 obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。 obj.offsetWidth 指 obj 控件自身的宽度,整型,单位像素。 obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。 如下是html <!DOCTYPE html> <html> <head> <style type="text/css"> * { padding ...
一.概述 本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧. 二.定义 DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置,处于 <html> 标签之前。通过确认页面的DTD, ...
js中位运算还是很快的。有一种位掩码技术,用来处理同时存在多个布尔选项的情形。其思路即使用单个数字的每一位来判定是否选项成立,从而有效地把数字转换为布尔值标记组成的数组。掩码总每个选项都是2的幂。 例如  var OPTION_A = 1; var OPTION_B = 2; var OPTION_C = 4; 通过这些选项定义,可以用按位或运算创建一个数字来包含多个设置选项。 var option = OPTION_A |OPTION_B|OPTION_C ; 接下来你可以通过按位与操作来判断一个给定的选项是否可用。如果该选项未设置则运算结果为0,如果已设置则结果为1: //选项A 是否满 ...
在浏览帖子的时候,看到一篇写的比较透彻的帖子讲事件模型的。拿来记录下。 引用来源,感谢原作者rock. 2009-7-30来源:http://www.9demo.com 作者:Rock 事件 HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里 ...
以下为转载:     来自:http://www.cnblogs.com/wgw8299/archive/2011/02/06/1949453.html    感谢原作者:Tiwer 所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 点,也是要从另外一个外部的图片文件例如gif文件中读入的,如果浏览器实现了data类型的Url格式,这个文件就可以直接从页面文件内部读入了。 data类型的Url格式早在1998年就提出了, ...
读算法导论 第四部分第15章,提到DNA解析的时候的最大公共子序列问题。按书上描述用js实现代码如下 var str1 = 'accggtcgagtgcgcggaagccggccgaa'; var str2 = 'gtcgttcggaatgccgttgctctgtaaa'; var rl = new Array(); function LCS(str1,str2){   var m = str1.length ;   var n = str2.length ;   //模拟二维数组   //var rl = new Array();   for(var i=0;i<=m;i++){    ...
以下是在网上查的资料,摘自别人的文章。    一、什么是闭包?   “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。   相信很少有人能直接看懂这句话,因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码:     function a(){       var i=0;       function b(){         alert(++i);       }       return b;   ...
周末去一家公司面试,面试官给出了几道题。如下:1:   url解析  考虑用 字符串的split方法。 代码如下:   url切割    输入: http://www.baidu.com?a=1&b=2    输出: {a:1,b:2}    直接切割           function getPara(url){ var tem ...
extjs store的record类型问题  昨天被客户提了一个问题,通过一个store,如何获取其record类型。当时不知道,查过ext api 后发现,store中 保留了record类型的引用,recordType 用法如下:    new store.recordType(defaultData); 即可创建一条记录。
今天客户提了一个需求,滚动条自动定位问题。大致如下:  树控件菜单中 ,有很多节点,当打开较多的时候,会显示不下,出现滚动条,用户展开一个靠下的节点时候,往往要先拉动滚动条,才能看到展开节点的叶子节点。客户希望在展开节点的时候,滚动条会自动定位,不需要拉动就能看到下面的子节点。    查找相关代码发现 滚动条是跟随焦点走的,焦点在哪,滚动条默认就向哪滚动,点击父节点或者展开按钮时候,是当前节点获取焦点,故滚动条只会滚动到当前节点处,要想实现用户的需求,最好是当前展开节点的最后一个节点获取焦点,查找ext api 发现treenode无获取焦点的方法,查看其元代吗,发现 treenode 的获取焦 ...
以下为引用文档: 引用地址为:https://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapes  具体内容如下:     Unlike SVG, canvas only supports one primitive shape - rectangles. All other shapes must be created by combining one or more paths. Luckily, we have a collection of path drawing functions which make it possibl ...
html5汹涌而来。拿来玩玩。今天学习canvas。   首先上个例子,自己写了一个实现圆角矩形方法。    function  drawRoundRect(ctx,x,y,w,h){ var d1 = 1/40*w; //设置 d1 d2的默认长度  为贝塞尔曲线取中间控制点做准备 var d2 = 1/50*w ; ctx.beginPath();  // 第一个节点   ctx.moveTo(x,y+d1+d2) ; //起始点   ctx.bezierCurveTo(x,y+d1,x+d1,y,x+d2+d1,y); //第一个圆角   ctx.lineTo(x+w-d1 ...

读书列表

毕业后日渐懒散,要多读书学习,立此一贴,对自己多多激励。 目前读书列表         javascript高级程序设计     javascript dom 编程艺术(第二版)          jeremy keith 著          杨涛译     编写高质量代码 web前端开发修炼之道         曹刘阳  机械工业出版社        高性能javascript
今天读javascript dom 编程艺术, 里面提到一个简单幻灯片的实现程序。牵涉到了事件冒泡,event对象浏览器兼容 ,循环内注册事件传递索引参数总是最后一个值等问题,感觉挺有代表性的。所以记录下来,以备以后查询。     首先事件冒泡,查询相关文档资料如下:        当事件在某一DOM元素被触发时,例如用户在客户名字节点上点击鼠标,事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次,直到它遇到依附有该事件类型处理器的节点,此时,该事件是onclick事件。在冒泡过程中的任何时候都可以终止事件的冒泡,在遵从W3C标准的浏览器里可以通过调用事件对象上的stopPropa ...
Global site tag (gtag.js) - Google Analytics