子夜时辰-CSDN博客

原创【Node】Node的配置文件的使用，dotenv框架的使用

🌻 从许多项目中发现，项目的重要配置好像都写着.env文件中，所以就想理清楚.env文件是什么?，原理是什么?，这样写的好处是什么?，在记录下这篇博客之后。或者说按照博客操作一遍项目，对.env有一个更加清楚的了解。可以使用node项目启动的命令来配置环境变量的值，不同的启动命令会配置不同的环境变量，使用环境变量来条件判断读取不同的文件。根据文件的内容来总配置项目的环境变量的值，例如：数据库，端口等…

2024-04-09 22:40:28 689

原创【Vue】Vue中响应式原理和双向绑定的实现

⭐Vue3中改用proxy的利弊放弃了对低版本浏览器的兼容，换来了三点的提升对属性的添加和删除动作的监测对数组基于下标的修改的监测对Map,Set，WeakMap，WeakSet的支持。

2024-03-20 10:53:08 718

原创【变量提升】关于JavaScript变量提升的理解，它导致了什么问题？

/第一种情况a=2var a;//第二种情况var b=3❓这两种情况的代码，大家可以猜一下最后会输出什么呢？第一种情况会输出2第二种情况会输出undefined这种输出是不是出乎意料，那么到底发生了什么呢？我们接下来一起来看看今天的”主角“概念，变量提升。变量和函数声明从它们在代码中出现的位置被提升”移动“到最上面🌼下面推荐的一篇文章可以补充和扩展文章中涉及的知识点 😃【js作用域】JavaScript中作用域的是什么？：从编译时其承担什么角色和查询作用域中的变量的角度解析作用域。

2024-03-07 17:32:10 885

原创 Nvm执行nvm ls available命令报错：xxx509: certificate has expired or is not yet valid，npm淘宝镜像源的更换

执行nvm ls availableCould not retrieve https://npm.taobao.org/mirrors/node/index.json.Get "https://npm.taobao.org/mirrors/node/index.json": x509: certificate has expired or is not yet valid，这是因为镜像域名的更换导致的证书过期

2024-01-29 10:11:10 3979 5

原创【npm link】Node命令中的npm link命令的使用，还有CLI全局命令的使用，开发命令行工具必不可少的部分

❔ 系列专栏：NodeJs 👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：本文是关于Node命令中的npm link命令的详细使用，还有脚手架的背后原理，如果我们需要开发命令行工具或者脚手架时，npm link的使用是必不可少的一环，有关环境变量部分大家一定要好好理解，希望可以帮助到大家，欢迎大家的补充和纠正

2024-01-09 17:07:32 1254

原创【MongoDB】MongoDB查询语句find的使用，和提高查询速度的游标的使用，非常详细！！！

概念：find方法中的第二个参数就是投影条件，投影条件是一个文档，其中键是要包含或排除的字段，对应的值为 1 表示包含，0 表示排除。默认情况下，如果不指定投影条件，MongoDB 会返回文档中的所有字段默认情况下，如果不指定投影条件，MongoDB 会返回文档中的所有字段3.要将“_id“键从返回结果剔除。

2024-01-06 19:42:16 1448

原创【Path的使用】Node.js中的使用Path模块操作文件路径

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这是有关node.js中的path路径模块的使用，在node中操作文件时候，了解path的API对我们非常有帮助,这是我学习Node的笔记，希望可以帮助到大家，欢迎大家的补充和纠正。

2024-01-05 12:16:27 1377

原创【MongoDB】关于MongoDB更新文档update的操作，十分详细，建议收藏！！！

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这是MongoDB中关于文档的更新的操作，基本元素的操作是相对简单的，复杂的是对数组的更新，这一部分可以好好理解，这是我自己整理的学习笔记，希望可以帮助到大家，欢迎大家的补充和纠正。

2024-01-04 20:44:37 1203

原创【Date对象】js中的日期类型Date对象的使用详情

🔥前言：本文是关于js中的Date对象的使用详情和注意点，时间的处理是需要严谨和小心的，环境不一样，可能是会导致时间出现偏差，这是我自己的知识小碎片,希望可以帮助到大家，欢迎大家的补充和纠正。getDate(): 获取月份中的某一天，返回值为1到31之间的一个整数。getMonth():获取月份。getFullYear(): 获取四位数的年份。getHours():获取小时。getMinutes(): 获取分钟

2023-12-21 22:16:50 925

原创 js中的Array.from()和Array.of()方法的用法详情

🌼下面推荐的两篇文章可以补充和扩展文章中涉及的知识点 😃JavaScript的数组的扩展【ES6的标准入门】JavaScript中Set、Map与弱引用版本：WeakSet和WeakMap优雅的数据管理技巧。

2023-12-21 22:06:47 1011

原创 git中的分支管理：git branch,git checkout，解决git中的分支冲突的方法【Git学习三】

😁 作者简介：一名大四的学生，致力学习前端开发技术 ⭐️个人主页：夜宵饽饽的主页 ❔ 系列专栏：Git等软件工具技术的使用 👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这里是关于git的分支管理和多人协作时的知识，让大家真正学会运用git的分支管理，而不是停留在命令上面,希望可以帮助到大家，欢迎大家的补充和纠正

2023-11-18 15:08:03 693

原创【js作用域】JavaScript中作用域的是什么？：从编译时其承担什么角色和查询作用域中的变量的角度解析作用域

引擎：从头到尾负责整个JavaScript程序的编译及执行过程编译器：引擎的好朋友之一，负责语法分析及代码生成的脏话累活作用域：引擎的另一位好朋友，负责收集并维护所有声明的标识符，组成的一系列查询，并实施一套非常严格的规则，确定当前执行的代码对这些表示符的访问权限引擎对变量查询的一种方法，LHS 查询是赋值操作的左侧查询。它发生在试图将一个值赋给一个变量时，例如：当你执行var a = 42;，JavaScript引擎需要进行LHS查询来找到变量a，以便将值42存储在变量a中。

2023-11-18 15:03:14 169

原创【Git学习二】时光回溯：git reset和git checkout命令详解

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这里是关于Git的使用第二部分，关于操作git的提交历史记录，来达到“时光回溯”的目的，笔者在学习git时就使用廖雪峰老师的博客作为学习材料，简单易懂，并且表述的非常具体，希望可以帮助到大家，欢迎大家的补充和纠正。

2023-11-17 15:48:42 626 2

原创【ES6标准入门】JavaScript中的模块Module的加载实现：循环加载和Node加载，非常详细，建议收藏！！！

Node对ES6模块处理比较麻烦，因为其有自己的CommonJS模块格式，与ES6模块格式是不兼容的，目前的解决方案，将两者分开。在静态分析阶段，一个模块只要有一行import后者export语句，那么Node采用ES6模块，否则就为CommonJS模块如果我们不输出任何接口，但是希望被Node认为是ES6模块，可以这么写export {上面的代码中，并不是输出一个空对象，而是不输出任何接口的ES6标准写法。

2023-11-17 15:36:42 614

原创 JavaScript中的模块化Module语法的使用细节：export命令和imprt命令详细使用，超级详细！！！【ES6标准入门】

作者简介：一名大四的学生，致力学习前端开发技术 ⭐️个人主页：夜宵饽饽的主页 ❔ 系列专栏：JavaScript进阶指南 👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：本篇是关于js中最常用的模块化语法，import和export命令的使用细节，暴露和导出js语法时应该注意什么，这非常重要，了解到这些细节，会让js语法代码更加的严谨和健壮，希望可以帮助到大家，欢迎大家的补充和纠正

2023-11-16 15:21:14 1761 1

原创【Git学习一】初始化仓库git init的使用和提交git add与git commit的使用

😁 作者简介：一名大四的学生，致力学习前端开发技术 ⭐️个人主页：夜宵饽饽的主页 ❔ 系列专栏：Git等软件工具技术的使用 👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这里是关于Git使用的入门，有add和commit命令和初始化仓库知识，这是第一篇，后续会继续在专栏补充剩下的知识,大家可以关注专栏持续学习，希望可以帮助到大家，欢迎大家的补充和纠正

2023-11-16 15:14:25 325 2

原创 js中的instance，isPrototype和getPrototypeOf的使用，来判断类的关系

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这里是关于对类的关系和判断，我们可以使用instance和isPrototype和getPrototypeOf这三个方法来判断一个类和对象的从属关系,希望可以帮助到大家，欢迎大家的补充和纠正。

2023-11-15 22:46:19 390

原创【原型详解】JavaScript原型链：深入了解Prototype，超级详细！！！

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：有关对象中的原型和原型链，这里面有很多的知识体系，对于构造函数和所谓的原型继承到底是什么？,对于constructor的理解比较模糊，还有在javaScript中所谓的“类”和对象是什么关系？这些问题在本篇都可以了解到，请大家认真理解本篇博客，会受益匪浅的，希望可以帮助到大家，欢迎大家的补充和纠正。

2023-11-12 15:56:05 454

原创 js中的apply()，call()和bind()三个方法的使用，是函数传递的秘密武器

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这是有关call和apply和bind三个函数方法的使用 ,还有它们与this的显示绑定有着深度的联系，如果有小伙伴对于this指向的概念不是很清楚的话，可以查看我的另外一篇博客，,希望可以帮助到大家，欢迎大家的补充和纠正。

2023-11-04 16:16:03 108

原创【this详解】学习JavaScript的this的使用和原理这一篇就够了，超详细，建议收藏！！！

this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的 JavaScript 开发者也很难说清它到底指向什么。实际上，JavaScript 中 this 的机制并没有那么先进，但是开发者往往会把理解过程复杂化，毫无疑问，在缺乏清晰认识的情况下，this 对你来说完全就是一种魔法。

2023-11-03 20:55:25 228

原创 JavaScript的Class的继承的语法知识，和原型链的使用【ES6标准入门】

Class可以通过extends关键字实现继承，这比ES5通过修改原型链实现继承更加清晰和方便上述代码中定义了一个ColorPoint类，该类通过extend关键字继承了Point类的所有属性和方法ES5的继承实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this))。

2023-10-25 14:44:18 91

原创 JavaScript的Class的基本语法：面向对象编程的魔法窗口【ES6标准入门】

js中的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰，更像面向对象编程的语法而已this.x=xthis.y=y上面的代码定义一个类，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象，也就是说，ES5的构造函数Point对应ES6的Point类的构造方法❗️。

2023-10-23 15:42:31 49

原创【ES6标准入门】JavaScript的async的语法和应用，异步操作思想之一（高级）

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这是关于async的语法和应用，这是异步操作的最终确定的方案，也是目前最好的解决方案。这是我自己的学习JavaScript的笔记，希望可以帮助到大家，欢迎大家的补充和纠正。

2023-10-20 18:50:18 91

原创【ES6标准入门】JavaScript的Generator函数的异步应用，异步操作思路之一（中级）

😁 作者简介：一名大三的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这里是关于Generator函数的异步应用，也是异步操作重点之一，里面有关thunk和co的包，这两个包虽然在使用上面有些过时，但是其源码思想是非常值得学习和借鉴的，希望大家可以好好理解。这是我自己的学习JavaScript的笔记，希望可以帮助到大家，欢迎大家的补充和纠正。

2023-10-19 10:50:17 36

原创【ES6标准入门】JavaScript中的Generator函数的使用和细节，异步操作思路之一（初级）

Generator函数是ES6提供的一种异步编程的解决方案，语法行为与传统函数完全不同，我们可以从多个角度理解从语法上：可以把它理解成一个状态机，封装了多个内部状态从形式上：其是一个普通函数，但是有两个特征：一是function命令与函数名之间有一个星号；二是函数体内部使用yield语句定义不同的内部状态从返回结果上：其调用方法虽然与普通函数一样，但是调用Generator函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，也就是遍历器对象。

2023-10-18 21:53:52 75

原创【ES6标准入门】JavaScript中的迭代艺术：Interator遍历器和for..of循环的使用和原理

Iterator接口的目的是为所有数据结构提供一种统一的访问机制，即for…of循环。当使用for…of循环遍历某种数据结构时，该循环会自动去寻找Iterator接口数据结构只要部署了Iterator接口，我们就称这种数据结构为 “可遍历”的默认的Iterator接口部署在数据结构的Symbol.iterator属性，一个数据结构只要具有Symbol.iterator属性，就可以认为是可遍历的。

2023-10-17 07:59:43 109

原创【ES6标准入门】JavaScript的Promise对象的补充和扩展

🔥前言：所谓Promise,简单来说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果Promise对象有以下两个特点：ES6规定，Promise对象是一个构造函数，用来生成Promise实例使用细节：当前脚本所有的同步任务执行完成后才会执行resolve函数的参数处理正常的值外，还可能使另一个Promise实例,比如下面这样p1的状态就会传递给p2，也就是说，p1的状态决定了p2的状态，如果p1的状态是Pending，那么p2的回调函数就会等待p1的状态改变，如果p

2023-10-14 22:28:02 58

原创【ES6标准入门】JavaScript的Proxy的使用和详情，还有代理的概念问题

Proxy用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程” 即对语言进行编程Proxy可以理解成在目标对象前架设一个拦截层，外界对该对象的访问都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写，Proxy这个词的原意是代理，用这里表示由它来代理某些操作，可以译为代理器${} , {`);})上面的代码说明，Proxy实际上重载了点运算符，即用自己定义的覆盖了语言的原始定义。

2023-10-12 15:19:41 186

原创【ES6的标准入门】JavaScript中Set、Map与弱引用版本：WeakSet和WeakMap优雅的数据管理技巧

😁 作者简介：一名大三的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气🔥前言：这里是关于map和set这两种数据类型的学习，因为这两种数据类型延申出来了Weak类的数据类型，大家可以多关心这种数据类型的使用，这是我自己的学习JavaScript的笔记，希望可以帮助到大家，欢迎大家的补充和纠正。

2023-10-10 16:22:06 62

原创【ES6标准入门】深入了解JavaScript的神秘之符：Symbol数据类型解析与应用

ES6引入了一种新的原始数据类型 Symbol 其表示独一无二的值引入这个数据类型的原因是：ES5的对象属性都是字符串，这很容易造成属性名冲突，比如我们使用它们提供的对象，但是又想为这个对象添加新方法，新的方法名就有可能与现有方法产生冲突。如果有一种机制，能够保证每个属性的名字都独一无二就好了，这样就能从根本上防止属性的冲突原来的字符串Symbol类型❗️Symbol函数前不能使用new命令，否则会报错，这时因为生成Symbol是一个原始类型的值，不是对象。

2023-10-07 19:13:47 37

原创【ES6标准入门】深入掌握JavaScript对象：属性简洁、Object.assign浅赋值、扩展运算符和属性可枚举性，对象扩展知识这篇就够啦！！！

以上五种方法遍历对象的属性都遵守同样的属性遍历次序规则：首先遍历所有属性名为数值的属性，按照数字排序其次遍历所有属性名为字符串的属性，按照生成时间排序最后遍历所有属性名为Symbol值的属性，按照生成时间排序。

2023-10-06 15:51:59 110

原创【ES6标准入门】JavaScript的数组的扩展

JavaScript的函数只能返回一个值，如果想要返回多个值，只能返回数组和对象，我们可以使用扩展运算符过渡一下达到多个参数返回使用。

2023-10-03 15:41:47 75

原创【ES6标准入门】JavaScript的函数尾调调优

尾调用是函数时编程一个重要的概念，是指某个函数的最后一步是调用另一个函数❗️ 注意：尾调用不一定出现在函数尾部，只要最后一步操作即可。

2023-10-03 15:35:47 77

原创【ES6标准入门】JavaScript函数扩展：默认值、Rest参数和箭头函数的强大技巧

🔥前言：我们可以为函数确定默认值，即直接写在参数定义的后面这样的好处有两点：❗️ 注意点：使用参数默认值时，函数不能有同名参数参数变量是默认声明的，不能用let和const 再次声明参数的默认值不是传值，而是每次都要重新计算默认值，也就是说，参数默认值时惰性求值的7.1.2 与解构赋值默认值结合使用参数默认值可以与解构赋值的默认值结合起来以上的代码中，只使用了解构赋值的默认值，并没有使用参数的默认值，所以最后一个使用foo() 调用函数时，会报错，因为函数需要接受一个对象作为参数接

2023-10-03 15:31:47 127

原创【ES6标准入门】JavaScript的数值的扩展

在JavaScript中，能够表示的整数范围是 -2^53到2^53之间（不含两个端点），超过这个范围就无法精确表示我们可以使用**Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER**两个常量表示这个范围的上下值而Number.isSafeInteger()就是用来判断一个整数是否落在这个范围之内

2023-10-03 15:25:38 21

原创【ES6标准入门】JavaScript字符串扩展：探索字符编码与字符类型的奇妙世界

码元：在早期的时候，Js的编码规范是[16位的字符编码(USC-2)],规定了每一个字对应[16位]的空间，16位的空间被称为码元码点：每一个Unicode字符都有一个ID,它是个整数，从0开始，这个数字被称为字符码点字符串的所有属性和方法(像是 length 属性和 chatAt 方法)都是基于 16 位的码元，尤其是索引也是基于这个16位单元来表示的。但是后来生僻字越来越多，16位的空间不够用了就把编码方式换成了utf-16，utf-16允许一个文字占用16位的空间也就是一个码元或者32位的空间。

2023-09-06 16:45:01 98

空空如也

空空如也