JavaScript学习笔记（一）：介绍JavaScript的一些简单知识

【JavaScript学习笔记（一）：介绍JavaScript的一些简单知识】的更多相关文章

1.1（JavaScript学习笔记）、JavaScript基础

一.JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. 它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言. 二.JavaScript语句 JavaScript语句可以直接写在HTML中,但是需要使用<script></script>包裹起来. <script> //JavaScript语句 </script> 三.JavaScript输出使用JavaS…

Javascript学习笔记2.2 Javascript与DOM选项卡（滑动门）案例详解

学习了DOM的知识,今天开始做些练习,想到了一个网页滑动门的特效,见下图: 1.通过建立索引实现 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js简单滑动门</title> <style type="text/css"> *{ padding:0; margin:0; font-size:14px;} li{…

JavaScript学习笔记——1.了解JavaScript

百度百科: JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. JavaScript是一种解释性脚本语言(代码不进行预编译). JavaScript主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为. JavaScript可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离. 跨平台特性,在绝大多数浏览…

Javascript学习笔记2.1 Javascript与DOM简介

DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由多层节点构成的树形结构,它是中立于平台和语言的接口,允许程序和脚本动态地访问和更新文档的内容.结构和样式. Javascript通常都是用来进行DOM操作和交互的.当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). 以下讨论的是HTML DOM. 每一个网页元素(一个HTML标签)被看做一个对象.文档对象模型通常被理解成…

JavaScript学习笔记系列1:JavaScript的是什么？

一.JS是什么? JavaScript作为Netscape Navigator浏览器的一部分首次出现在1996年.它最初的设计目标是改善网页的用户体验. 作者:Brendan Eich 期初JavaScript被命名为,LiveScript,后因和Sun公司合作,因市场宣传需要改名JavaScript.后来Sun公司被Oracle收购,JavaScript版权归Oracle所有. 二.浏览器的组成部分? 1.shell部分 2.内核部分:渲染引擎(语法规则和渲染),js引擎,其他模块三.目前主…

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学习笔记(四) Number 数字类型

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

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…

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:学习笔记(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程…

Java程序猿的JavaScript学习笔记（6——面向对象模拟）

计划按例如以下顺序完毕这篇笔记: 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学习笔记（5——prototype和Object内置方法）

计划按例如以下顺序完毕这篇笔记: 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:学习笔记(10)——XMLHttpRequest对象

JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新.这使得Web页面可以只更新页面的局部,而不影响用户的操作.XMLHttpRequest在 Ajax 编程中被大量使用. XMLHttpRequest 支持同步和异步通信.但是,一般来说,出于性能原因,异步请求应优先于同步请求.同步请求阻止代码的执行,这会导致屏幕上出现“冻结”和无响应的用户体验.…

Javascript学习笔记四——操作表单

Javascript学习笔记大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身也是一个DOM树,我们可以用JavaScript来获取用户输入的内容,或者对一个输入框设置新的内容. 下面是一些常用的HTML表单的输入控件: <input type="text" id="" name=""> <input typ…