JavaScript学习笔记---入门

【JavaScript学习笔记---入门】的更多相关文章

JavaScript学习笔记 - 入门篇（1）- 准备

为什么学习JavaScript 一.你知道,为什么JavaScript非常值得我们学习吗? 所有主流浏览器都支持JavaScript. 目前,全世界大部分网页都使用JavaScript. 它可以让网页呈现各种动态效果. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 二.易学性 1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序. 2.我们可以用简单命令,完成一些基本操作. 三.从哪开始学习呢? 学习JavaScr…

JavaScript学习笔记---入门

1.JavaScript 语句和 JavaScript 变量都对大小写敏感. 2.重新声明 JavaScript 变量如果重新声明 JavaScript 变量,该变量的值不会丢失: 在以下两条语句执行后,变量 carname 的值依然是 "Volvo": var carname="Volvo"; var carname; 3.JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型:javascript数据类型 -----字符串.数字.布尔.数组.对…

JavaScript学习笔记 - 入门篇（2）- 常用互动方法

输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用""括起,直接输出""号内的内容. <script type="text/javascript"> document.write("I love JavaScript!"); //内容用""括起来,""里的内容…

JavaScript学习笔记 - 入门篇（3）- DOM操作

认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>.<body>.<p>等都是元素节点,即标签. 2. 文本节点:向用户展示的内容,如<li>...</li>中的…

PHP学习笔记--入门篇

PHP学习笔记--入门篇一.Echo语句 1.格式 echo是PHP中的输出语句,可以把字符串输出(字符串用双引号括起来) 如下代码 <?php echo "Hello world!";?> 注意echo关键字与字符串之间至少有一个空格.如下面写法是不正确的: <?php echo"Hello world!";?> 2.计算表达式不同于HTML和CSS,在php中我们可以做计算,比如我们写入 echo 12*3计算会计算出结果36.如下代…

PHP学习笔记 - 入门篇（5）

PHP学习笔记 - 入门篇(5) 语言结构语句顺序结构 eg: <?php $shoesPrice = 49; //鞋子单价 $shoesNum = 1; //鞋子数量 $shoesMoney = $shoesPrice * $shoesNum; $shirtPrice = 99; //衬衣单价 $shirtNum = 2; //衬衣数量 $shirtMoney = $shirtPrice * $shirtNum; $orderMoney = $shoesMoney + $shirtMoney…

PHP学习笔记 - 入门篇（4）

PHP学习笔记 - 入门篇(4) 什么是运算符 PHP运算符一般分为算术运算符.赋值运算符.比较运算符.三元运算符.逻辑运算符.字符串连接运算符.错误控制运算符. PHP中的算术运算符算术运算符主要是用于进行算术运算的,例如:加法运算.减法运算.乘法运算.除法运算.在PHP中的常用的算术运算符对应下表: eg: <?php $english = 110; //英语成绩 $math= 118; //数学成绩 $biological = 80; //生物成绩 $physical = 90; //物…

PHP学习笔记 - 入门篇（3）

PHP学习笔记 - 入门篇(3) 常量什么是常量什么是常量?常量可以理解为值不变的量(如圆周率):或者是常量值被定义后,在脚本的其他任何地方都不可以被改变.PHP中的常量分为自定义常量和系统常量自定义常量是根据我们开发的需要,而定义的常量,它通过使用PHP中的函数define()定义. define()函数的语法格式为: bool define(string $constant_name, mixed $value[, $case_sensitive = true]) 它有3个参数(也就是…

Java程序猿的JavaScript学习笔记（汇总文件夹）

最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Ja…

Java程序猿的JavaScript学习笔记（8——jQuery选择器）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

Java程序猿JavaScript学习笔记（2——复制和继承财产）

计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) J…

Java程序猿的JavaScript学习笔记（3——this/call/apply）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

Java程序猿JavaScript学习笔记（4——关闭/getter/setter）

计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Ja…

Java程序猿JavaScript学习笔记（14——扩大jQuery UI）

计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Ja…

LESS学习笔记 —— 入门

今天在网上完成了LESS的基础学习,下面是我的学习笔记.总共有三个文件:index.html.main.less.mian.css,其中 mian.css 是 main.less 经过Koala编译之后自动生成的.下面是代码: --index.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Less&…

javascript学习笔记(四) Number 数字类型

数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数 toExponential() 方法用科学计数法表示数,参数指定小数位个数 toPrecision() 方法自动判断调用toFixed()或toExponential()方法,参数指定所有数的位数复制代码代码如下: var num = 99; alert(toFixed(2)); //99.00 alert(toExponentia…

JavaScript学习笔记之数组（二）

JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN] // map有三个参数:数组元素,元素索引,数组本身 // parseInt有两个参数,元素本身以及进制parseInt(string,radix) ['1','2','3'].map(parseInt); ['1','2','3'].map(function(item,index,array)…

JavaScript学习笔记[0]

JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等,包括自己.只能用isNaN() isNaN(NaN); //true 浮点数计算有误差.任何语言都是这样.只能通过计算差值来确定. 1 / 3 === (1 - 2 / 3) //false Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001 //true null…

Java程序猿的JavaScript学习笔记（1——理念）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

JavaScript:学习笔记(9)——Promise对象

JavaScript:学习笔记(9)——Promise对象引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作: request.onreadystatechange = function () { if (request.readyState === 4) { if (request.status === 200) { return success(request.responseText); } els…

JavaScript:学习笔记(8)——对象扩展运算符

JavaScript:学习笔记(8)——扩展运算符对象的扩展运算符扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩展运算符将其属性x,y一并拷贝到b对象中. 合并两个对象扩展运算符可以合并两个对象自定义属性合并对象时,可以将对象与一些属性进行合并,如下需要说明的是,如果用户自定义的属性,放在扩展运算符后面,则扩展运算符内部的同名属性会被覆盖掉. 数组的扩展运算符复制数组数组是复合的数据类型,如果直接…

Java程序猿的JavaScript学习笔记（10—— jQuery-在“类”层面扩展）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

JavaScript:学习笔记(7)——VAR.LET.CONST三种变量声明的区别 ES2015(ES6)带来了许多闪亮的新功能,自2017年以来,许多JavaScript开发人员已经熟悉并开始使用这些功能.虽然这种假设可能是正确的,但仍有可能其中一些功能对某些人来说仍然是一个谜. ES6带来的一个新特性是新增了通过使用let.const来声明变量.在本文中,我们将讨论var,let和const的范围,使用和提升.在您阅读时,请注意它们之间的差异,我会指出. VAR VAR的范围范围本质是意…

JavaScript:学习笔记(6)——New运算符

JavaScript:学习笔记(6)——New运算符 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例. 快速开始当你使用new关键字的时候,会创建一个新的对象将this绑定到该对象添加一个名为_prop_的新属性,并且指向构造函数的原型返回该this对象我们现在抛开结论,一步一步来看一下这个过程. 首先定义一个构造函数Student,该函数接收两个参数name和age. function Student(name, age){ this.name = n…

JavaScript:学习笔记(5)——箭头函数=>以及实践

JavaScript:学习笔记(5)——箭头函数=>以及实践 ES6标准新增了一种新的函数:Arrow Function(箭头函数).本文参考的链接如下: MDN箭头函数:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 廖雪峰箭头函数:https://www.liaoxuefeng.com/wiki/....... FunDebug的文章:https://blo…

JavaScript:学习笔记(2)——基本概念与数据类型

JavaScript:学习笔记(2)——基本概念与数据类型语法 1．区分大小写．Test 和 test 是完全不同的两个变量. 2．语句最好以分号结束,也就是说不以分号结束也可以．变量 1.JS的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据． 2.定义局部变量: 3.定义全局变量: 说明:此处定义全局变量并没有声明var,因而message成了全局变量.这样,只要调用过一次test()函数,这个变量就有了定义,可以在函数外部的任何地方被访问到. 4.定义多个变量: var a…

Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

Javascript学习笔记-一些关键点

Javascript学习笔记-一些关键点 Table of Contents 1. 调试 2. == vs === 3. 两种函数声明 4. 技术感悟 1 调试现在的主流浏览器都提供了开发者模式,可以通过控制台(console)调试javascript 2 == vs === ==先转换类型再比较,===先判断类型,如果不是同一类型直接为false. ===表示恒等于,比较的两边要绝对的相同 alert(0 == ""); // true alert(0 == false); //…

JavaScript:学习笔记(4)——This关键字

JavaScript:学习笔记(4)——This关键字以前这篇帖子是关于闭包的,但是我想弄明白的其实是This关键字.JavaScript的this和Java等面向对象语言中的this大不一样,bind().call()和apply()函数更是将this的灵活度进一步延伸. FunDebug:https://blog.fundebug.com/2017/05/17/javascript-this-for-beginners/ 快速开始如果对JavaScript的关键字this理解不够深刻,有…

Java程序猿的JavaScript学习笔记（9—— jQuery工具方法）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…