自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

追风筝的人

you di da di da me,me hua la hua la you!

  • 博客(39)
  • 收藏
  • 关注

原创 Access denied for user ‘root‘@‘localhost‘ (using password: YES)

文章目录前言一、适用5.6.39的mysql的解决办法总结前言声明我的是Mac 电脑,mysql版本是5.6.39我在搞node+mysql的时候,发现一个问题,就是一旦断开和mysql的连接之后,再次创建pool的时候就会报错:Access denied for user ‘root’@‘localhost’ (using password: YES)真是说一句绝绝子!!!但是在网上找了半天也没有找到适合我的解决办法,直到有一天突然看到一个博客,试了一下,非常惊喜,解决了,但是没有杜绝这个问题,

2022-05-12 14:10:15 1906

原创 vue的runtime

文章目录前言一、runtime二、compiler总结前言我在当初学习vue的时候,就有一个问题,那就是什么是runtime?在看学习视频的时候,就总能听到什么runtime版本,compiler版本,巴拉巴拉的。。。今天我就好好的查了一下,到底什么是runtime,什么是compiler!在此记录一下!一、runtime首先,runtime翻译过来就是运行时,在我找到的许多资料里显示,runtime版本没有编译器,不能使用template,只能使用render函数来渲染。但是有一件事是,我

2022-05-11 14:20:55 1951

原创 嵌套数组去重排序

本文章用的是tslet arr = [1,[2,[3,[4,[5,5,8,[8,7,[9,0,10,5,[2,4]]]]]]]]let newArr:number[] = []const b = (val:any)=>{ if(typeof val === 'object'){ for(let i =0;i<val.length;i++){ b(val[i]) } }else{ newArr.pus.

2022-04-19 16:34:38 295

原创 async、await、promise、setTimeout关于宏任务和微任务

async、await、promise、setTimeout关于宏任务和微任务

2022-04-15 10:37:34 3322 8

原创 vue数据响应式处理

项目结构:kvue01.js//数组响应式//替换数组中原型中的七个方法const orginalProto = Array.prototype;//Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__const arrayProto = Object.create(orginalProto); //这里是备份一份数组的原型// console.log(arrayProto);//arrayProto 的__proto__ 是Array.pro

2021-03-02 15:47:35 247

原创 vue的router简单实现和vuex简单实现(学习笔记,有点乱,基于vue-cli脚手架)

上面是项目结构!!!kvue-router.js文件是简单实现vue-routerkvuex.js文件是简单实现vuex里面有各种注释,学习时候弄的,比较乱,凑合看吧!!!main.jsimport Vue from 'vue'import App from './App.vue'// import VueRouter from 'vue-router'// import Vuex from 'vuex'import KvueRouter from './kvue-router/kvu.

2021-02-23 15:14:02 171

原创 前端history

index.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul> <li><a href="#/">我是主页</a></li> <li><a href="

2021-02-02 14:11:18 150

原创 前端hash

单页面应用:hashHash:#(1)代表网页中的一个位置,例:#print,代表页面中print的位置(2)http请求不包含#,#是指导浏览器动作的(3)#后面的字符,被浏览器解析成标志符,不会被发送到服务端(4)改变#,不触发网页重载,滚动到相应的位置(5)改变#,会改变浏览器的访问历史,会增加一个浏览记录,对IE6,IE7不成立(6)window.location.hash 读取#值,可读可写,读时,判断网页状态是否改变,写时,在不重载网页的前提下,增加一条历史记录(7)onhash

2021-02-02 11:02:26 483

原创 学习node(13)

server.js文件/*模板引擎npm更新模块命令:npm install 模块名字@latest -gjade 侵入式,缩进分层级ejs 非侵入式的*/const jade = require('jade');const fs = require('fs');const express = require('express'); let str = jade.renderFile('./jade/1.jade',{pretty:true, name:'zz', cla

2020-05-27 14:39:19 158

原创 学习node(12)

cookie用法:/*cookie:不安全,有限(4k),存在浏览器读取:cookie-parser发送:*/const express = require('express');const cookieparser = require('cookie-parser');let server = express();server.use(cookieparser('kkllmmnnjj'));//读取cookieserver.use('/', function(req, res)

2020-05-18 16:40:24 229

原创 学习node(11)

中间件mod1.jsconst querystring = require('querystring');let parser = function(){//这里的req和下面的req是一个东西 return function(req,res,next){ let str = ''; req.on('data',function(data){ str += data; }); req.on('end',function(){ req.body = querystring.p

2020-05-15 15:57:53 138

原创 学习node(10)

index.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> </head> <body> <input type="text

2020-05-15 14:46:01 188

原创 学习node(9)

自己写模块并上传到npm官网上1、npm init //这是初始化 形成一个package.json文件入口文件为 index.jslet mul = function(){ let res = 1; for(let i = 0; i < arguments.length; i++){ res *= arguments[i]; } return res;}module.exports = { mul : mul}2、登录npm的官网 npm login输入账号

2020-05-12 10:58:11 112

原创 学习node(8)

server.js文件/*自定义模块*/const sum = require('./mod1.js');//这里的 .js 可以不要的/*这里直接写 mod1.js 是会报错的,Cannot find module 'mod1.js'需要给绝对路径 ./mod1.js*/const sub = require('mod2');/*把模块写入到 node_modules 文件夹下,就不用写绝对路径了node会先去系统模块里找找不到,再从node_modules文件夹下找*/

2020-05-12 10:38:10 171

原创 学习node(7)

index.html文件`<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> </head> <body> 账号:<input type="

2020-05-09 17:05:32 181

原创 学习node(6)

index.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script...

2020-05-08 11:44:57 137

原创 学习node(5)

index.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script...

2020-05-08 10:53:31 145

原创 学习node(4)

index.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script...

2020-05-08 09:46:31 126

原创 学习node(3)

/*如何进行文件操作*/const fs = require('fs');const http = require('http');let server = http.createServer(function(req,res){ let url = 'www' + req.url; fs.readFile(url,function(err,data){ if(err){ ...

2020-05-06 09:41:23 102

原创 学习node(2)

/*如何进行文件操作*/const fs = require('fs');const http = require('http');let server = http.createServer(function(req,res){ let url = 'www' + req.url; fs.readFile(url,function(err,data){ if(err){ ...

2020-04-27 09:03:30 149

原创 学习node(1)

const http = require('http');let server = http.createServer(function(req, res) { //请求和响应 console.log(req.url);//请求的绝对路径 switch(req.url){ case '/1.html' : res.write('1111'); break; case '/...

2020-04-23 10:59:35 119

原创 es6的class

class People { constructor(x,y){ this.x = x; this.y = y; console.log('sdsdsdf'); } tostring(){ return '(' + this.x + ',' + this.y + ')'; }}console.log(typeof People);//functionconsole....

2019-11-18 10:05:36 79

原创 数值的扩展(es6)

/**数值的扩展*//*isNaN()isFinite()*/console.log(isNaN(23));//falseconsole.log(isNaN('23'));//falseconsole.log(isNaN(undefined));//trueconsole.log(isNaN(NaN));//trueconsole.log(isNaN(null));//fa...

2019-11-08 15:46:51 81

原创 数组的各种操作方法!!!

let arr = [[1,2,3],[4,5,6]];console.table(arr);//浏览器控制台输出的是一个表格的二维数组let arr1 = [1,2,3];let one = 0;let none = [];let arr2 = none.concat(one,arr1);//concat 会返回一个新的数组,不会改变原数组console.log(arr2);//...

2019-11-08 11:25:30 161

原创 es6字符串扩展

let str = '中华上下五千年!';for(let i of str){//这个是字符串的遍历 比 单纯的for要好 //console.log(i);//中华上下五千年!}//at 需要垫片库才能实现 但是我install了string.prototype.at但是,没有用,还是报错,有成功和我说一声哈console.log(str.at(1));//charA...

2019-10-31 17:12:15 119

原创 es6环境搭建、webpack环境简单搭建、webpack怎么引入Jquery,一系列问题的简单记录

搭建es6环境:1、在终端输入 npm init -y,就会生成一个package.json 文件2、install babel-perset-es2015 和 babel-cli (—save-dev)3、自己弄一个文件目录,一个dist文件夹,存储转换后的es5文件,一个src文件,里面是自己写的es6文件4、需要在根目录下有一个index.html文件,里面加上 ,说明index...

2019-10-31 10:44:30 336

原创 es6解构

/**解构:ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。*/let [a] = [];let [b,c] = [1]console.log(a);//undefinedconsole.log(b,c,‘dddddd’);//1,undefined//解构不成功值会...

2019-07-29 16:07:01 83

原创 ES6的const和let

let x = ‘global’{console.log(x)let x = 1; //let不能变量提升}var bar = 12;{console.log(bar);//暂时性死区:根据变量不能提升,变量由let声明,在声明之前都是死区,用就会报错(赶脚和变量不提升也有关系)let bar = 13;}{var a = 1;var a = 2;//var 可以这样声明两...

2019-07-23 15:27:33 76

原创 this与箭头函数

/** *this词法与箭头函数 */ var aa = (a)=>{ console.log(a); } aa(2); /** *这个东东叫箭头函数,是function的简写 */ var obj = { id: 'so cute', cute:function fun(){ console...

2019-06-26 16:36:26 314

原创 模块浅析

/** *模块浅析 */ function aa(){ var name = 'Saber'; var age = 20; function info(){ console.log(name); } function another(){ console.log(age); } return { ...

2019-06-25 09:52:57 119

原创 闭包和循环

/** *循环和闭包 */ for (var i = 0; i <= 5; i++) { setTimeout(function timer(){ console.log(i);//输出6个6 },i*1000) } /** *上面的代码每一秒输出一个6,为什么呢? * 延迟的回调函数会在循环结束时才执行,所以会每...

2019-06-20 17:06:57 804

原创 闭包浅析

/** *闭包浅析 * 我在书本上找到的对闭包的定义为:函数可以记住并访问所在的词法作用域时,就产生了闭包 * 不管以何种手段将内部函数传递到所在的词法作用域以外,都会持有对原始定义作用域的引用。无论在何处执行这个函数。都会使用闭包。 * 闭包就是能够读取其他函数内部变量的函数 */ function fun(){ var a = 2; ...

2019-06-20 15:41:59 96

原创 with作用域浅析

/***浅析with* with会接收一个参数,with形成的作用域指的是接收的参数的作用域(with的作用是不需要重复引用对象本身就可以引用对象的多个属性)* */var obj1 = {a:1}function fun(obj){var a = 5;var b = 3;with(obj){a = 2;b = 1;c = 4;}console.log(a,'fff...

2019-06-19 09:40:51 328

原创 数组slice()方法和splice()方法

/***slice()方法接收两个参数,一个是起始位置,一个是结束位置* 可以只传一个起始位置,就会返回从起始位置到结尾的所有项* 他会返回起始位置和结束位置之间的项,包含起始位置,但是不包含结束位置*/var arr = [1,2,3,4,5,6,7,8,9,0];console.log(arr.slice(1))//[2, 3, 4, 5, 6, 7, 8, 9, 0]conso...

2019-06-19 09:05:46 10428

原创 数组concat()方法

/*** concat()方法可以基于当前数组中的所有项创建一个新数组* 意思就是,先创建一个当前数组的副本,然后将接收到的参数添加到这个副本数组的末尾* 返回新构建的数组*/var arr = [1,2,3];console.log(arr.concat(4,5))//[1, 2, 3, 4, 5]var arr1 = [{name:1},{name:2}];console.lo...

2019-06-18 16:59:57 10588

原创 reverse()和sort()

/***JS里有两个直接用来重排序的方法,reverse()和sort()* reverse()会反转数组项的顺序*/var arr1 = [1,2,3];console.log(arr1.reverse())//[3,2,1]/***sort()方法,在默认情况下是升序排列数组项,* sort()方法会调用每个数组项的toString()方法,比较得到的字符串,已确定如何排序*...

2019-06-17 11:06:20 1824

原创 数组行为可以模拟栈和队列

/***数组可以表现为栈,栈是先进后出的数据结构,插入和移除只发生在一个位置* 数组提供了push()和pop()两个方法,方便实现类似栈的行为* push()接收任意数量的参数,把他们逐个添加到数组末尾,并返回修改后数组的 长度* pop()从数组末尾移除最后一项,减少数组length值,然后返回移除的项*/var arr1 = [1,2,3];var len = arr1.pus...

2019-06-17 10:34:02 151

原创 JS数组浅析

/*JS的数组十分有趣,数组的每一项都能保存任何类型的数据,是任何哦* */var arr = [1,'JK',{name:'JQ'}]/*更有意思的是,数组的大小是可以动态调整的,随着数据的添加自动增长* */arr.push('newItem')alert(arr.length)//4/*另一种使用Array()构造函数来创建数组,可以传一个数字,代表了length的值,也...

2019-06-17 09:38:59 439

原创 使用方括号来访问属性

/*对象属性的访问方法有两种,一种是用点 . 来访问的,一种使用 [] 来访问的,这两种方法没有任何区别,但是 [] 语法的优点是可以通过变量来访问属性* */var obj = {"first name" : 'JK',"delete" : 'JQ'}/*上面的obj对象里的属性,一个是带空格的,这个时候用 . 来访问,就不可以了 * *///alert(obj.first...

2019-06-14 16:56:03 477

空空如也

空空如也

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

TA关注的人

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