隐藏用户y-CSDN博客

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

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

2024-05-22 06:00:00 624

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

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

2024-05-21 16:32:38 540

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

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

2024-05-16 05:00:00 588

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

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

2024-05-10 00:00:00 870

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

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

2024-05-03 05:00:00 8 1

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

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

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

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

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

2024-03-09 14:17:14 726

一种组件间通信的方式，适用于任意组件间通信。使用步骤：安装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 216

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

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

2023-10-21 11:57:13 280

原创 Vue配置代理学习笔记

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

2023-10-20 12:37:36 248

原创 Vue实现动画效果

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

2023-10-20 12:25:39 322

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

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

2023-09-29 14:10:27 998

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

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

2023-09-15 20:07:52 205

原创浏览器缓存学习笔记

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

2023-09-15 20:06:06 240

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

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

2023-09-15 20:00:20 1167

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

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

2023-07-16 16:56:15 365

原创 express框架学习笔记

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

2023-06-17 08:32:02 578

原创 Node包管理工具

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

2023-06-13 10:41:16 2017

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

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

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

原创 node.js的http模块

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

2023-06-09 23:21:38 1327

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

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

2023-06-07 09:07:40 834

原创 nodejs的path模块

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

2023-06-07 08:57:41 1182

原创 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 519 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 584

原创英语六级备考打卡1

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

2023-04-06 10:26:02 3878

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

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

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

原创【React】二.JSX

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

2023-01-13 11:13:13 347

原创【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 689

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

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

2023-01-02 22:56:45 548

原创 JavaScript-BOM

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

2022-12-16 09:46:00 251

原创 JavaScript-DOM操作表单

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

2022-12-13 11:32:42 319

原创 JavaScript-DOM操作表格

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

2022-12-09 20:46:09 474

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

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

2022-12-09 20:16:37 128

原创动态与静态获取元素

静态获取（querySelectorAll）时，选出的所有元素的数组，不会随着文档操作而改变；动态获取（getElementById）时，选出的所有元素的数组，会随着文档的操作而发生变化；静态获取数组的元素，数组元素按照顺序依次被遍历读取。第一次循环，1插入到最后，2获得新的下标0，第四次循环，3获得新的下标3，插入到最后。所以第二次插入到最后的是3，，第三次插入到最后的是5。

2022-12-09 20:13:53 898

原创 JavaScript-innerHtml与DOM方法的区别

此时运行点击任意一个，弹框显示undefined，为什么呢，因为html是大写的取消注释的内容，点击事件失效。如果考虑使用innerHTML，要考虑之前的事件会不会失效。

2022-12-09 19:43:00 134

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

获取到元素盒模型的一些信息,得到的结果是没有单位的,不包含滚动条的距离width 宽度（包含边框）height 高度（包含边框）left 从元素最左边到可视区最左边距离从元素最右边到可视区最左边距离top 从元素的最上边到可视区最上边的距离从元素的最下边到可视区最上边的距离···。

2022-12-09 19:33:54 102

原创 JavaScript-DOM 操作方法的特性

}

2022-12-09 15:18:23 376

原创 JavaScript实现登录框定位

元素.offsetWidth返回元素的宽度，包含边框的元素.clientWidth返回元素的宽度，不包含边框的元素.clientHeight和宽度语法相同可视区的宽高宽：document.documentElement.clientWidth高：document.documentElement.clientHeight。

2022-11-30 22:18:49 403

原创 JavaScript获取DOM元素相关信息和属性

2022-11-29 22:11:04 1096

原创认识与了解前端Dom

文档对象模型Dom是关于创建，修改，插入，删除页面元素的标准Dom赋予我们操作操作页面的能力页面的内容都是字符串，js会把这些字符串转换成DOM树，DOM树会把字符串转换成节点，其实我们操作DOM的根本就是操作节点。

2022-11-29 16:50:31 291

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

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

2023-02-19

2023元旦倒计时代码

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

2022-12-17