自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 JS声明提前、预解析、变量提升、函数提升

声明提前、预解析、变量提升、函数提升等术语粗略理解的话,其实指代的都是同一事情。《JavaScript权威指南》中用声明提前代指。“声明提前”这步操作是在JavaScript引擎的“预编译”时进行的,是在代码开始运行之前。Javascript代码是由浏览器中的JavaScript解析器来解析的,可以认为解析器在解析代码的时候分为两步:预解析(预编译)和代码执行。一、变量预解析(变量提升)变量预解析就是指,把所有的变量声明提升到当前作用域的最前面,但不提升赋值操作。例如:console.log(

2020-07-10 21:13:43 335

原创 PHP简介

PHP简介什么是 PHP PHP 是 "PHP Hypertext Preprocessor" 的首字母缩略词 PHP 是一种被广泛使用的开源脚本语言 PHP 脚本在服务器上执行 PHP 没有成本,可供免费下载和使用什么是 PHP 文件 PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码 PHP 代码在服务器上执行,而结果以纯文本返回浏览器 PHP 文件的后缀是 "....

2020-05-04 15:40:04 310

原创 ES6之Promise

Promise1.基础结构 Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。其实这里用“成功”和“失败”来描述并不准确,按照标准来讲,resolve是将Promise的状态置为fullfiled,reject是将Promise的状态置为rejected。 new Pro...

2020-04-29 15:02:34 191

原创 JS几种同步和异步

同步和异步同步 (1) var a=3; var b=4; console.log(b); var c=a+b; console.log(c); for(var i=0;i<10000;i++){ c+=i; } console.log(c); 按照顺序依次打印b,c,c,同步 (2)...

2020-04-22 10:41:53 680

原创 ES6字符串扩展方法

字符串扩展方法let str="abcdef";1.字符的 Unicode 表示法 "\u4e00",表示中文“一”。2.includes() 表示是否找到了参数字符串 console.log(str.includes("d"));//true3.startsWith() 表示参数字符串是否在原字符串的头部 (1)console.log(str.startsWith...

2020-04-21 15:49:43 192

原创 ES6模块化开发1

模块化开发11.首先插入(编写)需要导出的js文件,如Rect.js与Other.js (1)导出 默认 即默认导出Rect类 export default class Rect{ ... constructor(){ ... } ... } (2)导出 即导出A,B类...

2020-04-21 15:23:43 157

原创 面向对象的继承

面向对象的继承class A{ a=0; b=0; static abc=10; constructor(_a,_b){ this.a=_a; this.b=_b; } sum(){ this.a++; t...

2020-04-21 14:59:20 101

原创 ES6面向对象类,静态和动态

ES6面向对象-类创建类: class Box{ a=1; constructor(a,b){ console.log(a,b); } play(){ } }构造函数:constructor 1.构造函数就是实例化对象时执行的函数,即new 类名() ...

2020-04-21 14:08:11 320

原创 ES6生成器函数

Generators生成器函数写法 function* getNums(i) { yield i; let s=i+10; yield s; yield s+10; } let a2= getNums(10); console.log(a2.next().value);//10 console.log(a2.next().valu...

2020-04-21 11:28:13 131

原创 ES6之Set,Map及数组,对象数据类型

Set和Map数组数据类型: 数组无名有值 根据下标记录数据 按照顺序记录 如果需要找到某个数据,必须遍历整个数组,查找数据 时间长 插入,删除,添加元素 因为数组是紧密结构 时间长 数组的元素可以重复,无法让元素唯一性 数组有关联关系,可以根据自身前后找到上下数据 数组可以知道当前遍历到什么地方了对象数据类型: key:value 键值对 必须有名...

2020-04-20 19:03:01 248

原创 ES6中let和const

一、let1.let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 let a=3;//ES6 var a=3; for (let i = 0; i < 10; i++) { ... } console.log(i);//显示未定义2.let 定义的全局变量都不会放在window下作为...

2020-04-20 17:06:42 105

原创 ES6基础-严格模式

ES6基础1.严格模式 "use strict"; (1)script中添加以上语句表示开启严格模式 (2)如果在script后面添加type="module",则默认开启严格模式2. - 变量必须声明后再使用 a=4;//报错 var a=4; let a=4; - 函数的参数不能有同名属性,否则报错 ...

2020-04-20 16:48:34 183

原创 ES6解构赋值及用途

一、ES6解构赋值1.数组解构赋值 数组结构赋值 let a=1,b=2,c=3 let [a,b,c]=[1,2,3]2.定义默认值 let [a,b=3]=[4]3.对象解构赋值 let {a,b}={a:5,b:6} let obj = { p: [ 'Hello', ...

2020-04-20 16:35:42 315

原创 DOM的标签属性和对象属性

一、标签属性任何一个DOM元素,有两种属性,一个是对象属性,一个是标签属性。把写在标签上的属性称为标签属性。标签属性和对象属性是两套系统。标签系统一般用于展现,对象数据一般用于数据的存储和设置任何一个DOM元素都是对象模型,都可以自主的添加设置对象的属性和值div.a=10; 1.设置标签属性 元素.setAttribute(属性名,属性值); 属性名的命名不能使用...

2020-04-20 15:49:09 1181

原创 事件对象

事件对象一、事件侦听与删除侦听ie9以上添加事件:element.addEventListener(‘事件名’,事件函数名,事件冒泡/捕获) 事件类型(事件名):必须是字符串,可以设置为任意字符串,但是部分字符串是系统事件类型 事件回调函数(事件函数名):指向一个函数,当收到事件时执行该函数,如果没有收到则不执行函数。写侦听事件时不执行函数。 是...

2020-04-02 22:30:08 152

原创 Dom对象

Dom对象什么是Dom Document Object Model(文档对象模型)DOM是针对HTML和XML文档的一个API(Application Programming Interface应用程序编程接口)。 DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。HTML DOM 定义了访问和操作HTML文档的标准方法。要改变页面的某个东西,JavaS...

2020-04-01 08:46:39 111

原创 Javascript数组的遍历

1.遍历 (1)遍历数组 var arr = [5, 2, 7, , 4, 9, 6]; arr["a"] = 10; for(var i=0;i<arr.length;i++){ console.log(i);//打印下标 console.log(arr[i]);//打印每一项下...

2020-03-28 17:19:53 252

原创 Javascript数组

一、数组1.数组的创建 var arr=[1,2,3,4,5,6,7]; var arr=[2,4,,,6,4,2,2,2,,2]; var arr=new Array(6);//这个数字就是数组的长度,没有元素 var arr=new Array(-6);//报错 var arr=new Array("a");//这是数组只有一个元素 // 一...

2020-03-28 17:17:09 144

原创 CSS浮动属性(Float)

什么是CSS Float(浮动)CSS的Float(浮动)属性,会让元素位置移动,可以向左或向右移动,被移动元素的周围元素位置也会重新排列。由于块状元素具有自上而下的显示顺序,使得Float(浮动)在布局时十分有用,经常用在图像上。即上下排列的元素,可以并排显示。元素的浮动方式元素可以进行水平方向的浮动,向左或是向右,并不能进行垂直方向的移动。浮动元素进行移动时会尽可能向左(右)移动,直...

2020-02-23 15:27:26 463

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除