隐藏用户y-CSDN博客

原创 MongoDB学习笔记

文章记录了作者从对MongoDB数据库的初步了解到深入学习的全过程，包括对MongoDB的基本概念、CRUD操作以及高级特性的学习过程。同时，文章还介绍了使用mongoose这个DB对象建模工具来对MongoDB进行操作和管理的学习过程。文章总结了学习过程中遇到的问题和解决方案，对于初学者来说是一篇很好的参考资料。

2024-07-25 05:00:00 1154 2

浅拷贝：创建一个新对象，保存原始对象属性值精准拷贝。如果属性是基本类型，拷贝的是基本类型的值，如果属性是引用类型，拷贝的是内存地址，并不会占用新的内存，这种情况下如果其中一个对象改变了这个地址，会影响到另一个对象。浅拷贝只复制指向某个对象的指针，而不复制对象本身。新旧对象共享同一块内存。深拷贝：将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存放新对象，增加了内存，且修改新对象不会影响原对象。新对象与原对象不共享内存。

2024-07-18 05:00:00 813

原创重温express

本文详解了Express框架的基础应用与Postman工具的测试技巧，通过实例演示了如何搭建服务器、处理路由请求，以及利用Postman进行API的有效性验证，旨在提升读者的后端开发效率与接口测试能力。

2024-07-08 05:00:00 934

原创探索如何赋予对象迭代魔法，轻松实现非传统解构赋值的艺术

本文解决如何让 var [a, b] = {a: 1, b: 2} 解构赋值成功的问题的最佳实践大概是通过扩展Object.prototype来为所有对象添加一个自定义的迭代器，该迭代器允许我们以一种特定的方式遍历对象的属性。具体来说，这个迭代器会过滤掉我们不关心的属性，只返回我们指定键名对应的属性值。

2024-07-05 05:00:00 1004

原创四六级翻译考前综合复习

东周时期 the Eastern Zhou Dynasty南宋末年 the Late Southern Song Dynasty早期/中期/末期 early/middle/late3000多年前的中国西周 the Western Zhou Dynasty in/of China农历八月十五 on the 15th day of lunar Augest阳历或者公历不用翻译公元前302年 in 302 BC公元后不用翻译古城拥有供水系统。

2024-06-15 10:01:12 967

原创 20240612前端问题总结

实现子元素垂直居中对齐；返回对象数组中所有id为1 的元素；前端实现数据分页（有elemen-ui和只有vue两种情况）；父窗口弹窗显示隐藏和传参相关问题（element实现和vue2实现两种情况）

2024-06-12 16:15:45 931 1

原创「无敌哈希表」：轻松解决算法难题的终极秘籍！

哈希表是存储键值对的集合。键是唯一的，值可以有多个。本文通过力扣的一些通过哈希表思想解决的算法题来详细解析哈希表的妙用。

2024-05-31 05:00:00 594

原创「枯燥的数组知识一网打尽！轻松学会JavaScript的数组操作」

Array（数组）是编程中常见的数据结构之一。本文基于JavaScript介绍了一维数组、二维数组和多维数组的概念和用法，以及对象数组的应用和使用方法。此外，还介绍了JavaScript中常用的处理对象数组的方法。

2024-05-22 06:00:00 814

原创前端使用JavaScript实现一个LRU缓存

LRU（Least Recently Used）算法是一种广泛应用于内存管理和缓存系统的策略，在微前端、状态管理以及性能优化等场景下，合理使用缓存机制能够有效提升应用性能。本文将介绍LRU算法的基本原理，并通过JavaScript实现案例，帮助读者理解其在前端开发中的应用场景。

2024-05-21 16:32:38 954

原创从此告别数组烦恼！JavaScript 带你轻松删除指定元素！

删除数组中指定的元素是编写程序算法中常用的操作之一。本文章以力扣第27算法题移除元素为例详细解释了JavaScript数组删除指定元素的方法的原理和应用。

2024-05-16 05:00:00 633

原创《前端算法宝典：双指针问题解析与应用》

双指针算法是一种常用的解决问题的技巧，通过维护两个指针，在遍历数组或字符串时同时移动，从而解决一些特定类型的问题。双指针算法通常用于求解数组中的子数组或子串问题，如找到满足某种条件的子数组。这种算法通常能够在 O(n) 的时间复杂度内完成任务，因此被广泛应用于解决字符串匹配、子数组求解等问题中。

2024-05-10 00:00:00 909

原创有人相爱，有人夜里看海，有人力扣第一道题做不出来

基于JavaScript的力扣第一题算法题解，使用哈希表和碰撞指针解决两数之和的问题。看完这篇文章，你将进一步熟悉JavaScript的语法并了解两种解题方法。

2024-05-03 05:00:00 37 1

原创算法复杂度分析：揭秘隐藏的计算之谜

文章通过简洁的语言解释了前端面试中常见算法的复杂度分析，使读者能够快速理解不同算法的时间和空间复杂度，为面试提供了有力的准备工具。

2024-05-02 19:04:12 680 1

原创 Vue保姆级项目教程：十万字零基础开发信贷管理系统！

本文档概述了信贷管理系统的开发过程和关键需求，包括用户管理、信贷申请、贷款审批、数据分析、安全性、兼容性、扩展性和用户界面。目的是提高信贷业务的效率和准确性，满足机构对信贷业务管理的需求。

2024-03-09 14:17:14 846

原创消息订阅与发布pubsub

一种组件间通信的方式，适用于任意组件间通信。使用步骤：安装pubsub：npm i pubsub-js引入：import pubsub from ‘pubsub-js’接收数据：A组件想要接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。methods(){},......mounted(){提供数据 pubsub.publish(‘xxx’,数据)最好在beforeDestory钩子中，用 pubsub.unsubscribe(pId)取消订阅。

2023-10-22 12:26:33 231

原创 ToDoList全局事件总线学习笔记

全局事件总线：任意组件间通信。

2023-10-21 11:57:13 290

原创 Vue配置代理学习笔记

因为当一个项目变大时,把所有的内容都丢在一个网站或者是后台服务器中是不现实的，因此有跨域。跨域请求,首先浏览器为了安全，做了一个同源策略机制，也就是所谓的同源安全策略。浏览器的同源策略（Same-Origin Policy）是一种安全机制，用于限制一个网页文档或脚本如何与来自不同源的资源进行交互。同源是指两个 URL 的和都相同。协议相同+域名相同+端口号相同，浏览器才认为是同一个网站，才不会受到同源策略的影响，才可以正常的发送ajax请求。

2023-10-20 12:37:36 262

原创 Vue实现动画效果

作用：在插入、更新或者移除DOM元素时，在合适的时候给元素添加样式类名。使用transition包裹要过渡的元素，并配置name属性有动画效果的文字若有多个元素需要过渡，需要使用transition-group，且每个元素都要指定key值。

2023-10-20 12:25:39 350

原创 ToDoList使用自定义事件传值

MyTop与MyFooter与App之间传递数据涉及到的就是子给父传递数据，MyList和MyItem与App涉及到爷孙传递数据。之前的MyTop是使用props接收App传值，然后再在methods里面调用，现在使用自定义事件来处理子组件和父组件之间传递数据。MyFooter中的todos是数据，不可以作为自定义事件（因为不是函数，只有函数才可以是自定义事件）给MyTop组件定义一个自定义事件addTodo，事件的回调也是addTodo，可以重名不冲突。在App的MyTop组件中使用自定义事件。

2023-09-29 14:10:27 1009

原创组件自定义事件学习笔记

解绑testa事件</button>解绑一个自定义事件。unbind() {解绑两个自定义事件解绑所有的自定义事件vm销毁的之后会移除所有的watchers 子组件和自定义事件,所以也可以直接销毁当前组件的实例，销毁后实例的所有的自定义事件失效<button @click="destroyed">销毁当前组件的实例

2023-09-15 20:07:52 221

原创浏览器缓存学习笔记

sessionStorage和LocalStorage统称为webStorage。存储内容大小一般支持5MB左右（不同浏览器可能不同）浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。备注：(1). SessionStorage存储的内容会随着浏览器窗口关闭而消失，而LocalStorge存储的内容手动清除才会消失。

2023-09-15 20:06:06 255

原创 ToDoList待办事件（Vue实现）详解

组件化编程流程：（1）拆分静态组件：组件按照功能点拆分，命名不与html元素冲突。（2）实现动态组件：考虑好数据的存放位置，数据是一个组件在用（放在组件自身），还是一些组件在用（放在共同的父组件上面）。（3）实现交互：从绑定事件开始。props适用于：(1).父组件=>子组件通信(2).子组件==>父组件通信（父组件先给子组件一个函数）使用v-model时要切记：v-model绑定的值不能使props传过来的，因为props是不可以修改的。

2023-09-15 20:00:20 1546

原创 Vue生命周期详解学习笔记

mounted，发送ajax请求，启动定时器，绑定自定义事件，订阅消息等【初始化操作】。beforeDestroy：清除定时器，解绑自定义事件、取消订阅消息等【收尾工作】。

2023-07-16 16:56:15 392

原创 express框架学习笔记

每一个请求到达服务器之后都会执行全局中间件函数执行下面的函数// 获取url和ip// 将信息保存在文件中access.logres.send('前台首页');});推荐插件Template String Converter,可以在${}输入字符串时候自动生成反引号每个路由规则都要写app.get里面的两行代码，先上车后检查的类似操作后续维护不便，这是我们可以考虑中间件操作// 获取url和ip// 将信息保存在文件中access.log// 调用nextnext();

2023-06-17 08:32:02 614

原创 Node包管理工具

package代表了一组特定功能的源码集合。管理包的应用软件，可以对包进行下载安装，更新，删除，上传等操作借助包管理工具，可以快速开发项目，提高开发效率。

2023-06-13 10:41:16 2128

原创 Node.js模块化学习笔记

将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为模块化。其中拆分的每个文件就是一个模块，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用。

2023-06-11 17:08:05 947 1

原创 node.js的http模块

包括但不限于以下场景a标签hreflink标签hrefscript标签hrefimg标签srcvideo audio标签的srcform中的actionAJAX请求中的URL。

2023-06-09 23:21:38 1358

原创 node基础与fs模块学习笔记

fs提供了同步、回调和基于promise的三种形式。同步api会阻塞线程，但对于某些场景，使用同步方法会更方便、更易理解尽量使用promise方式，回调容易造成嵌套地狱对于大文件，使用文件流的方式来读写文件 createReadStream 和 createWriteStream 来减少内存占用三方npm包 fs-extra 是fs的一个拓展，提供了很多更方便的api// 拆分文件名// 判断// 创建新的文件名// 重命名})

2023-06-07 09:07:40 896

原创 nodejs的path模块

path模块是Node.js官方提供的，用来处理路径的模块。提供一系列的方法和属性，用来满足用户对路径的处理需求。例如：如果在js代码中，使用path模块来处理路径，需要先导入。

2023-06-07 08:57:41 1459

原创 Vue收集表单数据学习笔记

收集数据表单：若：，则v-model收集的是value值，用户输入的就是value值。若：，则v-model收集的是value值，且要给标签配置value值。若：1. 没有配置input的value值，那么收集的就是checked（勾选是true，未勾选为false）2. 配置input的value属性：（1）v-model的初始值是非数组，那么收集的就是checked（勾选是true，未勾选为false）（2）v-model的初始值是数组，那么收集的就是value组成的数组。

2023-04-25 11:53:35 543 1

原创 Vue监视数据的学习笔记

Vue会监视data中所有层次的数据如何监测对象中的数据通过setter实现监视，且要在new Vue时就要传入要监测的数据(1). 对象中后追加的属性，Vue默认不做响应式处理(2). 如需给后添加的属性做响应式，请使用如下API：Vue.set(target,propertyName/index,value)或如何监测数组中的数据？通过包裹数组更新元素的方法实现，本质两步骤(1).调用原生对应的方法对数组进行更新(2).重新解析模板，进而更新页面。

2023-04-23 15:45:06 622

原创英语六级备考打卡1

英语听力场景题目笔记打卡

2023-04-06 10:26:02 3938

原创【React】三.React组件基础学习

组件的两种创建方式：函数组件和类组件无状态（函数）组件，负责静态结构展示有状态（类）组件，负责更新UI绑定事件注意this指向的问题推荐使用受控组件来处理表单

2023-01-18 15:58:00 957 1

原创【React】二.JSX

JavaScript XML的简称，表示在JavaScript代码中写XML（HTML）格式的代码优势：声明式语法更加直观，与html结构相同，降低学习成本，提升开发效率JSX是React的核心内容。

2023-01-13 11:13:13 361

原创【React】一.React基本使用

新手不适用最新版本，现在最新版本18.0.2，我要用17.0.2，降低版本，进入项目目录下，使用cmd命令。react18不再支持ReactDOM，两种办法，使用18支持的API或者降低版本（17就可以）最终我选择了降低版本，新版本不是我这菜鸟可以驾驭的。我在vscode终端输入命令，开始react之旅。2.引入react和react-dom两个文件。1. 在 React 18 中，4.渲染React元素到页面中。参数一：要渲染的react元素。3.创建React元素。参数三：元素的子节点。

2023-01-12 14:26:33 718

原创 JS阻止事件冒泡的方法*基础原理与运用

JS阻止事件冒泡的方法*基础原理与运用

2023-01-02 22:56:45 603

原创 JavaScript-BOM

💖通过看视频教程和红宝书浅浅的写下一些关于BOM的笔记红宝书知识系统全面，精炼。大概是因为太干货了，涉及的知识点太多，所以我选择看着简单的视频教程，同时打开红宝书。笔记的内容以红宝书为基准。

2022-12-16 09:46:00 271

原创 JavaScript-DOM操作表单

声明一个数组，遍历checkbox，如果checkbox被选中就将此checkbox的内容push到数组中。事件需要有动作才可以实行（比如点击触发，方法可以不用动作，调用即可）代码中给每个表单添加了name属性，用这个属性去获取相应的表单元素。checkbox（兴趣）的值没有成功获取到。注意：onsubmit,onreset只能给表单添加。表单.submit;表单.onreset;可以通过form.name获取表单。checkbox的获取办法。checkbox的获取办法。全文使用代码完整如下。

2022-12-13 11:32:42 337

原创 JavaScript-DOM操作表格

DOM操作表格会在项目做数据展示的时候用到，其余地方使用并不多。表格中的tbody是可以不写的，在浏览器解析的时候，会自动加上建议写的时候写上tbody，向项目标准看齐。

2022-12-09 20:46:09 488

原创 HTML DOM Element 对象（getBoundingClientRect，getAttribute，setAttribute，removeAttribute）

获取到元素盒模型的一些信息,得到的结果是没有单位的,不包含滚动条的距离,不包含margin，包含border和paddingwidth 宽度（包含边框）height 高度（包含边框）left 从元素最左边到可视区最左边距离从元素最右边到可视区最左边距离top 从元素的最上边到可视区最上边的距离从元素的最下边到可视区最上边的距离给body添加一个高度的样式，从而出现滚动条，但是对盒子无影响。

2022-12-09 20:16:37 155

网上书店.docx是学校小学期的任务，文件共六章，60多页

主要内容：开发一个集网上商品销售和后台信息管理的网上书店系统，主要功能包括图书管理、用户管理、订单管理、商品的推荐与购买及其它系统所必需的辅助功能，借助现代互联网实现商品交换和销售，为物品的交易提供一个便利的网上交易场所。基本要求：网上书店系统应能实现图书浏览、在线购买、订单追踪、用户评价、客户服务、会员积分、图书分类管理、库存监控、促销活动管理、支付结算等功能。除了实现上述功能以外，该系统还应该具有友好、简洁的界面，安全性高，稳定性强。目录一、可行性分析与项目开发计划 1 二、软件需求说明书 7 三、概要设计说明书 15 四、详细设计说明书 29 五、系统实现 44 六、测试报告 56 课程设计总结 71 附录1团队开发会议记录1 72 附录2团队开发会议记录2 73 附录3团队开发会议记录3 74 附录4团队开发会议记录4 75

2024-07-22

程序员简历模板（修改版）

经典程序员简历模板，可以根据自己的需要下载使用

2023-02-19

2023元旦倒计时代码

2023新年倒计时代码，使用html，css,javascript原生代码制作完成。随着时光的流逝，小红心淡入浅出，就像身边人对我们的爱一样，倍感美好，在2022最后的一个月里，愿我们都能珍惜时间，努力上进，不辜负美好的时光，像代码中的祝福语一样，平安喜乐，顺心如意。愿你享有期望中的全部喜悦，每一件微小的事物都能带给你甜美的感受和无穷的快乐，祝春节新年快乐，万事如意! 代码使用了canvas制作了爱心淡入迁出，日历时间在记录着元旦的前夕。欢迎大家下载使用，也希望能和大家一起学习。

2022-12-17