JavaScript
文章平均质量分 92
JavaScript由浅入深,基本上是我学习的线路
脸红流氓兔
越努力越幸运
展开
-
JavaScript高级教程(25)——ES6
1.ES6简介1.1什么是es6?ES的全称是ECMAScript,它是由ECMA国际标准组织化制定的一项脚本语言的标准化规范。1.2为什么使用ES6每一次标准的诞生都意味着语言的完善,功能的增强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实际相同的功能,不同的人可能会写出不同的代码2.ES6的新增语法2.1letES6中新增的用于声明变量的关键字let声明的变量只在所处于的块级有效注意:使用let关键字声明原创 2020-05-30 14:37:10 · 573 阅读 · 0 评论 -
JavaScript高级教程(24)——正则表达式
1.正则表达式概述1.1什么是正则表达式正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字、或者下划线,昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等。1.2正则表达式的特点1.灵活性、逻辑性和功能性非常的强。2.可原创 2020-05-23 09:18:29 · 331 阅读 · 0 评论 -
JavaScript高级教程(23)——高阶函数、函数的闭包、递归
1.高阶函数高阶函数是对其他函数进行操作的函数,它接收函数作为参数或将函数作为返回值输出。此时fn就是一个高阶函数。函数也是一种数据类型,同时可以作为参数,传递给另外一个参数使用,最典型的就是作为回调函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width原创 2020-05-20 17:33:46 · 179 阅读 · 0 评论 -
JavaScript高级教程(22)——JavaScript严格模式
1.严格模式1.1什么是严格模式JavaScript除了提供正常模式外,还提供了严格模式(strict mode)。ES5的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格条件下运行JS代码。严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的JavaScript语义做了一些更改:1.消除了JavaScript语法的一些不合理、不严谨之处,减少了一些怪异行为2.消除代码运行的一些不安全之处,保证代码运行的安全3.提高编译器效率,增加运行原创 2020-05-17 16:58:29 · 99 阅读 · 0 评论 -
JavaScript高级教程(21)——函数的this指向、call()、apply()、bind()
1.函数的定义和调用1.1函数的定义方式1.函数声明方式function关键字(命名函数)2.函数表达式(匿名函数)3.new Function()注意:(1)Function()里面参数必须是字符串格式;(2)第三种方式执行效率低,也不方便书写,因此较少使用;(3)所有函数都是Function的实例(对象);(4)函数也属于对象<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2020-05-17 11:44:57 · 168 阅读 · 0 评论 -
JavaScript高级教程(20)——ES5新增方法
1.ES5新增方法概述1.1ES5新增方法概述ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法字符串方法对象方法1.2数组方法迭代(遍历)方法:foreach()、map()、 filter()、some()、every();currentValue:数组当前项的值index:数组当前项的索引arr:数组对象本身<!DOCTYPE html><html lang="en"><head>原创 2020-05-15 13:40:46 · 208 阅读 · 0 评论 -
JavaScript高级教程——(19)构造函数、原型、原型链、继承
1.构造函数和原型1.1概述在典型的0OP的语言中(如Java) , 都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没用引入类的概念。ES6,全称ECMAScript6.0 , 2015.06发版。但是目前浏览器的JavaScript是ES5版本,大多数高版本的浏览器也支持ES6 ,不过只实现了ES6的部分特性和功能。在ES6之前, 对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式:1.对象字面量2. ne原创 2020-05-13 12:02:41 · 257 阅读 · 0 评论 -
JavaScript高级教程(ES6)——(18)类和继承
1.面向对象编程介绍1.1两大编程思想面向过程面向对象1.2面向过程编程POP(process-oriented Programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的一次调用就可以了。1.3面向对象编程OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之...原创 2020-05-07 14:40:57 · 266 阅读 · 0 评论 -
js学习笔记——(17)jQuery事件
1.jQuery事件注册单个事件注册语法:其他事件和原生基本一致比如:mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等;原创 2020-05-05 10:29:49 · 138 阅读 · 0 评论 -
js学习笔记——(16)jQuery属性操作、文本属性值、元素操作
1.jQuery属性操作1.1设置或获取元素固有属性 prop()所谓元素固有属性就是元素本身自带的属性,比如元素里面的href,比如元素里面的type,1.获取属性语法prop(“属性”)2.设置属性语法prop("属性“, “属性值”)1.2设置或获取元素自定义属性值 attr()用户自己给元素添加的属性,我们称为自定义属性,比如给div添加 index = 1;1.获取属...原创 2020-04-29 19:02:29 · 158 阅读 · 0 评论 -
js学习笔记——(15)jQuery选择器、样式操作、效果
1.jQuery选择器1.1jQuery基础选择器原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准。$(‘选择器’) //里面选择器直接写css选择器即可,但是要加引号1.2jQuery层级选择器...原创 2020-04-27 12:53:18 · 256 阅读 · 0 评论 -
js学习笔记——(14)初识jQuery
1.jQuery概述1.1JavaScript库JavaScript库:即library,是一个封装好的特定的的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show、,比如获取元素等。常见的JavaScript库jQueryPrototypeYUIDojoExt JS移动端的zepto...原创 2020-04-24 16:07:14 · 157 阅读 · 0 评论 -
js学习笔记——(13)offset系列、client系列
1.元素偏移量offset系列1.1offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元索的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小 (宽度高度)注意:返回的数值都不带单位offset系列常用属性:...原创 2020-04-23 12:39:24 · 223 阅读 · 0 评论 -
js学习笔记——(12)BOM浏览器对象
1.BOM概述1.1什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window.BOM由一系列相关的对象构成 ,并且每个对象都提供了很多方法与属性。BOM缺乏标准, JavaScript 语法的标准化组织是ECMA , DOM的标准化组织是W3C , BOM最初是Netscape浏览器标准的一部分...原创 2020-04-17 17:09:22 · 111 阅读 · 0 评论 -
js学习笔记——(11)DOM事件高级(DOM事件对象、阻止事件冒泡、鼠标事件、键盘事件)
一、注册事件(绑定事件)1.1注册事件概述给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式。传统注册方式利用on开头事件onclick特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数。方法监听注册方式W3C标准推荐方式addEventListener()它是一个方法IE9...原创 2020-04-15 15:00:04 · 268 阅读 · 0 评论 -
js学习笔记——(10)DOM基础详解
一、DOM简介1.什么是DOM文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML和XMI)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。2.DOM树文档:一个页面就是一个文档,DOM中使用document表示。元素:页面中的所有标签都是元素,DOM中使用element表示。节点:页面中的所有内容都是节点(标签、属性、文...原创 2020-04-14 12:19:33 · 265 阅读 · 0 评论 -
js学习笔记——(9)Web APIs
1.APIAPI是一些预定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单理解:API是给程序员提供的一种工具,以便能够更轻松的实现想要完成的功能。2.Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)3.总结(1)API是为我们程序提供接的一个接口,帮助我们...原创 2020-03-24 21:15:16 · 139 阅读 · 0 评论 -
js学习笔记——8(简单数据类型与复杂类型)
1.简单数据类型与复杂数据类型简单数据类型又叫做基本数据类型或者值类型,复杂数据类型又叫做引用类型a.值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型;(string, number, boolean, undefined, null)<script> //简单数据类型 null 返回的是一个空对象 object var timer =...原创 2020-03-24 20:37:09 · 135 阅读 · 0 评论 -
js学习笔记(7)——js内置对象(Math、Date、Array、字符串)
1.内置对象JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象,前两种对象是js基础内容,属于ECMAScript;第三种浏览器对象属于js独有。内置对象:就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常见的或是基本而必须要的功能(属性和方法)内置对象最大的优点:帮助我们快速开发JavaScript提供了多个内置对象:Math.Date.Array.S...原创 2020-03-24 14:30:02 · 154 阅读 · 0 评论 -
js学习笔记(6)——作用域、对象、构造函数
js作用域:概念:就是代码名子(变量)在某个范围内起作用和效果,目的是为了提高程序的可靠性,更重要的是减少命名冲突。js作用域(es6)之前:全局作用域 局部作用域**全局作用域:**整个script标签或者是单独的js文件**局部作用域:(函数作用域)**在函数内部就是局部作用域,这个代码的名子只在函数内部起效果和作用。变量作用域:在javasc中,根据作用域不同,变量可分为...原创 2020-03-06 16:55:12 · 140 阅读 · 0 评论 -
js学习笔记(5)
函数的概念函数:就是封装了一段可被重复调用执行的代码块,通过代码块可以实现大量代码的重复使用;函数的使用函数在使用的过程中分为两步:声明函数和调用函数;注意:函数不调用就不会执行;<script> //1.声明函数 // function 函数名(){ // } function sayHi(){ console.log('hi~'); }...原创 2020-02-28 15:48:14 · 102 阅读 · 0 评论 -
js学习笔记(4)
1.循环循环的目的:重复执行某些语句或者代码;js中,有三种循环(1) for 循环<script> // for (初始变量;条件表达式;操作表达式) { //循环体 // } //初始换变量 就是用 var声明的一个普通变量;通常作为计数器使用 //条件表达式 就是用来决定每一次循环是否继续执行 就是终止条件 //操作表达式 就是每次...原创 2020-02-25 14:00:40 · 79 阅读 · 0 评论 -
js学习笔记(3)
1. 流程控制在一个程序执行过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们通过控制代码的执行顺序来实现我们要完成的功能。简单理解: 流程控制就是来控制我们代码按照什么结构顺序来执行。流程控制主要三种结构: 分别是顺序结构、分支结构、循环结构。2.顺序流程控制顺序结构是程序中做简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数...原创 2020-02-23 11:47:09 · 70 阅读 · 0 评论 -
js学习笔记(2)——JavaScript运算符以及优先级
运算符运算符也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号- 算数运算符注意点:1)% 取余(取模)2)浮点数值的最高精度是17位小数,但在进行算术计算时其精度远远不如整数。<script> //1.% 取余 取模运算 console.log(5 % 3); //2. 浮点数 算数运算里面会有问题 console.log(0.1 + 0....原创 2020-02-22 13:24:25 · 119 阅读 · 0 评论 -
js学习笔记(1)——谷歌控制台输出以及数据转换
1.prompt输入框输入的内容是字符串类型;2.console.log 控制台输出的内容:1)如果是蓝色,表示是数值型(number)2)如果是黑色,表示字符串类型(string)3)如果是深蓝色,表示布尔型(boolean)4)如果是浅灰色,表示未定义型(undefined)和空类型3.js的数据类型:...原创 2020-02-21 20:24:52 · 428 阅读 · 0 评论