众妙之门 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 }//定义一个数组...
  • zhangjun123878
  • zhangjun123878
  • 2015年04月08日 15:32
  • 398

《JavaScript语言精粹》之部件

首次读《JavaScript语言精粹》时,对这一部分的内容还不能理解,2个月后自己再静下心来看,才大概弄清楚,由于是自己琢磨出来的,难免有错误。 个人认为,部件可以看成是一个对象的功能模块,故部件的...
  • jiuong
  • jiuong
  • 2014年08月13日 10:57
  • 277

JavaScript语言精粹之函数篇(三)

1.回调 函数让不连续的事件处理变得容易起来 下面我们来看一个同步的传统的例子var request = prepare_request(); // 请求预处理 var response =...
  • super_yang_android
  • super_yang_android
  • 2016年04月10日 15:03
  • 555

css 众妙之门 学习笔记

主要属性: h1{ -webkit-text-stroke:2px blue;} h2{-webkit-text-stroke:1px transparent} h3{color:tran...
  • zchunhe
  • zchunhe
  • 2014年05月18日 11:56
  • 414

《JavaScript 语言精粹》 学习笔记 —— 第五章 继承

第五章 继承 5.1、继承的两个作用:1、代码重用;2、类型系统规范。 5.2、JavaScript是一门弱类型的语言。不需要类型转换。对象的起源是无关紧要的。 5.3、JavaScript是一...
  • xxd851116
  • xxd851116
  • 2012年06月17日 22:31
  • 1643

《MySQL技术精粹:架构、高级特性、性能优化与集群实战》目录

本书针对 MySQL中高级用户,详细讲解 MySQL高级使用技术。书中详解了每一个知识点以及数据库操作的方法和技巧。本书注重实战操作,帮助读者循序渐进地掌握 MySQL中的各项高级技术。 本书主要包...
  • brucexia
  • brucexia
  • 2016年04月29日 19:07
  • 2075

StarGate(星际之门)观看指南

看过SG的朋友都会发现虽然整体来说SG是拍的非常出色的,但里面仍有不少的凑数之作,特别是下了收藏或者重新看第二第三遍的话,这些集数就有些浪费我们的硬盘空间了。凭着我看了四五编星门的经验,我特别挑出下面...
  • gkyh899
  • gkyh899
  • 2013年10月23日 23:43
  • 1728

命题逻辑——自由之门与死亡之门

  正式接触离散数学,觉得这东西非常有意思。郭一晶讲的第一段话是关于“离散”的“散”字的读音,“散”是一个多音字,但在这里正确的读音应该是入声(sàn)。强调了离散是相对于连续而言。   此外郭老师还...
  • CMutoo
  • CMutoo
  • 2010年03月06日 10:44
  • 6305

《JavaScript语言精粹》—— 读书总结

点击有惊喜 之前一直都是用封装好的Ajax,所以一直很好奇它是如何使用和实现的。这里正好就进行一下学习,下面是Ajax的一个时间图。 设置触发条件  ...
  • weixin_40674835
  • weixin_40674835
  • 2018年01月03日 15:32
  • 61

《JavaScript语言精粹》

《JavaScript语言精粹》
  • u012755393
  • u012755393
  • 2016年12月23日 19:56
  • 583
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:众妙之门 JavaScript与jQuery技术精粹(下)
举报原因:
原因补充:

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