众妙之门 JavaScript与jQuery技术精粹(下)

原创 2015年04月08日 15:40:39

1.通常使用“==”操作符测试某一属性的显示等值等式,但应该使用的是“===”操作符

3=[3] //true
3="0003" //true
3="03" //true

2.

//快
var len = myArray.length;
for(var i=0;i<len;i++){}
//慢
for(var i=0;i<myArray.length;i++){}

3.

var jsonData = JSON.stringify(myData);

把JSON数据格式化一下,更美观。

4.

alert(typeof null);//alerts "object"

null是一个对象

5.

var someVar = [];
alert(someVar == false); //true
if(someVar) alert("Hi"); //"Hi"

空数组实际上等于true,但是和布尔值比较时等于false。

6.
判断正则是否正确

alert(/w{3,}/.test('Hello')); // alerts "true"

7.

var animal = 'dog';
function getAnimal(adjective){alert(adjective+''+this.animal);}
getAnimal('lovely'); //alerts 'lovely dog'

另一种方法:

var animal = 'dog';
function getAnimal(adjective){alert(adjective+''+this.animal);}
var myObj = {animal : 'camel'};
getAnimal.call(myObj,'lovely'); //alerts 'lovely camel'

8.
undefined在JavaScript中实际不是关键字。

9.
查找某一元素的祖先级是否存在某一特定元素:

if($('#element1').closest('#element2').length==1){}else{}

10.
动态增加新行,表有两列:姓名和“删除”操作

$('#addPassenger').click(function(){
        var tr = document.createElement('tr');
        var td1 = document.createElement('td');
        var input = document.createElement('input');
        input.type = 'text';
        $(td1).append(input);
        var td2 = document.createElement('td');
        var button = document.createElement)('button');
        button.type = 'button';
        $(button).text('delete');
        $(td2).append(button);
        $(tr).append(td1);
        $(tr).append(td2);
        $('#passengersTable tbody').append(tr);
})

$('#passengersTable td button').live('click',function(){
    if(confirm("delete")) $(this).closest('tr').remove();
})

11.
表单不为空.

<input type="text" class='required' />
$('#myform').submit(function(){
            if($(this).find('input').is('.required[value=]')){
                alert("blank");
                return false;
            }
})

12.
extend()合并两个以上的对象

var obj1 = {one:'un',two:'deux'}
var obj2 = {three:'trois',four:'quatre'}
$.extend(obj1,obj2);

13.
PHP GD库处理图片

14.
可以使用jQuery制作自己的书签(小web服务器应用)

15.
JS工具:
JSLint:JavaScript验证工具
Online JavaScript compression tool:JS压缩工具
Scriptalizer:合并和压缩多个JavaScript或css文件

16.
jQuery插件:兼容AMD和CommonJS的模块,扩展样板插件模式,使它只处理包和依赖性。
jsPerf:提供一个简单的方法来测试插件运行速度。

相关文章推荐

众妙之门 JavaScript与jQuery技术精粹(上)

相关知识点总结://定义一个对象 var car = { color:'red' wheels:4 hubcaps:'spinning' age:4 }//定义一个数组...

《JavaScript语言精粹》作者Douglas谈Web开发、jQuery和WebKit

vaScript在如今的Web领域正发挥着无与伦比的重要作用。但它又是一门饱受误解与非议的语言。这其中很大程度的误解来源于它奇怪的历史,和它的命名 —— 国内常有人戏称,Java和JavaScript...
  • flyonok
  • flyonok
  • 2013年02月19日 10:50
  • 468

众妙之门-javascript与jquery

  • 2015年04月15日 21:54
  • 858KB
  • 下载

开启企业云计算之门的金钥匙:基础框架和技术标尺(2)

在企业进行IaaS平台规划时,基于IaaS平台成熟度模型和CCRA IaaS平台采用模式,再结合客观实际情况,就可以拿出一份令人信服的整体设计报告。IaaS平台成熟度模型的5个等级、CCRA IaaS...
  • pkuair
  • pkuair
  • 2017年04月30日 12:55
  • 781

众妙之门:移动Web设计精髓

  • 2013年11月28日 11:20
  • 33.58MB
  • 下载

开启企业云计算之门的金钥匙:基础框架和技术标尺(1)

进行IaaS平台建设时,如何有效评估既有的IT基础设施架构?基于实际评估结果,如何设定IaaS平台建设的各个渐进阶段?对这些渐进阶段又如何去进行客观评估?这些问题,企业用户和相关的云计算服务提供商必须...
  • pkuair
  • pkuair
  • 2017年04月28日 12:28
  • 318
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:众妙之门 JavaScript与jQuery技术精粹(下)
举报原因:
原因补充:

(最多只允许输入30个字)