`
Folix
  • 浏览: 12697 次
社区版块
存档分类
最新评论

Jquery高级编程阅读笔记1——javaScript基础

阅读更多
  1. 理解数值
    JavaScript中所有的数值都是64位双精度的,整数和浮点数没有什么区别
    >typeof 1
       number
    >typeof 1.5
       number

    JavaScript没有内置的十进制数据类型,可以用如下方法格式化固定位数的小数
    >var num = 1234.12345123;
    >num.toFixed(2);
    1234.12

    var num2 = 1234.12345123;
    >num2.toPrecision(8)
    1234.1234

    当使用超出64位范围的数值时,JavaScript将返回一个特殊数值:infinity,"非数值"表示为NaN,可以用isNaN()来检测

    JavaScript内置Math对象最为数据运算
    //获取两位数精度
    Math.round((0.1+0.2)*100)/100
    0.3
  2. 字符串
    字符串是一个由0个或者多个16位unicode字符组成。
  3. 布尔类型
    支持布尔的操作包括:&&,||,!
  4. 类型之间的比较
    等于(==)   等同(===)  对应的  !=    !==
    等于(==)是危险的,它在比较前,会进行强制类型转换
    > 1 == "1";
        true
  5. 日期
    var thisMoment = new Date();
  6. 其他类型
    声明一个变量但是未赋值,或者访问了一个不存在的对象属性,会返回一个undefined类型
  7. JavaScript支持类型
    number
    String
    Boolean
    Object
    Function
    Array
    RegEx
    Null
    Undefined
  8. try/catch
    try{
       throw new Error("错误信息")
    }catch(e){
       console.log(e.name+":"+e.message);
    }


  9. 变量
    i=0  // 隐身声明,具有全局作用,即使该变量是在某个函数中声明的
    var i =0 //显示声明,是局部变量,该变量是持久的,且不能删除该变量,但是可以进行多次声明

    function where(){
       var v1="local scope";
       v2 = "global scope";
    }
    
    where();
    
    console.log(v2);
    console.log(v1);
    
    >>> global scope
    >>> v1 is not defined
     
  10. 理解对象
    JavaScript对象类似于Java对象,是属性的集合,每个属性具有一个名称和一个值。
    数组,函数,正则表达式都是对象
    数值,字符串和布尔值也是对象,但他们是不可变的对象

    实例化对象两种方法

    ①new
    function Zombie( name ){
        this.name = name;
    }
    var smallZombie = new Zombie( "Booger" );

    ②对象字面量(更加方便,推荐)
    var species = {
        "mammals" : {
            "biped" :{
                    "monkey" :"George",
                    "human":"time"
               }
         }
    }

    访问  species.mammals.biped.human

    遍历对象所有属性
    var obj = {"property1":1,"property2":2 }
    
    var i;
    
    for(i in obj){
       console.log(i)
    }
    
    >>>property1
    >>>property2
     
  11. JavaScript使用原型继承,对象直接从其他对象继承,从而创建新的对象。对象继承了另外一个对象的属性
    Object.prototype位于继承层次的顶端,其他对象都继承了该对象
            $(function(){
            	function Monster(type){
                	this.type = type;
                };
                Monster.prototype.getType=function(){
                	return this.type;
                };
                function Zombie(name){
                	this.name = name;
                };
                Zombie.prototype = new Monster();
                
                Zombie.prototype.eatPeople = function(){
                	console.log("tastes like chicken");
                };
            	
            	var smallZombie = new Zombie("Tom");
            	smallZombie.eatPeople();
                    >>>tastes like chicken
            	//删除原型属性
            	delete Zombie.prototype.eatPeople;
            	smallZombie.eatPeople();
                    >>>对象不支持“eatPeople”属性或方法
              });

 

分享到:
评论

相关推荐

    jquery 学习笔记源码 1第一个jquery

    《jQuery学习笔记源码——初识与实践》 在当今的Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将基于“jQuery学习笔记源码 1第一个...

    毕设&课设&项目&实训-javascript基础类库以及基于jquery的组件库.zip

    在这个"毕设&课设&项目&实训-javascript基础类库以及基于jquery的组件库.zip"压缩包中,你将找到关于JavaScript基础知识和jQuery组件库的学习资料,这对于进行项目实践、课程设计或者毕业设计非常有帮助。...

    jquery笔记

    - **jQuery**:jQuery是一个使用JavaScript编写的轻量级JavaScript库,专为Web开发设计。它简化了HTML文档遍历、事件处理、动画以及Ajax交互等常见任务。 **jQuery的优势**: 1. **强大的选择器**:提供了类似于CSS...

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    javascript入门学习笔记

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心...随着学习的深入,还会接触到更多高级特性和框架,如闭包、原型链、AJAX、jQuery、Vue.js、React.js等,这些都是JavaScript开发者必备的知识技能。

    jquery笔记1

    《jQuery笔记1——深入理解与应用》 在Web开发领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这篇笔记将带领我们深入理解jQuery的核心概念,同时通过实例...

    JQuery笔记.docx

    通过以上介绍,我们了解了JavaScript及其重要组成部分——jQuery的基础概念和技术要点。JavaScript作为一种强大的客户端脚本语言,极大地丰富了网页的交互性和功能性,而jQuery作为JavaScript的一个扩展库,进一步...

    javase6 学习笔记(李兴华培训课堂笔记所有.)

    这份笔记全面、详细地涵盖了Java SE 6版本的核心概念和技术,对于理解Java编程语言的基础以及进阶特性具有重要作用。在本文中,我们将深入探讨其中的一些关键知识点。 首先,Java SE(标准版)是Java平台的基础,它...

    jQuery学习笔记之基础中的基础

    标题《jQuery学习笔记之基础中的基础》表明本文是关于jQuery的入门指导,针对的是刚开始接触jQuery的初学者,旨在传授jQuery的核心概念和基础用法。内容围绕jQuery的核心功能和优势展开,通过实例操作和对比,介绍...

    《jQuery权威指南》学习笔记之第3章 jQuery操作DOM

    现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...

    jquery 学习笔记

    《jQuery学习笔记——15天快速入门指南》 jQuery,作为一个强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。它以其简洁的API和高效的性能,成为了前端开发者的首选工具之一...

    JQuery 学习笔记01 JQuery初接触

    jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript编程,使得开发者能够更快速、更方便地处理DOM操作、事件处理、动画效果和Ajax交互。这篇学习笔记将带你初次接触jQuery的世界。 一、...

    java学习资料集合梁建全老师(js+jsp+jqurey+Struts2+hibernate+Spring+jdbc+java基础等)

    "Java相关课程系列笔记之十二jQuery学习笔记"涵盖了JavaScript的一个库——jQuery。jQuery简化了DOM操作、事件处理、动画效果和Ajax交互,是前端开发的常用工具。 "Java相关课程系列笔记之十三Struts2学习笔记"涉及...

    SVG剪裁路径和遮罩jQuery幻灯片特效.zip

    SVG(Scalable Vector ...它不仅展示了SVG在网页设计中的强大功能,还体现了jQuery在简化JavaScript编程上的优势。对于开发者而言,研究这个项目可以深入理解SVG和jQuery在实际项目中的应用,提升前端开发技能。

    jQuery手机端泡泡红包抽奖代码.zip

    接下来是关键部分——JavaScript代码。在"js"目录下,我们可以找到实现抽奖逻辑的jQuery代码。这段代码通常会监听用户点击事件,触发抽奖过程。在抽奖过程中,jQuery的动画方法如`fadeIn()`, `fadeOut()`, `animate...

    jQuery双向列表左右移动选择框代码.zip

    总结来说,"jQuery双向列表左右移动选择框代码"是一个结合了jQuery核心功能与良好可扩展性的实践案例,通过理解和学习,开发者不仅可以快速实现这一功能,还能提升在JavaScript和jQuery上的编程技巧。无论你是初学者...

    jQuery立体质感科学计算器代码.zip

    如果你具备一定的JavaScript和jQuery基础,可以自由地扩展功能,比如添加对复数运算、三角函数的支持,或者优化界面布局,使其更适合移动设备。这不仅锻炼了你的编程技能,也满足了个性化的需求。 总的来说,...

    jQuery立体3d效果计算器代码.zip

    本篇文章将深入解析标题为“jQuery立体3d效果计算器代码”的项目,通过分析压缩包中的文件,揭示其背后的编程原理和技术细节。 首先,我们来看这个项目的核心——`SimpleCalculadorajQuery.js`文件。这个JavaScript...

    jQuery益智类管道拼接网页小游戏代码.zip

    此外,游戏逻辑可能涉及到数组、循环、条件判断等基本编程概念,以及更高级的游戏算法,如碰撞检测、计分系统和游戏状态管理。 `css`目录中的样式表文件负责定义游戏的视觉风格。CSS允许开发者控制元素的颜色、大小...

Global site tag (gtag.js) - Google Analytics