丑基地-CSDN博客

原创 ECMAScript 6 之Iterator 和 for...of 循环

目录1. 概述2. 默认 Iterator 接口1. 概述遍历器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作。遍历器的作用主要有两个：为各种数据结构，提供一个统一的、简便的访问接口，使得数据结构的成员能够按某种次序排列。供for...of循环调用。Iterator 的遍历过程是这样的：创...

2020-04-02 23:40:28 119

原创 javaScript定时器

定时器，javaScript中用来设置代码定时执行。主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。目录1. setTimeout()2. setInterval()3.clearTimeout()，clearInterval()4. 运行机制1. setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少毫秒之...

2020-04-02 21:29:25 118

原创 ECMAScript 6 之Promise 对象

目录1. 概述2. 基本用法3. Promise 对象实例方法1. 概述Promise 是异步编程的一种解决方案。ES6 原生提供了Promise对象。Promise 对象是一个代理对象，被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法。一个Promise有以下几种状态:pending：初始状态fulfilled：操作成功rej...

2020-04-01 23:44:16 134

原创 springboot+vue前后端分离项目使用Nginx代理，实现局域网访问

在项目开发过程中，几个同事负责一个项目，然后本人对项目进行了一些修改，别的同事想要查看效果，直接使用Nginx进行代理，同事就能访问我在本地运行的项目。具体过程如下：1.下载Nginx完成安装，修改nginx.conf文件。server { listen 1234; // 监听端口，自己设置 server_name 192.168.3.68; // 本机ip地址 loca...

2020-03-30 13:02:58 2419 2

原创 ECMAScript 6 之Reflect

目录1. 概述2. Reflect对象静态方法2.1 Reflect.get()1. 概述Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect不是一个函数对象，它是不可构造的，而且Reflect的所有属性和方法都是静态的。Reflect对象的设计目的有这样几个：将Object对象的一些明显属于语言内部的方法，放到Reflect对象上修改...

2020-03-28 19:49:34 302

原创 ECMAScript 6之Proxy

2020-03-26 16:35:25 683

原创 ECMAScript 6之Set 和 Map 数据结构

目录1.Set1.1 Set 实例的属性和方法1.SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。let s = new Set();typeof s; // "object"Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。// 接...

2020-03-22 20:39:34 218

原创 ECMAScript 6之Symbol

目录1. 概述2. Symbol.prototype.description3. Symbol值作为属性名4. 属性名的遍历5. Symbol.for()6. Symbol.keyFor()7. 参考链接1. 概述ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值、字符串、数值、对象...

2020-03-19 22:17:10 128

原创 ECMAScript 6之对象的扩展

ECMAScript 6之对象的扩展1. 属性的简洁表示法ES6 允许在大括号（{}）里面，直接写入变量和函数，作为对象的属性和方法。const name = "jidi";const age = 22;let person = {name, age};// 等价于let person = {name: name, age: age}person; // {name: "ji...

2020-03-18 17:14:47 347

原创 ECMAScript 6之数组的扩展

ECMAScript 6之数组的扩展1. 扩展运算符扩展运算符（...），将一个数组转为用逗号分隔的参数序列。let x = [1, 2, 3, 4, 5, 6];console.info(...x); // 1 2 3 4 5 6扩展运算符主要用于函数的调用。function add(x, y) { return x + y;}let a = [1, 2];add(......

2020-03-04 09:15:01 199

原创 ECMAScript6之函数的扩展

ECMAScript6之函数的扩展1. 函数参数的默认值ES6之前为函数参数设置默认值，需要使用变通的方法才能实现。function add(x, y) { x = x || 1; y = y || 2; return x+y; }// 使用参数默认值参与运算add(); // 3add(2); // 4ES6 允许为函数的参数设置默认值，可以直接写在参数定义的后面。f...

2020-02-28 11:55:20 239

原创 ECMAScript 6之数值的扩展

ECMAScript 6之数值的扩展ECMAScript 6对于数值，进行了一定的扩展，下面会进行介绍。1. 二进制和八进制的表示ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。// 数值转为二进制字符(369).toString(2); // "101110001"// 数值转为八进制字符369..toString(8); // "561"...

2020-02-26 11:58:25 384

原创 ECMAScript 6之字符串的扩展

ECMAScript 6之字符串的扩展ECMAScript 6对字符串进行了许多增强与改造，下面会逐个介绍。1. 字符的 Unicode 表示法ES6 加强了对 Unicode 的支持，允许采用\uxxxx形式表示一个码点在\u0000~\uFFFF之间的字符，其中xxxx表示字符的 Unicode 码点。'\u0061'; // 'a''\u0062'; // 'b'对于Unico...

2020-02-24 16:51:03 200

原创 ECMAScript 6之变量的解构赋值

变量的解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。1. 数组的解构赋值以前为变量赋值，只能直接指定值。// 直接指定值let a = 1;let b = 2;let c = 3;ES6 允许通过解构进行赋值。let [a, b, c] = [1, 2, 3];a; // 1b; // 2c; // 3上面代码中，a，b，c三...

2020-02-23 18:35:28 179

原创 ECMAScript 6之let 和 const 命令

let 和 const 命令ES6 新增了let命令与const命令，用来声明变量。1. let命令let命令，用来声明变量。它所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a; // ReferenceError: a is not defined.b; // 1let命令声明的变量，不会出现"变量提升"现象。//...

2020-02-21 12:30:24 138 1

原创 JDK，JRE，JVM三者之间的关系

JDK，JRE，JVM三者之间的关系1. JDKJDK（Java Development Kit），java开发工具包，它是一种用于构建在 Java 平台上发布的应用程序、applet 和组件的开发环境。其中包括了Java编译器、JVM、大量的Java工具以及Java基础API。我们在安装了JDK之后，在bin目录下，存放了许多开发工具。常用的有javac.exe（编译工具），将java文件...

2020-02-06 21:18:16 4252

原创 javaScript正则表达式对象

javaScript之正则表达式对象1. 简介正则表达式（Regular Expression），又称规则表达式，计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。javaScript中使用RegExp对象提供正则表达式的功能。创建正则表达式有两种方式：使用直接量使用构造函数// 使用直接量创建正则表达式，以"/"表示开始和结束var rege...

2020-02-06 18:48:24 340

原创 JavaScript运算符详解

JavaScript运算符详解在讲解运算符之前，先问个问题：var a = b && c || d，变量a是不是布尔值？为什么？JavaScript中的运算符大致可以分为以下几类：算术运算符比较运算符布尔值运算符二进制位运算符others1. 算术运算符javaScript提供了以下算术运算符:加法运算符减法运算符乘法运算符除法运算符指数运算符余...

2020-02-05 21:54:44 321 1

原创 javaScript面向对象编程之Object 对象

javaScript面向对象编程之Object 对象JavaScript为Object对象，提供了很多面向对象编程的相关操作。1. Object.getPrototypeOf()Object.getPrototypeOf()是JavaScript提供的标准的获取对象的原型对象的方法。function F(x){ this.x = x;}var f = new F(1);Object...

2020-01-14 15:44:52 264 2

原创 javaScript面向对象编程之对象的继承

javaScript面向对象编程之对象的继承面向对象编程的重要特点就是继承，对象A继承对象B，就能拥有对象B的行为（方法）和状态（属性），有利于代码的复用。JavaScript语言的继承通过"原型对象"（prototype）实现，ES6引入了类（class），参考ES6入门。1. 概述原型对象1.1 构造函数的缺点再讲原型对象之前，先看一下构造函数。JavaScript通过构造函数可以...

2020-01-13 22:45:11 291

原创 javaScript面向对象编程之this关键字

javaScript面向对象编程之this关键字1. 含义简而言之，this就是属性或方法“当前”所在的对象。比如：var person = { name: "jidi", print: function(){ return "name："+this.name; }}person.print(); // "name：jidi"在上面这个例子中，this.name中的thi...

2020-01-12 22:19:00 237

原创 JavaScript面向对象编程之实例对象和new命令

javaScript面向对象编程之实例对象和new命令1.实例对象1.1 对象是什么？面向对象编程（Object Oriented Programming，缩写为 OOP）是目前主流的编程范式。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。对象是单个实物的抽象表示对象是一个容器，封装了属性和方法。属性是对象的状态，方法是对象的行为。...

2020-01-12 18:29:38 3526 1

原创同源限制

浏览器安全基石是“同源政策（same-origin policy）”。1. 概述1.1 含义同源政策由网景公司引入浏览器，目前，所有浏览器都实行这个政策。所谓“同源”，指的是三个相同。协议相同域名相同端口相同比如说，http://www.baidu.com/dir/1.html这个网址，协议是http://，域名是www.baidu.com，端口是80（默认端口），它的同源情况...

2020-01-11 23:21:13 379 1

原创 Git常用命令

1. Git介绍Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。2. Git常用命令2.1 Git全局配置$ git config --global user.name "jidi"$ git config --global user.email...

2020-01-11 22:22:08 173

原创浏览器如何对URL进行管理？

URL 是互联网的基础设施之一。浏览器提供了一些原生对象，用来管理 URL。1. Location 对象Location对象是浏览器提供的原生对象，提供 URL 相关的信息和操作方法。通过window.location和document.location属性，可以拿到这个对象。1.1 属性Location对象提供以下属性。Location.href：整个URL。Location.pr...

2020-01-11 21:39:04 674

基地的博客