js学习笔记
文章平均质量分 87
前端笨鸟
这个作者很懒,什么都没留下…
展开
-
ES6
什么是ES6?ES的全称是ECMAScript,它是由ECMA国际标准化组织,制定的一项脚本玉园的标准化规范。ES6的新增语法letES6中新增的用于声明变量的关键字。● let关键字用来声明变量● 使用let关键字声明的变量具有块级作用域● 防止循环变量变成全局变量● 不存在变量提升,只能先声明在使用注意:使用let关键字声明的变量才具有块级作用域,使用var声明的变量不具备块...原创 2019-12-18 18:15:49 · 203 阅读 · 0 评论 -
正则表达式
1.正则表达式概述1.1什么是正则表达式正则表达式(Regula Expression)是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本吗,例如验证表单:用户名表单只能输入英文字母、数字或者下划线,昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用语过滤掉页面内容中的一些敏感词(替换),或从字符串中...原创 2019-12-17 20:22:11 · 671 阅读 · 0 评论 -
函数进阶
1.函数的定义和调用1.1函数的定义方式1、函数声明方式function关键字(命名函数)function fun(){};2、函数表达式(匿名函数)var fun = function() {};3、利用new Function(‘参数1’,‘参数2’, ‘函数体’)var f = newFunction('a', 'b', 'console.log(a + b)');f(1...原创 2019-12-16 21:05:13 · 203 阅读 · 0 评论 -
ES5中的新增方法
1.1ES5新增方法概述ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:● 数组方法● 字符串方法● 对象方法1.2 数组方法迭代(遍历)方法:forEach()、map()、filter()、some()、every();forEach()array.forEach(function(currentValue,index,arr))● curr...原创 2019-12-13 00:39:16 · 239 阅读 · 0 评论 -
forEach数据渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-12 23:58:30 · 1171 阅读 · 0 评论 -
ES6中的类和对象
面向对象面向对象更贴近实际生活,可以使用面向对象描述现实世界事物。但是事物分为具体的事物和抽象的事物面向对象的思维特点:1、抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模板)2、对类进行实例化,获取类的对象面向对象编程考虑的是有哪些对象,按照面向对象的思维特点,不断的创建对象,使用对象,指挥对象做事情。2.1对象现实生活中:万物皆对象,对象是一个具体的实物,看得见摸得着的实...原创 2019-12-12 16:15:25 · 133 阅读 · 0 评论 -
JavaScript面向对象
面向对象编程介绍1.1两大编程思想● 面向过程● 面向对象1.2面向过程编程POP面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用。1.3面向对象编程OOP面向对象是把实物分解成为一个个对象,然后由对象之间分工与合作。面向对象是以对象功能来划分问题,而不是步骤。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。...原创 2019-12-11 17:27:04 · 107 阅读 · 0 评论 -
本地存储
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。1、本地存储特性1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大,sessionStorage约5M、localStorage约20M4、只能存储字符串,可以将对象JSON.stringify()编码...原创 2019-12-06 22:48:02 · 307 阅读 · 0 评论 -
移动端网页特效
1、触屏事件1.1 触屏事件概述移动端浏览器兼容性较好,不需要考虑以前JS的兼容问题,可以放心的使用源生JS书写效果,但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏时间可响应用户手指(或触控笔)对屏幕或者触控板操作。触屏touch事件说明tou...原创 2019-12-06 11:36:07 · 214 阅读 · 0 评论 -
PC端网页特效
元素偏移量 offset 系列1.1 offset概述offset翻译就是偏移量,使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。● 获得元素举例带有定位父元素的位置● 获得元素自身的大小(宽度高度)● 注意:返回的数值都不带单位offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位...原创 2019-12-05 21:24:08 · 398 阅读 · 0 评论 -
js-事件高级
注册事件(绑定事件)1.1注册事件概述给元素添加事件,称为注册事件或者绑定事件。注册事件有俩种方式:传统方式和方法监听注册方式传统注册事件● 利用on开头的事件 onclick● <button onclick="alert('hi~')"></button>● btn.οnclick=function(){};特点:注册事件的唯一性同一个元素同一个事件只...原创 2019-11-30 17:12:39 · 253 阅读 · 0 评论 -
DOM
什么是DOM文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。DOM树文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM中使用element表示节点:网页中...原创 2019-11-21 20:46:11 · 2143 阅读 · 2 评论 -
JavaScript-字符串对象
为了方便操作数据类型,JavaScript提供了三个特殊的应用类型:String、Number和Boolean。基本包装类型:把简单数据类型包装称为复杂数据类型字符串的不可变指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间。注意:由于字符串的不可变,尽量不要大量的拼接字符串根据字符返回位置字符串所有的方法,都不会修改字符串本身(字符串不可变),...原创 2019-11-20 22:54:48 · 136 阅读 · 0 评论 -
JavaScript-数组(new Array)
创建数组的俩种方式:1、利用数组字面量var arr = [1, 2, 3];console.log(arr); //输出结果为1,2,32、利用new Array()var arr1 = new Aarry(); //创建了一个空的数组var arr2 = new Aarry(2); //里面的2表示数组的长度为2,输出结果我2个空的数组元素var arr3 = new A......原创 2019-11-20 21:08:46 · 46823 阅读 · 4 评论 -
JavaScript -日期对象(Date)
日期格式化 方法名 说明 代码 getFullYear() 获取当年年份 dObj.getFullYear() getMonth() ...原创 2019-11-20 16:36:16 · 225 阅读 · 0 评论 -
JavaScript对象
在javascript,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等对象是由属性和方法组成的。● 属性:事物的特征,在对象中用属性来表示(常用名词)● 方法:事物的行为,在对象种用方法来表示(常用动词)为什么需要对象Js中的对象表达结构更清晰,更强大。在JavaScript中,现阶段可以采用三种方式创建对象(object)● 利用字面量创建...原创 2019-11-19 21:09:57 · 150 阅读 · 0 评论 -
JavaScript预解析
js引擎运行js分为俩步:预解析和代码执行预解析:js引擎会把js里面所有的var还有function提升到当前作用域的最前面代码执行:按照代码书写的顺序从上往下执行预解析分为:变量预解析(变量提升)和函数预解析(函数提升)变量提升:是把所有的变量声明提升到当前的作用域最前面,不提升赋值操作函数提升:是把所有的函数声明提升到当前作用域的最前面console.log(num); //...原创 2019-11-19 12:09:52 · 130 阅读 · 0 评论 -
JavaScript作用域
JavaScript作用域:就是代码名字(变量)在某个范围内其作用和效果,目的是为了提高程序的可靠性更重要的是减少命名冲突。js的作用域(es6)之前:全局作用域、局部作用域全局作用域:整个script标签或者是单独的js文件var num = 10;局部作用域 在函数内部就是局部作用域,代码的名字只在函数内部起效果和作用function fn(){ //局部作用域 var num...原创 2019-11-19 11:28:35 · 172 阅读 · 0 评论 -
break,continue,return的区别
break:结束当前的循环体(如for、while)continue:跳出本次循环,继续执行下次循环(如for、while)return:不仅可以退出循环,还能够返回return语句中的值,同事还可以结束当前的函数体内的代码...原创 2019-11-18 17:07:11 · 131 阅读 · 0 评论 -
js-函数
函数就是封装一段可以被重复执行调用的代码块,目的:是让大量代码重复使用。函数使用分为两步:声明函数和调用函数1、声明函数function 函数名(){ //函数体}2、调用函数函数名();注意:● function 声明函数的关键字 全部小写● 函数是做某件事情,函数名一般是动词● 调用函数是要加小括号● 函数不调用自己不执行函数的封装函数的封装是把一个或者多个功...原创 2019-11-18 17:04:34 · 337 阅读 · 0 评论 -
js-数组
数组的概念数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的方式。//普通变量一次只能存储一个值var num = 10;//数组一次可以存储多个值var arr = [1,2,3,4,5];数组的创建方式js中创建数组有俩种方式:● 利用new创建数组● 利用数组字面量创建数组利用new创建数组var...原创 2019-11-16 22:40:15 · 820 阅读 · 0 评论 -
js-循环
for循环在程序中,一组被重新执行的语句被称之为循环体,能否继续重复执行,取决于循环的终值条件。由循环体及循环的终止条件组成的语句,被称之为循环语句。//1、for重复执行某些代码,通常跟计数有关系//2、for语法结构for(初始化变量; 条件表达式; 操作表达式){ //循环体}//3、初始化变量 就是用var声明一个普通变量,通常用于作为计数器使用//4、条件表达式 用来决定...原创 2019-11-15 23:52:00 · 359 阅读 · 0 评论 -
switch语句和if else if语句的区别
①一般情况下,它们俩个语句可以相互替换②switch…case语句通常处理值比较确定的情况,而if…else…语句较为灵位,常用于范围判断(大于、等于某个范围)③switch语句进行条件判断后直接执行到程序的条件语句,效力更高。而if…else语句有几种条件,需要判断多次④当分支比较少时,if…else语句的执行效力比switch语句高⑤当分支比较多时,switch语句的执行效力比较高,而...原创 2019-11-15 17:46:34 · 1563 阅读 · 2 评论 -
js-流程控制
流程控制在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候要通过控制代码的执行顺序来实现要完成的功能。简单理解:流程空时就是来控制代码按照什么结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结果代表三种代码执行的顺序。顺序流程控制顺序结构是最简单、最基本的流程开控制,它没有特定的语法结构,结构会按照代码的先后顺序,依次执行,程序...原创 2019-11-15 16:45:25 · 282 阅读 · 0 评论