小飞象呀-CSDN博客

原创 react项目报错解决办法

1 连接数据库报错：异常指令err: ConnectionError [SequelizeConnectionError]: Host ‘127.0.0.1’ is not allowed to connect to this MySQL server解决：点击查看详情报错：Unhandled rejection SequelizeConnectionError: Client does not support authentication protocol requested by server;

2021-07-20 10:35:49 523

原创本地安装mysql问题解决

转到安装mysql的目录的bin下，重新进行MySQL初始化操作：mysqld --initialize安装mysql报错：2021-07-13T03:07:13.908113Z 0 [ERROR] [MY-010131] [Server] TCP/IP, --shared-memory, or --named-pipe should be configured on NT OS2021-07-13T03:07:13.919045Z 0 [ERROR] [MY-010119] [Server] Ab

2021-07-16 16:39:16 187

原创 JavaScript高级day47--js中的Web Workers

方法一：递归实现斐波那契数列：<input type="text" placeholder="数值" id="number"><button id="btn">计算</button> // 1 1 2 3 5 8 f(n) = f(n-1) + f(n-2) function fibonacci(n) { return n<=2 ? 1 : fibonacci(n-1) + fibonacci(n-2) //递归调用 } // c

2021-07-08 16:25:42 169

原创 JavaScript高级day46--js中的事件循环模型

js中的事件循环模型模型的组成模型运转流程所有代码分类初始化执行代码(同步代码): 包含绑定dom事件监听, 设置定时器, 发送ajax请求的代码回调执行代码(异步代码): 处理回调逻辑js引擎执行代码的基本流程:初始化代码===>回调代码 function fn1() { console.log('fn1()') } fn1()// 1 初始化代码 document.getElementById('btn').onclick = function

2021-07-08 11:29:52 121

原创 JavaScript高级day45--JS是单线程的

js中的进程和线程证明设计成单线程的原因证明 setTimeout(function () { console.log('timeout 2222')//8 alert('22222222')//9 暂停当前主线程的执行, 同时暂停计时, 点击确定后, 恢复程序执行和计时 }, 2000) setTimeout(function () { console.log('timeout 1111')//6 alert('1111111')//7 暂停当前主线程的执行,

2021-07-08 10:51:26 105

原创 JavaScript高级day44-- 函数的定时器

js中的函数的定时器定时器不能保证定时执行定时器回调函数是在主线程上执行的定时器不能保证定时执行<button id="btn">启动定时器</button>//获取元素 //添加点击事件 document.getElementById('btn').onclick = function () { //获取当前时间 var start = Date.now() console.log('启动定时器前...') //设置超时定时器每20

2021-07-08 10:30:18 91

原创 JavaScript高级day42~43--js中的进程和线程、浏览器内核

js中的进程和线程1.进程的定义2.线程的定义3.线程和进程的关系4.相关知识5.相关问题浏览器内核定义不同浏览器的内核内核组成模块1.进程的定义程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程2.线程的定义是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元3.线程和进程的关系一个进程至少有一个线程(主)程序是在某个进程中的某个线程执行的4.相关知识一个进程中一般至少有一个运行的线程: 主线程一

2021-07-08 09:44:13 126

原创 JavaScript高级day39--借用构造函数基础与组合继承

借用构造函数基础与组合继承1. 借用构造函数继承2.原型链+借用构造函数的组合继承1. 借用构造函数继承套路:定义父类型构造函数定义子类型构造函数在子类型构造函数中调用父类型构造(是一个假的继承实际原型链中没有父类的属性)关键:在子类型构造函数中通用call()调用父类型构造函数 function Person(name, age) { this.name = name this.age = age } function Student(name, age

2021-07-07 17:05:29 126

原创 JavaScript高级day38-- 原型链的继承

js中原型链的继承方式1: 原型链继承套路定义父类型构造函数给父类型的原型添加方法定义子类型的构造函数创建父类型的对象赋值给子类型的原型将子类型原型的构造属性设置为子类型给子类型原型添加方法创建子类型的对象: 可以调用父类型的方法关键子类型的原型为父类型的一个实例对象 //父类型 function Supper() { this.supProp = 'Supper property' } Supper.prototype.showSupperProp = f

2021-07-07 16:52:03 159

原创 JavaScript高级day37-- 对象创建模式

js中的对象创建模式方式一: Object构造函数模式方式二: 对象字面量模式方式三: 工厂模式方式四: 自定义构造函数模式方式五: 构造函数+原型的组合模式用各种方法创建对象方式一: Object构造函数模式套路: 先创建空Object对象, 再动态添加属性/方法适用场景: 起始时不确定对象内部数据问题: 语句太多// 先创建空Object对象 var p = new Object() p = {} //此时内部数据是不确定的 // 再动态添加属性/方法 p.nam

2021-07-07 16:24:50 82

原创 JavaScript高级day34~36-- 函数的闭包的应用

函数的闭包的应用1.闭包的应用 : **定义JS模块**2.闭包的缺点3.闭包的解决方法4. 内存溢出5. 内存泄露6. 闭包相关面试题1.闭包的应用 : 定义JS模块具有特定功能的js文件将所有的数据和功能都封装在一个函数内部(私有的)只向外暴露一个包信n个方法的对象或函数模块的使用者, 只需要通过模块暴露的对象调用方法来实现对应的功能方式1：先准备一个myModule.js文件：function myModule() { //私有数据 var msg = 'My atg

2021-07-07 16:07:24 125

原创 JavaScript高级day29~33--函数中的闭包

js中的循环遍历加监听0. 闭包引入1. 如何产生闭包?2. 闭包到底是什么?3. 产生闭包的条件?4. 常见的闭包5.闭包的作用6. 闭包相关的问题7.闭包的生命周期0. 闭包引入需求：点击某个按钮, 提示"点击的是第n个按钮"先准备三个按钮：<body><button>测试1</button><button>测试2</button><button>测试3</button></body>

2021-07-07 11:06:15 98

原创 JavaScript高级day27~28-- 函数的作用域与作用域链

函数的作用域与作用域链1. 作用域定义2. 分类3. 作用作用域和执行上下文的区别1作用域和执行上下文的区别2作用域和执行上下文的联系作用域的面试题1作用域的面试题21. 作用域定义就是一块"地盘", 一个代码段所在的区域它是静态的(相对于上下文对象), 在编写代码时就确定了2. 分类全局作用域函数作用域没有块作用域(ES6有了) if(true) { var c = 3 } console.log(c)//可以取到c的值故没有块作用域3. 作用隔离变量，

2021-07-07 09:31:24 97

原创 JavaScript高级day26-- 函数的原型与原型链、执行上下文与执行上下文栈

函数的原型与原型链、执行上下文与执行上下文栈原型与原型链执行上下文与执行上下文栈原型与原型链所有函数都有一个特别的属性:prototype : 显式原型属性所有实例对象都有一个特别的属性:__proto__ : 隐式原型属性显式原型与隐式原型的关系函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象实例对象的__proto__: 在创建实例对象时被自动添加, 并赋值为构造函数的prototype值原型对象即为当前实例对象的父对象 co

2021-07-06 20:54:55 106

原创 JavaScript高级day23~25-- 执行上下文栈

js中的执行上下文栈1.代码分类2.全局执行上下文3. 函数执行上下文执行上下文面试题1执行上下文面试题2执行上下文面试题3执行上下文面试题41.代码分类全局代码函数(局部)代码可以直接访问是由于已经存在，即在执行代码前做了准备工作：a1 等价于访问 window.a1a2() 等价于访问 window.a2()this 就是 window console.log(a1, window.a1) window.a2() console.log(this) var a1

2021-07-06 20:25:52 101

原创 JavaScript高级day22--变量提升与函数提升

变量提升与函数提升变量提升经典面试题变量提升与函数提升定义变量提升经典面试题 /* 面试题 : 输出 undefined */ var a = 3 function fn () { console.log(a) var a = 4 } fn()代码实际执行时： var a = 3 function fn () { var a console.log(a) a = 4 } fn()执行fn()时，先找到函数内的a 然后

2021-07-06 19:12:33 74

原创 JavaScript高级day21-- 函数的原型链中常见面试题

函数的原型链中常见面试题测试题1测试题2测试题1 function A () { } A.prototype.n = 1 var b = new A() A.prototype = { n: 2, m: 3 } var c = new A() console.log(b.n, b.m, c.n, c.m)可以通过画图得到结果为：1，undefined，2,3测试题2 function F (){} Object.prototype.a =

2021-07-06 18:55:35 232

原创 JavaScript高级day20-- 函数中的instanceof

js中函数中的instanceofinstanceof的使用instanceof具体案例1instanceof具体案例2instanceof的使用表达式: A instanceof BA（有隐式原型）是实例对象，B（有显式原型）是构造函数如果B函数的显式原型对象在A对象的原型链上, 返回true, 否则返回falseinstanceof具体案例1 function Foo() { } var f1 = new Foo() console.log(f1 instanceof

2021-07-06 16:58:54 97

原创 JavaScript高级day19-- 函数的原型链的属性问题

函数的原型链的属性问题在函数中新增属性a：读取对象的属性值时: 会自动到原型链中查找设置对象的属性值时: 不会查找原型链, 如果当前对象中没有此属性, 直接添加此属性并设置其值 function Fn() { } Fn.prototype.a = 'xxx' //在空的object中新增属性a 值为xxx var fn1 = new Fn() console.log(fn1.a, fn1) var fn2 = new Fn() fn2.a = 'yyy'//设置

2021-07-06 16:24:02 121

原创 JavaScript高级day17~18-js中的函数中的原型链

js中的函数中的原型链1. 原型链(图解)2 构造函数/原型/实体对象的关系(图解)原型链中的需要注意的点1. 原型链(图解)<script type="text/javascript"> // console.log(Object) //console.log(Object.prototype) console.log(Object.prototype.__proto__) function Fn() { this.test1 = function () {

2021-07-06 15:59:15 130 1

原创 JavaScript高级day16-js中的函数中的显示原型与隐式原型

js中的函数中的显示原型与隐式原型定义内存结构总结定义每个函数function都有一个prototype，即显式原型(属性)每个实例对象都有一个__proto__，可称为隐式原型(属性)//定义构造函数//定函的时候添加属性prototype function Fn() { // 内部语句: this.prototype = {} } // 1. 每个函数function都有一个prototype，即显式原型属性, 默认指向一个空的Object对象即原型对象 conso

2021-07-06 11:12:49 274

原创 JavaScript高级day15-- 函数的prototype

js中的函数中的prototype原型1 函数的prototype属性2 给原型对象添加属性（一般是方法）1 函数的prototype属性每个函数都有一个prototype属性，默认指向一个object空对象（原型对象）；原型对象中有一个属性construction，指向函数对象；<script type="text/javascript"> // 每个函数(例如Data函数)都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象) con

2021-07-06 10:31:59 608

原创 js中的分号问题

关于js是否要加分号的问题js一条语句后面可以不用加分号是否加分号是编码风格问题，没有应不应该，只有喜不喜欢以下两种情况必须加分号a 小括号开头的前一条语句(匿名函数自调用)b 中方括号靠头的前一条语句解决方法：在行首加分号例子：vue.js//小括号不加分号错误理解为：3（function（）{}）（）var a = 3;(function(){})()//中括号错误理解为 4[1,2].forEach(function(){})var b = 4;[1,2].forEa

2021-07-05 10:52:46 345

原创 js中的函数中的this

js中的函数中的thisthis是什么如何确定thisthis是什么任何函数本质上都是通过某个对象来调用的，如果没有指定就是window任何函数内部都有一个变量this它的值是调用函数的当前对象 function Person(color){ console.log(this)//输出语句1 this.color = color; this.getColor = function (){ console.log(this)//

2021-07-05 10:35:56 175

原创 js中的IIFE

js中的IIFE定义作用定义全称为：immediately-Invoked Function Expression 等价于匿名函数自调用 <script type="text/javascript"> (function (){ var a = 3 console.log(a + 3) console.log('立即执行函数') })() </script>作用隐藏实现不会污染

2021-07-05 09:55:39 90

原创 js中的回调函数

js中的回调函数什么是回调函数常见的回调函数什么是回调函数点击事件：常见的报错： Cannot set property ‘onclick’ of null at xxx解决方法有：把JS内容用window.οnlοad=function(){ }包裹起来或把js文件放在底部加载详细可以参考：https://blog.csdn.net/wls666/article/details/89281458 <script type="text/javascript"> do

2021-07-05 09:38:19 365

原创 js中的函数

js中的函数什么是函数？为什么要用函数？如何定义函数？如何执行函数？什么是函数？编程实现：根据年龄输出对应消息功能function showInfo(age){ if (age<18){ console.log('未成年') } else if(age>60){ console.log('超过限制年龄') }else { con

2021-07-05 09:15:41 40

原创 js中的对象

js中的对象什么是对象？为什么要用对象？对象的组成如何访问对象内部的数据？何时必须要用['属性名']？什么是对象？多个数据的封装体用来保存多个数据的容器一个对象代表现实中的一个事物为什么要用对象？统一管理对个数据对象的组成属性：属性名（字符串）和属性值（任意类型）组成方法：一种特殊的属性，但是其属性值是一个函数var p = { name:'Tom', age:18, setName:function(name){ this.name = name } setName:

2021-07-02 22:58:02 39

原创 js中的数据，变量和内存

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-07-02 22:27:52 210

maomaochong07的博客