随笔分类 -  javascript html 基础

那些原生的javascript APIs
摘要:在前端开发的时候,我们往往会使用javascript 框架,使用框架的好处多多,提供的方便的操作函数,类继承机制,MV*等,让我们能够快速开发,然而我们应该清楚这些框架都是基于浏览器原生api的封装,在使用框架的时候,我们应该明白框架使用了哪些原生的api。下面以Jquery为例与 IE 浏览器 Javascript 原生 API 对比一下:选择元素// jQueryvar els = $('.el');// Nativevar els = document.querySelectorAll('.el');// Shorthandvar $ = function 阅读全文

posted @ 2013-11-05 09:12 dubaokun 阅读(406) 评论(0) 推荐(0)

正则表达式(javascript)
摘要:在开发过程中要要把一个css中的平移的x,y提取出来 ,正好把正则表达式学习了一下'fsdfsdfsdf300pxfdsfd200pxfsdfsdf100px' 找出里面 px前面的数字:经查资料需要用到传说中的正向前瞻'fsdfsdfsdf300pxfdsfd200pxfsdfsdf100px'.match(/\d+(?=px)/) 结果["300", "200", "100"]。其他基础量词由于元字符与特殊字符或字符类或者它们的组合(中括号)甚至它们的马甲(预定义类)都是一对一进行匹配。我们要匹配“ 阅读全文

posted @ 2013-11-04 22:24 dubaokun 阅读(3307) 评论(0) 推荐(1)

使用 console.time() 计算js代码执行时间
摘要:console.time('hellor'); for(var i=0;i<100000;i++){} console.timeEnd('hellor'); 阅读全文

posted @ 2013-11-03 23:41 dubaokun 阅读(413) 评论(0) 推荐(0)

javascript 如何创建只能执行一次的事件。
摘要:document.getElementById("myelement").addEventListener("click", handler);// handler functionfunction handler(e) {// remove this handlere.target.removeEventListener(e.type, arguments.callee);alert("You'll only see this once!");}封装之后的版本function onetime(node, type, call 阅读全文

posted @ 2013-11-02 16:40 dubaokun 阅读(456) 评论(0) 推荐(0)

javascript 面试题之一
摘要:function setName(obj){ obj.name="tom"; obj=new Object(); obj.name="mike";}var obj=new Object() setName(obj); console.log(obj.name);答案:tomfunction setName(obj){ obj.name="tom"; // 设置房间号为obj的房间主人的名字叫tom obj=new Object();//新建一个房间的房间号假设叫301 obj.name="mike"... 阅读全文

posted @ 2013-10-18 08:33 dubaokun 阅读(282) 评论(0) 推荐(0)

浮动清除
摘要:正是因为浮动的这种特性,导致本属于普通流中的元素浮动之后,包含框内部由于不存在其他普通流元素了,也就表现出高度为0(高度塌陷)。在实际布局中,往往这并不是我们所希望的,所以需要闭合浮动元素,使其包含框表现出正常的高度。通过对比,我们不难发现,清除浮动的方法无非有两类:其一,通过在浮动元素的末尾添加一个空元素,设置 clear:both属性,after伪元素其实也是通过 content 在元素的后面生成了内容为一个点的块级元素;.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{ 阅读全文

posted @ 2013-10-11 11:30 dubaokun 阅读(310) 评论(0) 推荐(0)

解剖JavaScript中的null和undefined【转】
摘要:在JavaScript开发中,被人问到:null与undefined到底有啥区别? 一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。于是,细想之后,写下本文,请各位大侠拍砖。 总所周知:null == undefined 但是:null !== undefined 那么这两者到底有啥区别呢? 请听俺娓娓道来...null 这是一个对象,但是为空。因为是对象,所以 typeof null 返回 'object' 。 null 是 JavaScript 保留关键字。 null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正确 阅读全文

posted @ 2013-10-10 22:22 dubaokun 阅读(254) 评论(0) 推荐(0)

关于innerHTML以及html2dom
摘要:使用innerHTML或者insertAdjacentHTML 创建元素的时候能给我们带来很大的方便,为domNode 赋予innerHTML 属性,在插入大量的HTML的时候,使用innerHTML要比多次创建dom效率高的多,这是因为在设置innerHTML 时候,浏览器会创建一个innerHTML解析器,这个解析器是在浏览器级别的代码(通常是C++编写的)基础上运行的,因此执行要比Javascript快得多。 不可避免地,创建和销毁HTML解析器也会带来性能的损失,因而应该将设置innerHTML的次数要尽量少,避免浏览器多次的创建HTML解析器,另外如果innerHTML有用户... 阅读全文

posted @ 2013-09-26 08:41 dubaokun 阅读(375) 评论(0) 推荐(0)

javascript 作用域
摘要:在javascript里面没有块级作用域,都是通过函数来限制的,变量在函数内部以var开头声明为函数的局部变量,如果没有关键字var 则变量为全局变量,全局变量作为window对象的属性存在的,在函数内部的局部变量只能在函数内部访问,函数内部可以访问其上一级的变量,如果内部和上一级的变量/函数重名,则内部变量/函数覆盖外部变量/函数示例代码如下var name = "外部的变量";function showName () { var name = "内部的变量"; // 局部变量 console.log (name); // Jack}console.l 阅读全文

posted @ 2013-09-25 21:42 dubaokun 阅读(260) 评论(0) 推荐(0)

dojo dgrid 的列显示html控件
摘要:var columns = [ { field: "first", label: "First Name", formatter:function(data,object){ console.log(data); console.log(obje... 阅读全文

posted @ 2013-07-28 17:41 dubaokun 阅读(569) 评论(0) 推荐(0)

HTML 相关技巧
摘要:HTML div css 强制 换行 不换行View Code 1、强制不换行,同时以省略号结尾。你好朋友朋友朋友我为什么不能看到效果啊2、css自动换行div{ word-wrap: break-word; word-break: normal; }3、css强制英文单词断行div{word-br... 阅读全文

posted @ 2013-03-28 15:16 dubaokun 阅读(221) 评论(0) 推荐(0)

导航

新浪微博 新博客 Github