Gaozier-CSDN博客

原创 ES6—Module的语法

Module的语法概述严格模式export命令import命令模块的整体加载export与import的复合写法import()概述之前的模块加载方案：CommonJS和AMD// CommonJS模块，实质是加载fs的所有方法生成_fs对象，然后读取方法let { stat, exists, readFile } = require('fs')// 等同于let _fs = require('fs')let stat = _fs.statlet exists = _fs.exists

2021-05-17 14:57:49 168

原创 ES6—Class的继承

Class的继承简介Object.getPrototypeOf()super关键字作为函数作为对象类的prototype属性和_proto_属性extends的继承目标实例的__proto__属性原生构造函数的继承Mixin模式的实现简介extends关键字继承了父类的属性和方法super关键字表示父类的构造函数，用来新建父类的this对象/** * extends关键字继承了父类的属性和方法 */ // 如果子类继承父类但构造函数没有调用super方法，会导致新建实例时报错class

2021-05-14 15:59:42 125

原创 ES6—Class的基本语法

Class的基本语法简介严格模式constructor方法类的实例对象Class 表达式不存在变量提升私有方法私有属性this的指向name属性Class的取值函数(getter)和存值函数(setter)Class的Generator方法Class的静态方法Class的静态属性和实例属性Class的实例属性Class的静态属性new.target属性简介类的数据类型是函数，类本身指向构造函数普通的ES语法function Point(x, y) { this.x = x this.y

2021-05-13 16:10:00 191

原创 ES6—async函数

async函数含义用法语法返回Promise对象Promise对象的状态变化含义Generator函数的语法糖// *替换成async，yield替换成awaitvar asyncReadFile = async function () { var f1 = await readFile('/etc/fstab'); var f2 = await readFile('/etc/shells'); console.log(f1.toString());}async函数对Generator函

2021-05-11 19:41:32 113

原创 ES6—Generator函数的异步应用

Generator函数的异步应用传统方法基本概念异步回调函数PromiseGenerator函数协程协程的Generator函数实现Generator函数的数据交换和错误处理异步任务的封装Thunk函数参数的求值策略Thunk函数的含义Js的Thunk函数Thunkify模块Generator函数的流程管理Thunk函数的自动化流程管理co模块基本用法原理基于Promise对象的自动执行co模块的源码处理并发的异步操作传统方法回调函数事件监听发布/订阅Promise对象基本概念异步不连

2021-05-07 10:41:41 160

原创 ES6—Generator函数

Generator函数简介基本概念特征与Iterator接口的关系next方法参数for...of循环Generator.prototype.throw()Generator.prototype.return()yield*表达式作为对象属性的Generator函数Generator函数 this简介基本概念是一种异步编程解决方案可以看成一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象特征function命令与函数名之间有一个星号函数体内部使用yield语

2021-04-29 15:27:07 188

原创 ES6—Iterator

Iterator（遍历器）为不同的数据结构提供统一的访问机制的接口（本质是一个指针对象）三大作用：为各种数据结构提供统一简便的访问接口使数组成员按某种次序排列主要供for…of消费默认的Iterator接口使用for…of循环遍历某种数据结构时，该循环会自动寻找Iterator接口原生具有Iterator接口的数据结构：ArrayMapSetStringTypedArray函数的arguments对象NodeList对象遍历器对象的next方法，在返回一个值的同时自动将

2021-04-25 16:02:32 86

原创 vue-Vuex

特点Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新改变 store 中的状态的唯一途径就是显式地提交 (commit) mutationState存放共享数据的Mutation对State数据进行操作的与事件类似（一个字符串的事件类型+回调函数）//提交方法store.commit('事件类型')提交载荷(Payload)大多数情况载荷是一个对象// ...mut

2021-04-24 13:04:48 102

原创 vue-elementUI中table的＜template slot-scope=“scope“＞

slot-scope可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据。scope.row可获取到table里行数据scope相当于tableData里的一行数据，与el-table-column对应

2021-04-23 16:31:23 528

原创 linux常用命令

进程端口相关命令查看当前所有tcp端口netstat -ntlp查看具体端口使用情况netstat -ntulp | grep 端口号查看程序接口占用情况ps -aux | grep 程序名

2021-04-23 13:10:15 91

原创 ES6—Reflect

概述Reflect对象的设计目的：（1）从Reflect对象上可以拿到语言内部的方法（2）修改某些Object方法的返回结果，让其变得更合理// 老写法try { Object.defineProperty(target, property, attributes); // success} catch (e) { // failure}// 新写法if (Reflect.defineProperty(target, property, attributes)) { //

2021-04-20 17:01:20 82

原创 ES6—Proxy

概述在目标对象前增添一层拦截，来代理某些操作，类似代理器//对一个空对象架设了一层拦截，重定义了属性的读取（get）和设置（set）行为var obj = new Proxy({}, { get: function (target, propKey, receiver) { console.log(`getting ${propKey}!`); return Reflect.get(target, propKey, receiver); }, set: function

2021-04-19 18:55:50 122

原创接口请求笔记

HTTP通信的七种方式GETPOST类POST的传输方式，与POST没有实质PUT类POST的传输方式，与POST没有实质DELETEOPTION查看服务器支持的请求方法HEAD测试服务器的该资源情况，不返回实体的主体部分TRACE可以获取服务器接收到的该请求原始报文，从而判断路径中的代理和防火墙是否对该请求进行修改HTTP请求报文HTTP报文格式<请求方法> <请求路径> <协议版本><请求头><主体body&g

2021-04-19 14:52:13 100

原创 CSS背景布满整个浏览器

设置bodybody, html { height: 100% }设置最外div//100vh 是整个视图的高度#div { height: 100vh;}

2021-04-16 13:22:17 167

原创 node连接mysql8报错

node连接报错 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server;原因mysql8之前是mysql_native_password，mysql8.0更改了密码默认的认证插件为Caching_sha2_passwordUSE user;ALTER user'root'@'localhost' IDENTIFIED WITH mysql_nat

2021-04-15 16:16:04 160

原创 ES6—Symbol

概述ES6引入新的原始数据类型Symbol，表示独一无二的值。Symbol值不是对象，不能添加属性，是一种类似字符串的数据类型，可以保证不会与其他属性名产生冲突。let s1 = Symbol('foo');let s2 = Symbol('bar');s1 // Symbol(foo)s2 // Symbol(bar)s1.toString() // "Symbol(foo)"s2.toString() // "Symbol(bar)"Symbol函数的参数只是表示对当前 S

2021-04-14 20:16:42 117

原创 ES6—Set和Map数据结构

Set基本语法类似于数组，但成员的值都是唯一的，没有重复的值。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4注意点:Set内部认为两个NaN是相等的；两个空对象不相等Set实例的属性和方法属性Set.prototype.constructor:构造函数，默认是Set函数Set.prototype.

2021-04-12 17:42:24 146

原创 ES6—正则表达式

正则表达式RegExp构造函数RegExp构造函数第一个参数是正则对象，第二个参数可以指定修饰符，且覆盖原有的修饰符new RegExp(/abc/efg,'i').flags// "i"字符串正则方法es6将与正则相关的方法全部定义在RegExp对象上match()replace()search()split()u修饰符即“Unicode模式”，正确处理大于\uFFF的Unicode字符点字符对于码点大于0xFFFF的Unicode 字符，加上u修饰符才能识别Unico

2021-04-11 14:15:24 726

原创解决vue proxy代理配置跨域后404页面问题

vuecli2中配置文件均在build和config中vuecli3中的配置文件需自己创建，名为vue.config.js(需要与src同级目录)问题原因所在文件名没有严格一致配置文件中命名应于官方文档一致网上好多都是dev和proxyTable...

2021-04-09 15:40:41 2384

原创防火墙指令

防火墙systemctl start firewalld ##启动Firewallsystemctl stop firewalld ##关闭Firewallsystemctl restart firewalld##重启Firewall禁止开机启动启动防火墙 systemctl disable firewalld开放端口firewall-cmd --permanent --add-port=8081-8085/tcp移除端口firewall-cmd --permanen..

2021-04-08 15:12:02 754

原创解决mysql.cj.exceptions.CJException: null, message from server: “Host ‘x‘ is not allowed to connect异常

datagrip连接时报错原因：权限问题进入服务器进入mysqlupdate user set host = "%" where user="root"最后flush privileges更新操作即可

2021-04-08 12:13:49 5337 2

原创服务器安装必备

服务器安装必备数据库1.检查是否安装过mysqlrpm -qa|grep mysql安装过可使用下面命令卸载rpm -e --nodeps mysql-libs2.安装首先卸载默认的mariadb(与mysql冲突)yum remove mariadb-libs.x86_64软件下载在/usr/local/mysql8.0wget https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpmyum本地安

2021-04-08 11:20:51 217 3

Gaozier的博客