diegui9561-CSDN博客

转载 ES6 Class(类)(九)

一、Class类1、构造函数 constructor(){}说明：a、如果没有重新定义带参数的构造函数,类会默认为我们提供一个不带参数的隐式构造函数b、在创建类的实例时会自动调用类中的构造函数2、实例属性【类的实例属性定义在类的构造函数中(类实例的属性)】eg： constructor(name,age){ this.name...

2019-08-18 21:00:00 129

转载 ES6 模块(八)

在node环境中运行需要使用babel命令将ES6代码转换为ES5代码再执行相关文件使用命令直接将src目录下所有ES6代码转换ES5代码到dist目录下： $ babel src --out-dir dist1、export命令【导出模块中的变量或方法】export { } | 表达式 | 函数说明：　a、export命令规定的是对外的接口,必须与模块内部...

2019-08-18 20:52:00 108

转载 ES6 Promise对象(七)

一、Promise介绍1、Promise简单说就是一个容器，里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果2、Promise可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易二、基本用法【使用时注意环境及异步操作相关包安装】在node环境中使用ajax时需要安装jsdom、jqury包配置常量：...

2019-08-18 20:45:00 134

转载 ES6 Set和Map集合(六)

一、Set集合创建Set实例：let set = new Set();1、特性：a、Set本身是一个构造函数,用来生成Set数据结构【类比数组结构】b、Set函数可以接受具有Iterable接口的数据结构作为参数c、Set集合中的成员是唯一的【即不可重复】2、Set实例的相关属性及方法a、属性Set.prototype.constructor：构造函数,默认就是Set函数 Set.pro...

2019-08-16 12:17:00 108

转载 ES6 数组的拓展(五)

一、扩展运算符(...)将数组转化为以,分割的字符串eg: console.log(...[1,2,3,4]); //1 2 3 4 将字符串转化为数组eg： console.log([...'hello']); //['h','e','l','l','o']求数组中最大值eg： //求参数中最大值 let re...

2019-08-15 22:13:00 82

转载 ES6 函数的拓展(四)

一、参数带默认值函数1、在函数形参可以赋予函数默认值【即实参严格匹配undefined时,在函数内部使用形参时调用它的默认值】2、函数name属性【返回函数名称,无名的函数返回空字符串】3、函数length属性【从左往右开始计算函数形参直到碰到带有默认值形参时结束计算,这样计算的形参个数】eg： //普通函数传参 function test(a,b=2,c,...

2019-08-15 22:07:00 94

转载 ES6 对象的拓展(三)

一、对象中的属性及方法1、属性属性简写：当对象属性名与属性值变量相同可以简写eg: let [name,age]=['nzc','18']; let obj = { name:name, age:age }; //简写方式: let obj = { name, a...

2019-08-15 21:58:00 98

转载 ES6 变量与解构(二)

一、变量的声明与使用【测试示例需要在node环境中测试,浏览器环境下并不完全兼容ES6代码】ES6中可以使用 {} 来包含任意一段代码,被 {} 包裹的内容称为一个代码块(局部作用域)let关键字　【声明变量】特性：1.块级作用域【局部作用于声明的代码块中】2.变量声明不会提升【变量未声明前无法使用该变量】3.暂时性死区【该变量声明前面的区域】4.不能重复声明...

2019-08-13 21:55:00 94

转载 ES6环境搭配(一)

一、Node(NodeJS、Node.js)的安装：1、下载官网下载地址：https://nodejs.org/en/2、安装a、Linux先将安装包解压,然后进行环境变量的配置即可b、windows按照默认步骤安装即可查看是否安装成功：a、点击开始菜单查看应用程序b、打开cmd命令窗口使用命令 node -v或node --version 可以查看安装版本即安装成功 3...

2019-08-13 21:39:00 113

转载 jQuery中的动画(七)

一、jQuery对象样式相关方法1、设置高度和宽度height([num]) 【获取或设置样式属性height的值】获取匹配元素中第一个元素的height样式值或给匹配所有元素设置height样式值width([num]) 【获取或设置样式属性width的值】获取或设置匹配元素中第一个元素的width样式值说明：a、参数无参：获取匹配元素中第一个元素相应的属性值有参n...

2019-07-30 21:12:00 82

转载 jQuery简易Ajax(六)

一、jQuery中ajax的两种书写方式【一般采用第二种方式】1、$.ajax(url,[setting]);2、$.ajax([setting]); setting参数说明：setting为一个对象,用于配置 Ajax 请求的键值对集合第二种方式即是将url键值对也放入到setting参数对象中了eg： $.ajax({ url:'', //...

2019-07-30 20:26:00 117

转载 jQuery常用方法(五)

一、jQuery中常用方法相关方法参数说明：a、无参,获取值b、参数param,设置值c、参数function(index,oldVal){}回调函数【返回我们所要使用的新值】回调函数的两个参数： 1、被选元素列表中当前元素的下标 2、原始(旧的)值 val([param]) 【读取或修改元素value属性的值】html([param]) 【读取和修...

2019-07-30 10:09:00 174

转载 jQuery事件(四)

一、基本事件函数下面事件函数中参数相关说明：eventType：事件类型，字符串'click' 'submit'多个事件类型可以通过用空格隔开【一次性绑定'click submit'】eventData：事件数据，一个对象handler：事件处理函数eventObjec：事件对象data：传递给事件处理函数handler的额外数据bind(eventType,[eventData ],h...

2019-07-30 10:01:00 119

转载 jQuery中的DOM操作【续】

一、复制节点$(选择器字符串).clone(false) 【返回克隆的节点对象】参数：false,浅复制,复制元素但不复制元素中所绑定的事件【默认为false】true,深复制,复制元素且复制元素中所绑定的事件注：js的原生的cloneNode()方法复制节点深复制代表复制子节点浅复制代表不复制子节点与事件没有关系二、替换节点下面函数的一些相关说明：...

2019-07-29 22:20:00 76

转载 jQuery中的DOM操作(三)

一、查找节点【返回jQuery对象】$(选择器字符串); 使用jQuery函数，里面参数为选择器字符串，查询符合条件的BOM对象并返回jQuery对象eg： $('div.one span:first'); //查询所有类名为one的div里面的所有后代span里面的第一个span元素二、创建节点$(HTML文本字符串);使用jQuery函数，里...

2019-07-29 22:07:00 83

转载 jQuery选择器与过滤器(二)

一、jQuery选择器1、基本选择器：所有选择器 *标签选择器标签名ID选择器 #ID类选择器 .className组合选择器 selector1,selector2 多个选择器使用逗号分割，多个选择器选择的元素均选中嵌套选择器 selector1 selector2 多个选择器共同使用，在select1中再选择selector...

2019-07-27 22:09:00 156

转载 jQuery函数与对象(一)

一、jQuery函数jQuery函数的两种表现形式：1、jQuery()2、$()说明：在jQuery中使用jQuery()与$()是等价的,一般情况下均使用$()jQuery函数中可以存放的四种参数形式：【返回的均是jQuery对象】1、$(选择器字符串) jQuery函数通过相应选择器获取对应的DOM对象，然后将这些DOM封装到一个jQuery对象中并返回eg:...

2019-07-27 21:46:00 192

转载 js原生Ajax(十四)

一、XMLHttpRequest 【使用XMLHttpRequest时，必须将html部署到web服务器中】1) 指定请求1、实例化eg： var http = new XMLHttpRequest();http为实例化的XMLHttpRequest对象，该对象可以重用，但是这将会终止之前通过该对象挂起的任何请求。2、指定请求open(method,url,a...

2019-07-25 19:03:00 113

转载 js浏览器对象模型【BOM】(十三)

一、时间定时器1、超时调用setTimeout(fun,time) 【返回一个唯一标识该超时调用的ID数值】参数：fun:要执行的函数time:设置第多少毫秒后执行fun函数clearTimeout(ID) 取消超时调用定时器【通过定时器返回的唯一标识ID值取消定时器】eg： var id = setTimeout(function(){ co...

2019-07-24 11:46:00 99

转载 js事件【续】(事件类型)

一、UI事件【使用时需要添加on　　eg: onload 页面加载完成事件】load 【一张页面或一幅图像完成加载】页面加载后触发的事件,即进入页面后unload 【用户退出页面】页面卸载后触发的事件,即离开页面时(firefox不支持)select 【文本被选中】当用户选择文本框（<input>,<textarea>）中的一个或多个字符时res...

2019-07-23 22:23:00 97

转载 js事件(十二)

一、事件三要素1、事件目标【谁触发的该事件(引起该事件触发的源头:target)】2、事件处理程序【处理相应事件的函数】3、事件对象【触发事件产生的携带事件信息的对象】二、事件流【从页面中接受事件的顺序】1、事件捕获流相同事件从外到内依次执行2、事件冒泡流相同事件从内到外依次执行3、DOM事件流先事件捕获，再处理目标，再冒泡三、事件处理程序1.HTML事件处理程序...

2019-07-22 16:21:00 103

转载 js文本对象模型[DOM]【续】(Node节点类型)

一、Document类型 document实例1、常用的一些属性documentElement　　始终指向HTML页面中的<html>元素。body 　　直接指向<body>元素title　　获取文档的标题images　　获取所有的img对象【返回类数组对象】forms　　获取所有的form对象【返回类数组对象】links　　获取文...

2019-07-20 20:24:00 104

转载 js文本对象模型【DOM】(十一)

一、W3C DOM 标准被分为 3 个不同的部分：1、Core DOM - 所有文档类型的标准模型【IE中的所有DOM对象都是以COM对象的形式实现的】2、XML DOM - XML 文档的标准模型3、HTML DOM - HTML 文档的标准模型二、JavaSript原生对象中的DOM对象【HTML DOM】1、Node类型javascript中所有的节点类型都继承自Node类型，所有...

2019-07-20 20:14:00 119

转载 js继承(十)

一、原型链继承【子构造函数的原型对象是父构造函数的实例】【对原型属性和方法的继承】1、每个构造函数【prototype】都有一个原型对象，原型对象中都包含一个指向构造函数的指针【constructor】，而实例都包含一个指向原型对象的内部指针【__proto__】。当原型对象等于另外一个类型的实例即继承。eg： //创建父类Animal构造函数 function ...

2019-07-18 23:07:00 74

转载 js-Date对象(九)

一、Date对象的创建1、new Date()【创建当前时间对象】eg： var date = new Date(); console.log(date); //Thu Jul 18 2019 18:43:13 GMT+0800 (中国标准时间)2、new Date(year, month, day, hours, minutes, seconds,...

2019-07-18 19:24:00 98

转载 js基本包装类型及Math对象(八)

一、基本包装类型【继承于Object类型】1、Number()、String()、Boolean()引用数据类型【包装类型】分别对应的基本数据类型为number、string、boolean。2、当使用基本数据类型调用对应基本包装类型的方法时：后台会创建一个对应的基本包装类型对象来调用相关的方法。相应的过程如下：a.创建相应基本包装类型的一个实例对象【装箱】b.在实例对象上调用相应的方法...

2019-07-18 10:22:00 83

转载 js正则表达式【续】(相关字符的解释含义)

1、字符类[直接量] . (点号，小数点) 匹配任意单个字符，但是行结束符除外\d 　　匹配一个0-9之间的阿拉伯数字。等价于[0-9]\D 　匹配任意一个不是0-9之间阿拉伯数字的字符。等价于[^0-9]。 \w 　匹配任意一个字母、数字或下划线的字符。等价于 [A-Za-z0-9_]。 \W　匹配任意一个不是字母、数字或下划线的字符。等价于 [^A-Za-z0-9_...

2019-07-17 20:02:00 181

转载 js正则表达式(七)

一、正则表达式对象的创建方法一：使用构造函数的形式： var pattern = new RegExp('正则表达式','修饰符'); var pattern = new RegExp('hello','igm'); //需要匹配的字串为'hello'方法二：使用字面量的形式： var pattern = /正则表达式/修饰符; ...

2019-07-17 19:52:00 99

转载 js对象的深入理解(六)

一、对象的创建(四种模式)1.工厂模式工厂模式示例： function createPerson(name,age){ var obj = { name:name, age:age, sayName:function(){} }; return obj; } va...

2019-07-16 20:27:00 106

转载 js数组【续】(相关方法)

一、数组的栈，队列方法【调用这些方法原数组会发生改变】var arr = [2,3,4,5,6];1.栈 LIFO (Last-In-First-Out)a、push() 可接受任意类型的参数，将它们逐个添加到数组的末尾。【返回数组的长度】 console.log(arr); //[2,3,4,5,6] console.log(+arr.push(7)); //...

2019-07-15 20:58:00 136

转载 js数组(五)

一、数组的声明方法一：【构造函数形式声明】 var array = new Array(); //[] var array = new Array(10); //数组长度:array.length = 10; var array = new Array('tom',20,null); //['tom',20,null]方法二：【...

2019-07-15 20:22:00 186

转载 js函数(续)

一、全局变量和局部变量全局变量：当前js页面中均可使用的变量【声明在函数外面的变量】,整个js页面中均可以使用。局部变量：声明在函数内部的变量,只能在函数内部使用。eg: var a = 1; console.log(a); function test(){ console.log(a); //1 var b = 2...

2019-07-12 17:00:00 79

转载 js对象及函数(四)

一、对象1、函数对象的创建方法一：使用new构造函数去创建构造函数对象eg: var obj = new Object(); //向对象里面添加属性或方法 obj.name = 'nzc'; obj.age = 21; obj.sayName = function(){}方法二：使用对象字面量来声明对象 var...

2019-07-11 19:22:00 115

转载 js的一些较为常见的语句算法题

下面各题解法可能存在一些时间和空间复杂度问题，有些没有做到最优化，还请谅解！！！1、用for循环实现10的阶乘。 //使用for循环方法解答 var num = 10 var sum = 1; var str = ''; for(var i=10;i>=1;i--){ sum *= i; ...

2019-07-10 20:22:00 161

转载 js流程控制语句(三)

如果在语句中需要声明变量时：最好给他们赋予初始类型值【js中变量声明使用var属于弱类型声明，若只声明则均表示为undefined，在后面语句计算中可能会产生错误计算】;相应的类型变量需要如下方式进行定义：eg： number类型：var num = 0; string类型：var str = ''; object类型：var obj = null;1、条件判断语句...

2019-07-10 19:55:00 194

转载 js运算符及数据类型转换(二)

1.一元运算符+、-【将其它类型转化为number类型，相当于调用了Number()函数】var num = +('hello') NaN typeof num->numbernum = +('123') 123 typeof num->numbernum = +('-123') -123 typeof num->numbernum = -('-123') ...

2019-07-09 18:53:00 129

转载 js数据类型及变量知识(一)

1.js中基本数据类型有哪些？基本数据类型： undefined、number、string、boolean、null、【object】 object【引用数据类型】 a、object var obj = {name:'nzc',age:21}; b、array var arr = [1,2,'nzc',undefined];...

2019-07-08 18:57:00 110

转载 Navicat连接腾讯云服务器上的数据库

下面介绍Navicat连接腾讯云服务器上的数据库的两种方法：方法一：【不需要修改相关远程客户端连接权限】点击安装好的桌面navicat图标，进入后如下图：连接方法：ssh中输入自己服务器的外网ip地址，登录服务器账号和密码如下图：再设置常规属性中，数据库的连接，主机填localhost，因为mysql安装在了本地服务器上，然后填入mysql的用户名及密码...

2019-07-05 22:16:00 1495

转载 vim插件(vim-emmet)安装步骤

vim安装插件 vim-emmetvim-emmet网址 https://www.vim.org/scripts/script.php?script_id=2981pathogen.vim网址 https://www.vim.org/scripts/script.php?script_id=2332github网址 http://github.com/mattn/emmet-vi...

2019-07-04 18:55:00 913

转载 float与position间的区别

float与position间的区别：个人理解为：脱离文档流不一定脱离文本流；但脱离文本流，则也脱离文档流。【如有更好的理解还望评论区一起探讨，共同学习进步】一、float 浮动(脱离文档流，不脱离文本流) float的两种功能作用： a.元素脱离文档流，但不脱离文本流。(即：该元素区域浮动起来，但是处于元素里面的文本信息不会脱离文档) b.当行...

2019-07-04 18:38:00 233

空空如也

空空如也